このブログに登場するイラストは、このブログの主であるHAAAN、つまりこの僕がえっせら描いたものなのですが、毎回イラストを出力する際に「JPG」か「PNG」か迷います。
ネットで調べると、それぞれの保存形式にはそれぞれのメリットデメリットがあるらしく、ざっくり書くと以下のような感じらしいです。
メリット：データサイズが軽い
デメリット：ちょっと劣化する
メリット：綺麗
デメリット：データサイズが重い
つまり、イラストを綺麗に出力したいならPNGにした方がいいけど、データは重いよということ・・・と今まで思っていたのですが、ふと試しに「JPG」と「PNG」で同じイラストを保存してデータサイズを確認してみたらなんか逆転現象が起きたのでこの場で共有をしておきたいと思います。
HAAANはこういった「データサイズ」に関して、ど素人です。もしかしたら致命的な勘違いをしている可能性は大です。もしそうだったら「ふふふ」って気持ちで見守ってあげてください。
条件
クリスタを使用して出力。以下の設定でキャンバスを作成
幅：1200 高さ：630 解像度：72
そしてカラーキャンバスとモノクロキャンバスをそれぞれ作成して、「キャンバスの種類」＋「イラスト形式（色を塗るかどうか）」＋「出力形式」で各々比較していきたいと思います。
カラーキャンバス＋カラー塗り＋jpg
70KB
ちなみにWordPressにアップロードしたら68KBに少々圧縮されました。あとのイラストも多少圧縮されているのですが、そんな大きな数値の差ではないので省略します。この辺はよくわかりません。
カラーキャンバス＋カラー塗り＋png
9KB
PNGの方がJPGより軽いという現象が発生！
あと心なしかこっちの方が画質も綺麗な気がする。
カラーキャンバス＋モノクロ＋jpg
40KB
茶色を取り除くだけで30KBも減ることに驚き
カラーキャンバス＋カラー＋PNG
8KB
だから軽すぎだって
モノクロキャンバス＋jpg
34KB
とくにコメントなし
モノクロキャンバス＋PNG
6KB
一番軽い。
カラーキャンバスかモノクロキャンバスかでおなじモノクロうんこでも2KBも違うのが驚き。
結果としては
PNGの方が軽い
これだったら全部PNGで良くない？
もしかして、僕のクリスタの設定がなんか変なの？PNGが軽いんじゃなくてJPGの設定がおかしくて重すぎるだけ？？設定をちゃんとすればもしかしてJPGだと１KBまで落とせる可能性があるの？？？？もうわけわからん！！
ただひとつ言えるのは・・・今の僕がJPGを使用してもまっったくメリットが無いという事・・・。これからは、一応JPGとPNGの両方で出力して軽かった方を採用する形式にします。（ちなみに、早速アイキャッチをJPGからPNGに変えました。200KBくらい軽くなったw）