育児ブログに最適な画像サイズを確認する
画像サイズの最適化@双子育児おやじのまるばです。
macに標準インストールされているPhotoScapeXで作りました。
当ブログのテーマ
このブログははてなブログで、テーマは「ZENO-TEAL」を使っています。
画像は大きいと綺麗ですが、容量が大きくなり読み込みが遅くなります。
しかし画像が小さすぎると、見辛くなります。
そこで最適なサイズを検証しました。
検証方法
オリジナル画像を、PhotoScapeXでリサイズしました。
縦と横の比率はオリジナルの比率16:9を維持しています。
ファイルの保存形式はjpgのまま変更していません。
サイズの変更のみで、圧縮などはおこなっていません。
画像
オリジナル画像は、1280px×720pxのjpgファイルです。
オリジナルのファイル容量は348KBです。
1280px ×720px( 348KB)
オリジナル画像です。
1024px ×576px( 241KB)
800px ×450px( 156KB)
720px ×405px( 142KB)
自分のパソコンで見た時に最適なサイズ
700px ×394px ( 137KB)
パソコンの場合、記事幅が720なので、余白ができます。
640px ×380px( 121KB)
500px ×281px( 79KB)
400px ×169px( 34KB)
300px ×225px( 55KB)
200px ×113px( 19KB)
スマホでも余白ができる
100px ×56px( 8KB)
50px ×28px ( 5KB)
モザイクっぽくなる
10px ×6px ( 4KB)
見えない
まとめ
僕のブログの場合、記事幅にぴったりの最適画像サイズは「720px ×405px」だと思います。
皆さんも自分のブログなどの最適画像を調べてみてはいかがでしょうか。