Tumblrは特定のしきい値を超える画像を自動的にリサイズして圧縮します。大きすぎる写真をアップロードすると、 Tumblrが画像を縮小してロスsy圧縮を適用するため、元の画像より画質が低下することがあります。 最初から正しいサイズでアップロードすれば、画像は意図した通りに正確に表示されます — 予期しない画質低下や不要なリサンプリングは発生しません。
クイックリファレンス:Tumblr画像サイズ
| 画像の種類 | 推奨サイズ | 最大ファイルサイズ | 備考 |
|---|---|---|---|
| フォト投稿(シングルカラム) | 幅540px | 10MB | 標準カラム幅;高さは自由 |
| フォト投稿(フル幅) | 幅1280px | 10MB | より広い画像はTumblrが1280pxに縮小 |
| GIF(インライン自動再生) | 最大幅540px | 自動再生3MB;アップロード10MB | 3MB超のGIFは動画に変換される |
| プロフィール画像 | 表示128×128px;256×256pxでアップロード推奨 | 10MB | 正方形クロップ;PNGまたはJPG;Retina対応 |
| ヘッダー/バナー | 3000×1055px推奨 | 10MB | 最小幅1280px;モバイルではクロップされる |
フォト投稿の詳細
Tumblrブログの標準カラム幅は540pxです。写真を投稿すると、Tumblrはデスクトップで このカラム幅で表示します。画像が540pxより狭い場合、Tumblrは画像をわずかに引き伸ばして表示するため、 ぼやけて見える可能性があります。ちょうど540px以上でアップロードすれば、シャープに表示されます。
ライトボックスやRetina対応ディスプレイ向けに高解像度画像を提供したい場合は、幅1280pxで アップロードしてください。これはTumblrが独自の縮小処理を適用する前にレンダリングする最大幅です。 1280pxより広い画像は自動的に1280pxにリサイズされるため、2560pxや4000pxでアップロードしても 意味がなく、Tumblrによる追加の圧縮処理が発生するだけです。
- シングル画像投稿:標準画質は幅540px;最高画質は幅1280px
- フォトセットグリッド:Tumblrは540pxカラムを1行あたりの画像数で分割します — 1行2枚の場合、それぞれ約268px(4pxのギャップ込み)。これに合わせてデザインしてください
- 対応フォーマット:JPEG、PNG、GIF、WebP、AVIF
- 最大ファイルサイズ:画像1枚につき10MB
GIFのベストプラクティス
TumblrはWeb上で最もGIFフレンドリーなプラットフォームの1つです。ただし、理解しておくべき重要な しきい値があります。3MB未満のGIFはダッシュボードでインラインで自動再生されます。 3MBから10MBの間のGIFはアップロードできますが、Tumblrが再生のために動画フォーマットに変換します — これにより、一部の環境で従来のGIFの外観が失われる可能性があります。
- 幅:標準カラムに合わせてGIFを540px以下に保ってください。 より広いGIFはどのみち縮小されます
- 自動再生のファイルサイズ:フォーマット変換なしのインライン自動再生を保証するには 3MB未満に抑えてください
- 最大アップロードサイズ:10MB
- ファイルサイズの削減:カラーパレットを制限する(256色ではなく128色や64色)、 フレームレートを下げる、または不要なフレームをトリミングしてください。これらの変更で目立つ 画質低下なくGIFサイズを大幅に削減できます
- フレームレート:Tumblr GIFでなめらかな動きを得るには15〜20fpsで十分です。 高いフレームレートはファイルサイズを急速に増加させます
プロフィール画像とアバター
Tumblrのプロフィール画像(アバターとも呼ばれる)は、ブログページ、検索結果、リブログの隣、 ダッシュボードのサイドバーなど、プラットフォーム全体で正方形のサムネイルとして表示されます。
- 表示サイズ:ほとんどの環境で128×128px
- アップロードサイズ:RetinaおよびHigh-DPIスクリーンでシャープに表示するために256×256pxでアップロードしてください
- アスペクト比:正方形(1:1)。正方形でない画像はクロップされます — アップロード前に画像クロップを使用して被写体を1:1フレームの 中央に配置してください
- フォーマット:フラットカラーのロゴやグラフィックにはPNGを推奨; 写真にはJPEGが適しています
ヘッダーとバナー画像
Tumblrブログのヘッダー(バナーとも呼ばれる)は、デスクトップではブログページの全幅に わたって表示されます。訪問者がブログで最初に目にする視覚的印象となるため、この画像を 正しく設定することが重要です。
- 推奨サイズ:3000×1055px。この解像度では、大型デスクトップ モニターとHigh-DPIスクリーンでヘッダーがシャープに表示されます
- 最小幅:1280px。より狭いバナーはワイドスクリーンでぼやけて見えます
- モバイル表示:モバイルでは、Tumblrはバナーをより短いアスペクト比に クロップします。左右の端がカットされる可能性があるため、最も重要な部分(テキスト、ロゴ、 フォーカルポイント)を画像の中央に配置してください
- フォーマット:写真ヘッダーにはJPEGが;テキストやフラットカラー領域の あるデザインにはPNGが適しています
- 最大ファイルサイズ:10MB
Tumblr用に画像をリサイズする方法
画像をTumblrの正確なサイズにリサイズする最も手軽な方法は、オンラインリサイザーを使用することです。画像リサイズツールを使えば、目標幅を540px、1280px、または3000pxに 設定して、ソフトウェアをインストールせずに数秒でリサイズできます。複数のプラットフォームの ソーシャルメディアプリセットをまとめて処理したい場合は、 ソーシャルメディアリサイザーを使用すると、一度の操作で すべての一般的なサイズを生成できます。
- フォト投稿:標準は幅540px、高解像度は幅1280pxにリサイズ
- GIF:幅540px以下かつ3MB未満を維持
- プロフィール画像:256×256pxの正方形にリサイズ
- ヘッダー:3000×1055pxにリサイズ
ファイルサイズ制限を満たすための画像圧縮方法
正しいピクセルサイズであっても、画像がTumblrの10MBアップロード制限を超えることがあります — 特に大型ヘッダー画像や高解像度写真の場合。画像圧縮ツールを 使用して、視覚的品質を維持しながらファイルサイズを削減してください。80〜85%品質のJPEG圧縮は、 目に見える違いを生じさせることなくファイルサイズを50〜70%削減できます。PNGファイル(バナーや プロフィール画像によく使用される)の場合、ロスレス圧縮でメタデータを削除してエンコードを 最適化し、画質損失なしにサイズを削減できます。
これらのサイズガイドラインに従うことで、Tumblrの投稿、プロフィール、ブログヘッダーが常に 最高の状態で表示されます。正しいサイズでアップロードし、自動再生のためにGIFを3MB未満に 保ち、10MBのアップロード制限内に収める必要がある場合は圧縮を使用してください。