メインコンテンツへ移動

Etsyミニバナーのサイズ(1200×160)

Etsyミニバナーは1200×160ピクセル――7.5:1のストライプで、大きなバナーの高さのほぼ半分です。この比率では、ほとんどの写真が切り抜きによって失われてしまうため、このページでは中央部分を自動で取るのではなく、保持するバンドを自分で選択できます。

端末内で処理

PNG、JPG、WebP、GIFをドロップ

ページのどこにでもドロップできます · ファイルを選択 · 100 MB

対応形式: PNG, JPG, JPEG, WebP, GIF, AVIF

Etsyミニバナーのサイズ(1200×160)とは

ミニバナーはEtsyのよりスリムなストアフロントオプションです: 1200×160ピクセルで、比率は7.5:1になります。これは意図的に控えめな選択であり、ショップでは商品を主役にし、ブランディングはその静かに上に配置したい場合に使用されます。

また、Etsyで最も比率の合わせにくいバナーでもあります。一般的な横長写真は3:2で、その全幅を維持して7.5:1に切り抜くと、高さの約80%が失われます。残るのは水平なバンドのみであり、ツールにそのバンドを中央に配置させると、フレームの中間にあったものがそのまま表示されます。

このページでは正確なストライプを表示し、ズームコントロールで被写体がより近くに必要な場合に対応しながら、どのバンドを保持するかを自由に選択できます。すべてはブラウザ内で動作します。

より背の高い4:1スロットの場合は、大きなバナーのページ標準版とRetina版を一括でエクスポートします。

必要な形状がプラットフォームが定めるものではない場合、任意の四角形に切り抜き代わりにこちらを使用できます。

7.5:1が失わせるもの

計算式は確認する価値があります。なぜ製品写真から作られたミニバナーがたびたび偶然のように見えるのか、その理由を説明しているからです。

ソース比率7.5:1で保持される高さ
電話の写真 (4:3)1.33:1約18%
カメラの写真 (3:2)1.5:1約20%
動画の静止画 (16:9)1.78:1約24%
Etsyの大きなバナー (4:1)4:1約53%

ストライプでうまくいくもの

7.5:1に適したデザインは、その比率に合わせて作られたものではなく、切り抜きによって適合させたものではありません。繰り返しパターンは、切り抜かれるべき単一の主題がないため、うまく読み取れます。余白をたっぱりと取って中央に配置されたワードマークも、ストライプが一行のテキストとまったく同じ形状であるため、うまく読み取れます。

意図的に広く撮影されたフラットレイ――物品がクラスターではなく一列に配置されているもの――も切り抜きに耐えられます。人物の肖像や単一の製品ショットは、ほとんどの場合うまくいきません。

  • 繰り返しパターンとテクスチャー: 切り抜かれるべき主題がない
  • 余白をたっぱりと取ったワードマーク: ストライプは見出しの形状
  • 一列に配置された物品を持つ広いフラットレイ
  • 片端に小さなマークがある単色背景: 不恰好な切り抜きよりも意図的

中央のバンドを受け入れるのではなく選択する

フォーカルグリッドは、切り抜きをソース画像の上下に移動させます。フラットレイの場合、これは物品の列を選択することを意味します。地平線がある写真の場合、これは空と地面のどちらがストライプを保持するかを決定することを意味します。

ズームコントロールは、被写体がフレーム内で小さい場合に切り抜きをタイトにします。どちらも、7.5:1では良い切り抜きと役に立たない切り抜きの違いがソースの高さのわずかなパーセントに過ぎないため、他のどのバナーサイズよりもここで役立ちます。

大きなバナーかミニバナーか?

ショップはどちらか一方を選択します。1200×300の大きなバナーは被写体のある画像のスペースを提供し、1200×160のミニバナーはより静かなバンドとなり、リスティングをページの上部に保ちます。

迷った場合は、同じアートワークから両方をエクスポートし、ショップのプレビューで確認してください。製品がその下に配置されれば、選択は通常明らかになります。

よくある質問

Etsyミニバナーのサイズは?

1200×160ピクセル、7.5:1のストライプです。これは1200×300の大きなバナーの高さのほぼ半分で、ストアの上部に同じスロットを占めるため、ショップは両方ではなくどちらか一方を使用します。

なぜ私の写真はミニバナーとして見た目が悪いのですか?

7.5:1では、通常の写真の高さの約5分の1しか保持されないからです。切り抜きが当たるバンドがすべてが生存するものであり、中央のバンドは通常被写体を切り抜いてしまいます。パターン、ワードマーク、広いフラットレイがこの比率に適しています。

大きなバナーとミニバナー、どちらが良いですか?

大きなバナーは被写体のある画像を保持し、ミニバナーはあなたのリスティングをページの上部に保ち、より控えめに読み取られます。同じアートワークから両方をエクスポートし、実際の製品の上で確認してください――その時点では選択は通常明確になります。

ミニバナーにショップ名を入れることはできますか?

はい、それはこの形状に最も適しています: 7.5:1のストライプは、一行のテキストの比率とほぼ完全に一致します。名前のみにし、両側にたっぱりとした余白を残してください。なぜなら、ストライプは電話ではわずか数百ピクセル幅で表示されるからです。

Retinaディスプレイ用により大きなバージョンをエクスポートすべきですか?

大きなバナーと同じロジックが適用されます。同じ比率でより多くのピクセルは、高密度ディスプレイでより鮮明に見えます。Etsyはこのスロットのサイズとして1200×160を文書化しています。このサイズでエクスポートすることは安全であり、ぼやけが気になる場合は、比例的に大きなファイルを試してみる価値があります。

アートワークは私のコンピュータから送られますか?

いいえ。デコード、切り抜き、リサイズ、エンコードのすべてがこのブラウザタブ内で行われます。アップロードのステップもアカウントも必要ないため、未公開のショップのブランディングは元のまま残ります――これは DevTools で確認できることで、盲信する必要はありません。