ブログの画像サイズ、なんとなくで決めていませんか？
横幅と同じサイズにすればいいんじゃないの？
実はそれだけでは不十分です。
最近のスマホやMacは画面がとても高精細です。
そのため、表示される大きさと同じサイズの画像では、スマホで見ると少しぼやけて見えることがあります。
この記事では、2026年基準の最適な画像サイズをわかりやすく解説します。
結論：1200pxで用意すればOK
はてなブログの場合、最適な画像サイズは
横1200px
で用意すれば安心です。
最近のスマホは、表示サイズの約2倍の画素数がないと、少し引き伸ばされて見えることがあります。
はてなブログは長辺1200pxに自動リサイズされるため、この仕様に合わせるのがもっとも効率的です。
ファイルサイズの目安
- 理想：200KB前後
- 上限目安：300KB以内
1MBを超える画像は表示速度に影響します。
はてなブログの画像仕様
① 記事編集画面から直接アップロード
- 長辺1200pxに自動リサイズ
1200pxはRetina対応としてちょうど良いサイズです。
特別な理由がなければ、そのまま使用して問題ありません。
② はてなフォトライフ経由
- デフォルトは長辺800px
800pxでも表示はできますが、スマホではやや甘く見える場合があります。
ただし、写真よりもイラストや図解が中心のブログであれば、実用上は問題ありません。
おすすめの画像準備方法（最も効率的）
画質を保ちつつ軽くするための、最も効率的な手順です。
- Canvaなどで横1200pxで書き出す
※写真はJPG、文字入り図解はPNGがおすすめ - TinyPNGなどで圧縮する
- そのままはてなブログへアップロード
この手順なら、「はてなブログの仕様（1200px）」と「高解像度表示」の両方を満たしつつ、表示速度も守れます。
小さすぎる画像はNG？
横600px以下の画像をそのまま使うと、
- スマホで少しぼやける
- 拡大表示時に粗くなる
特にアイキャッチ画像や図解は、1200pxで用意するのがおすすめです。
まとめ
- 画像は横1200pxで用意する
- ファイルサイズは200〜300KB以内
- 直接アップロードの1200pxは理にかなっている
- アップロード前に圧縮すると安心
画像最適化は、表示速度と画質の両方に効果があります。
公開前に一度チェックしてみてくださいね。
はてなブログで収益化したい方へ
初心者向けに、収益化までの手順をまとめています。
