Googleが公開したブラウザ上で画像圧縮ができるWebアプリ「Squoosh」がかなり良かったので、使い方などを含めて紹介したいと思います。 画像圧縮はサイトスピード向上のための大きなカギ。 普段は撮影した画像をLightroomで一括圧縮して書き出しているものの、画質が甘かったり容量が重かったりと「一括圧縮は書き出してみないと分からない」というのが難点でした。 そこで「Squoosh」をサクッと試してみたところ。
こちらの画像、左側(286KB)と右側(44KB)とで、ファイル容量が5倍以上異なります。でも見た目に大きな違いはありませんよね? 画像のファイルサイズが小さければ、ユーザー側はギガ消費を抑えられるし、読み込み速度も速くなります。サイト管理側も、ストレージ容量を削減できます。このように、サイトに掲載する画像を自動で最適化してくれるのが、ウェブテクノロジの画像軽量化ソリューション「SmartJPEG」。 「SmartJPEG」は、見た目そのままに画像容量を抑えてくれるサービス。バージョン2.0を7月10日にリリースし、アニメーションGIFの生成、WebPの出力に対応したほか、画像内容に応じてJPEG・PNGのどちらが適しているかを自動判断できるようになりました。さらに、ブログシステム「WordPress」から「SmartJPEG」を呼び出して、画像の軽量化を自動で行うプラグインも同時にリリー
CVPR2018にて超解像分野において極めて重要そうだなと感じた論文がありました。Yochai Blauらによる下記の論文です。 [1711.06077] The Perception-Distortion Tradeoff この内容を踏まえて最近の超解像研究の流れをまとめたいと思います。 超解像とは? 超解像について振り返ります。多くの方がwaifu2xというソフトウェアで一度は目にしたことがあるかもしれません。下記イメージのように低解像の画像を高解像の画像に変換する方法を 超解像(Super Resolution)と呼ばれます。 (参照元:二次元画像を拡大したいと思ったことはありませんか? - デー) このwaifu2xがざっくりどのように超解像を行っているかというと、ベースはSRCNNというConvolutional Neural Netoworkを使った超解像手法であり、下記のよう
まさにQiitaに投稿したりする時に、ぱっとスクリーンショットをとって、ちょっと加工してアップします。 フォトショでもいいのかもしれませんが、そこまでヘビーな操作をするわけでもない。そんな時に使っているツール群を紹介します。 サイズを縮小したい これだけならMac標準のプレビューツールでできます。 右肩のかばんみたいなマークをクリックすると編集ツールが出てきます。 サイズ縮小だけでなく、文字を載っけたり枠で囲ったり投げ縄でくりぬいたりもできます。 以外と高機能 モザイクをかけたい そんなときはToyViewer。 https://itunes.apple.com/jp/app/toyviewer/id414298354?mt=12 App Storeから入手できます。 プレビューツールでできることも当然できます。 モザイクは、Menu > Effect > Noise/Mosaic で範囲
0% 360 Camera 井 172 131,855 views 360 paint May 06, 2018 21:02 <blockquote data-width="500" data-height="375" class="ricoh-theta-spherical-image" >360 paint - <a href="https://theta360.com/s/dnDvghEeeTilpzELnjeuEUjo4" target="_blank">Spherical Image - RICOH THETA</a></blockquote> <script async src="https://theta360.com/widgets.js" charset="utf-8"></script> Automatic playback: ON OFF Custom setting
NVIDIAが「この画像をあの画像っぽく」できる高速で高品質なAIアルゴリズム「FastPhotoStyle」を公開2018.03.28 12:4531,133 たもり 本物かと見間違うクオリティ。 以前取り上げた雪原を草原に変えるAdobeのアルゴリズムなど、画風変換のアルゴリズムは何も真新しいものではありません。しかし、NVIDIAが発表したAIアルゴリズム「FastPhotoStyle」は、既存のアルゴリズムより各段に速い処理スピードを誇り、出来上がった画像のクオリティも高いのです。 FastPhotoStyleを開発したのは、 NVIDIAとカリフォルニア・マーセッド大学の科学者チーム。先月、「A Closed-form Solution to Photorealistic Image Stylization」という論文を発表しました。 PetaPixelによれば、従来のこういった
米Vanity Fair誌の表紙で、米女優リース・ウィザースプーンの脚が3本あるように見えると話題です。目の錯覚か、それともPhotoshop職人が頑張りすぎてしまったのかSNS上で論争が起きています。 おわかりいただけただろうか……(Vanity FairのInstagramから) 12人のスターが集う豪華な表紙で、椅子に腰かけ組んだ両足をスッと斜めに伸ばしているウィザースプーン。しかしよく見ると右膝の下からもう1本脚が伸びているように見えます。 この奇妙な写真にVanity Fair誌のInstagramでは「Photoshop失敗」「何で雑誌が信用できないのかってことだよね」と3本脚を無視できない人たちによって多数のコメントが寄せられました。一方、「バカなこというのはやめなよ。私には3本の脚なんて見えないし、これはただそう見える体勢」と擁護する人、それに対し仮に3本目の足が錯覚だとす
もう7年ほど前になりますがFlashでサイト製作をしていた時代に、表現に悩まされるものがありました。 それが『湯気』です。 イラストを使った可愛い表現なら問題ないですが、リアルな感じを作ろうと思うとこれがなかなか難しい。最近では動画やアニメGIFなどで代用されていたりすることも多いと思いますが、今回はそんな素材がない時に使える 『SVGで作るリアルな湯気』 を紹介したいと思います! See the Pen Steam by uenaka (@uenaka) on CodePen. SVGで湯気を書く まずはSVGで湯気の形を自由に書いてみてください。 難しく聞こえるかもしれませんが、後々ボカして使用しますので形に拘る必要はありません。 参考までに私が書いてみた湯気がこちらです。 SVGにanimateを追記して動す よりリアルな動きに見せるため、SVGで書いた湯気を動かします。 ここも動き
Avid、強力なビデオ編集ソフト「Media Composer | First」の無償配布を開始! YouTube、Vimeoへの直接書き出しにも対応 「Media Composer | First」は、ハリウッド映画のプロダクションでも使用されている業務用ビデオ編集ソフトウェア、「Media Composer」の無償バージョン。今年4月の『NAB Show』で発表されて話題になりましたが、先頃ついにダウンロード提供が開始されました(誰でも無償でダウンロードできますが、Avidのマスター・アカウントが必要になります)。 「Media Composer | First」では、無制限にプロジェクトを作成することができ、ビデオは4トラック(有償版は24トラック)、オーディオは8トラック(有償版は64トラック)扱うことが可能(データ・トラックは非対応)。「Pro Tools」の無償版「Pro To
I've made this answer a community wiki post, so please update it if you notice any out-of-date or missing information. Browser support for WebGL Check caniuse.com/webgl to see whether your browser supports WebGL. Enabling WebGL If your browser supports WebGL, follow these instructions to enable it: Chrome First, enable hardware acceleration: Go to chrome://settings Click the Advanced ▼ button at t
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く