94

ご挨拶

まぐろ茶 @honnmaguro_tea
前回まとめたものがおかげさまで2000pv超えまして、非常に驚いているのと共に絵描き界隈の方達に少しでも響いたことに感無量なのです
まぐろ茶 @honnmaguro_tea
興奮しすぎてカンマ付け忘れる始末…商業科出身故にそこが気になる😇

注意というか

まぐろ茶 @honnmaguro_tea
なお、iOS版のGoogleフォトとAndroid版のGoogleフォトで見比べると同じ画像なのにファイルサイズのみが大幅に違いました、なんでやねん 記述したファイルサイズはAndroid版のGoogleフォトです

検証スタート
余計な事は書かずにぎゅっと凝縮したつもり

リンク squoosh.app 161 users 1356 Squoosh Compress and compare images with different codecs, right in your browser
まぐろ茶 @honnmaguro_tea
画像やイラストを圧縮するのにめっちゃ苦労してたけど、これで解決できた Googleが開発した「Squoosh」! 出来上がったばかりのイラスト(正直言って色々と反省点あり)で検証します〜 Squoosh→squoosh.app
まぐろ茶 @honnmaguro_tea
まずは元画像のPNG、リサイズなし(777px×762px) この時点で400KB超え もうちょっと容量抑えたいよね pic.twitter.com/fLlm1UX6oR
 拡大
まぐろ茶 @honnmaguro_tea
で、Squooshを使って リサイズなし(777px×762px)でPNG ファイルサイズ373KB! 十分だけどもう少し減らしたい! pic.twitter.com/r8PpZWT6gF
 拡大
まぐろ茶 @honnmaguro_tea
リサイズあり(450px×441px)のPNGで255KB リサイズしたのにここまで保てるのはびっくりした pic.twitter.com/SIi9a45RwQ
 拡大
まぐろ茶 @honnmaguro_tea
真骨頂はこれよ これリサイズなし(777px×762px)でJPGなのに ファイルサイズ62KB…! 大幅にダイエットできた! よく見るとJPG特有のノイズは出るけど、あまり気にならないんですね ただTwitterで見るとどうなるのか分からない…今初めて投稿したから😇 pic.twitter.com/2LGvYDedgv
 拡大
まぐろ茶 @honnmaguro_tea
そこまで大きく画質崩れてなさそう👏👏👏 ということで絵師の皆様、画像圧縮やリサイズにはSquooshがおすすめです Safariでも稼働しましたが、恐らくChromeから稼働させた方がいいかもしれません…何せGoogleが開発したから(小声)
まぐろ茶 @honnmaguro_tea
PNG8に変換するサイトを巡りに巡りまくって行き着きました👏 確かにPNG8は圧縮してくれるけど、ディザ(覚えた)が目立つからあまり………

SquooshはJPGが得意?

まぐろ茶 @honnmaguro_tea
Squooshに関してはJPGが得意かもしれません👏 イラスト(元画像)はまずペイントソフトでPNG保存、その後SquooshでJPGに変換するのもありです🙆 実際PNGからJPGに変換しても、そこまで大差なかったです(と言い切りたい)

説明が足りなかったので補足すると、どうやら私が実行したのはJPGじゃなくてMozJPGだったみたいです
ただ特殊な環境(?)じゃない限りMozJPGで書き出しても問題ないとは思いますが…

まぐろ茶 @honnmaguro_tea
そして私はGoogleの回し者ではない😇✋

追加検証
この方法で正解だったかどうかは分かりませんが、PNGやJPGをスクショするともっと荒れて検証の意味がないのです
ご希望に沿えられたでしょうか?

まぐろ茶 @honnmaguro_tea
【追加検証】 首元を拡大して切り抜き、それぞれPNGで保存しました 切り抜きがいい加減なので、キャンバスサイズとファイルサイズがそれぞれ違います はたしてこのやり方で正解なのかどうかは… でもスクショは結局JPGになってもっと荒れるしなあ…
まぐろ茶 @honnmaguro_tea
元画像リサイズなしPNG 777×762px pic.twitter.com/nPk4QkKMMD
 拡大
 拡大
まぐろ茶 @honnmaguro_tea
ここからはSquooshを使った画像を拡大、その後ソフトで切り抜きPNGで保存 リサイズなし 777px×762px ファイルサイズ373KB pic.twitter.com/F5mFKHzcpp
 拡大
 拡大
まぐろ茶 @honnmaguro_tea
JPGをスクショするともっと荒れるので切り抜き後PNGで保存しました リサイズなし 777px×762px MozJPG これは流石にノイズが出ているのが分かります pic.twitter.com/luY24AlxdI
 拡大
 拡大

小話

残りを読む(3)

コメント

bun🍃 @bun3559 2019年6月12日
リサイズで気になるのは細部の変化なので、ドットがわかるレベルでの拡大画像を付けてほしいナリ。あと線が太いとリサイズしても影響が出にくいです。細い線だと影響が出ます。
フルバ @furubakou1 2019年6月12日
スマホのアルバムアプリでトリミングすると逆にサイズでっかくなって困ってたんだよなぁ、これ使ってみるかなぁ。
@ @KareidoMegane 2019年6月12日
これはいいサービス。 スマホだけで全工程を完結したいとか今までそういうの意識したことなかったとか、あとJPEGのモアレと容量を毎回天秤にかけるのメンドクセーという人には良いんじゃない。
nekosencho @Neko_Sencho 2019年6月12日
圧縮の仕方もいろいろ研究されてるんだろうね。 昔とは計算性能が文字通りけた違いに増えてるので、複雑な処理をしてでも容量減らせればOKだし、静止画も動画もどんどん圧縮法は改善されていくんだろう
まぐろ茶 @honnmaguro_tea 2019年6月12日
追加で検証しました。 ソフト(Affity Photo)で首元を拡大後、切り抜きPNGで保存
たぬき🌗 @TNK_jinro 2019年6月12日
ツイッターだと画像によっては勝手に圧縮されてしまうのでこういう比較を載せるのには不向きかも? 赤色系の細い線がどのくらい綺麗に圧縮されるか気になりますね〜
まぐろ茶 @honnmaguro_tea 2019年6月12日
2回目の更新です。 小話を追加しました。 読む・読まないはご自由に!
(・ิω・ิ)もろきう(・ิω・ิ) @moroQ_mayuge 2019年6月12日
(ヽ'ω`)1x1までリサイズしたらびっくりするほどの圧縮力(白目)
かしわ天 @kashiwaten6mai 2019年6月12日
このクオリティでいいならまだAntelopeのが優勢かなぁ。自環境で試して肉眼で比較した限りでは、同程度の劣化度合いに対するファイルサイズではAntelopeのが小さくなる。
I-zy @digitaleazy 2019年6月12日
リサイズ昔は色々使ったけど、最近は画像程度じゃ恩恵を受けられる場所がそんななくてのぉ。
kusano @t_kusano 13日前
pngよりjpgの方が小さくなるっていう話してるだけじゃ。。。pngは可逆圧縮なので非可逆圧縮のjpgより大きくなるのは原理的に当たり前なんだけど。。。
ヘルヴォルト @hervort 13日前
TNK_jinro 検証サンプルの品質としてはその通りだけどサービス紹介として問題ないからいいんじゃない? 有料サービスとか悪質コンテンツでもないなら自分で実際試すのが一番確実だよ
夏々(なつなつ)@相互フォロー @nadenadenana 13日前
pngよりjpgの方が小さくなるってデジ絵を描いてたら常識だよなぁ…しかもTwitterってかってにjpgに変換されるから検証には不適切
Харупом / هاروبوم @harupom 13日前
MozJpegってMozilla製じゃないのって思ったら、高圧縮するためにjpegにはMozJpeg、pngにはOptiPNG使う画像エディタなのね
フルバ @furubakou1 12日前
t_kusano pngは可逆圧縮だったの!?
ログインして広告を非表示にする
ログインして広告を非表示にする