小梅
今まで全然気にしてなかったんだけど…。
JPEGとPNGで画像の容量が全然変わるらしい…。
ブログを書くときに、画像があったほうが見やすいってよく聞くけど…
そもそも画像の違いが全く分からず適当に保存していた私。
今日覚えたことを忘れないように、ここに覚書。
JPEGとは
写真の画像を保存するときに使うと良し。
PNGとは
イラストの画像を保存するときに使うと良し。
写真画像をPNGで保存すると、同じ画像でも容量がめっちゃ大きくなる。
小梅
知らずに全部PNGで保存してて、これを知った時は笑うしかなかったよｗ
画像1枚の容量はどれくらいがいい？
画像1枚に付き30～70KBがベスト。
低ければ低いほど良い。100KB超えるとダメ。重くなりやすい。
小梅
見てみたらほとんと100KB前後だってことに気づいて、これも笑うしかなかったよｗ
容量を小さくする方法
ワードプレスのプラグインで自動圧縮もあるが、画像を1枚づつ圧縮した方が容量をかなり小さくできる。
tinypng
パンダさんによくお世話になってました。
だいたい3分の1くらいに圧縮してくれる感じ。
Squoosh
最近知った、google公式の画像圧縮ツール。これも使いやすい。
画像の粗さとかを目で確認しながら圧縮できるのが面白い。
まとめ
- JPEG…写真
- PNG…イラスト
- 写真をPNG保存はダメ！
- 画像1枚 50KBにおさめる
- ツールで1枚ずつ圧縮してから使用するのが理想
小梅
特化ブログの画像、直さなきゃ…。
まだ最初の少ないうちに知れてよかった…。
皆様もお気をつけて！！
