WixはCDN配信、WebP変換、レスポンシブサイジングなど、多くの画像最適化を自動的に処理します。しかし、正しいサイズで画像をアップロードする必要があります。間違ったサイズを使用すると、ぼやけたヒーロー画像、切れたロゴ、またはちぐはぐな商品グリッドが生じます。このガイドでは、 2026年のWixウェブサイトのすべてのセクションに対する正確な画像サイズを説明します。

Wix画像サイズ — クイックリファレンス

ヒーロー / 全幅ストリップ: 1920×1080 px（16:9）
背景セクション画像: 1920×600〜1920×800 px
ブログ投稿のアイキャッチ画像: 940×529 px（16:9）
記事内画像: 最大幅 940 px
商品 / ストア画像: 1000×1000 px（1:1 正方形）
ロゴ: 最小 250×250 px（透明背景のPNG）
ギャラリー画像: 1280×960 px（4:3）または 1280×720 px（16:9）
ファビコン: 32×32 px または 64×64 px
最大アップロードサイズ: 画像あたり 25 MB
対応フォーマット: JPG、PNG、GIF、WebP、BMP、TIFF

Wixの画像処理方法

具体的なサイズに入る前に、Wixが自動的に処理することを理解しておくと役立ちます:

CDN配信: アップロードされたすべての画像はWixのグローバルCDNから配信されます。世界中の訪問者は、地理的に近いサーバーから画像を受け取ります。
WebP変換: Wixはアップロードされた画像を最新ブラウザ向けに自動的にWebPに変換します。アップロード前にWebPに変換する必要はありません。
レスポンシブサイジング: Wixはアップロードから複数のサイズを生成し、各デバイスに適したサイズを配信します。Retina画面の鮮明さのために2倍の解像度でアップロードすると、 Wixが適切なサイズを配信します。
自動圧縮: Wixはアップロード時に画像を圧縮します。最良の結果を得るには最適化された元のファイルから始めることが重要です — 元のファイルが非常に大きい場合、 Wixの圧縮により目に見えるアーティファクトが追加される可能性があります。

ヒーロー / 全幅ストリップ画像

ヒーロー画像（Wixでは「ストリップ」とも呼ばれる）は、通常、訪問者がページで最初に見る大きな画像です。推奨サイズ:

推奨: 1920×1080 px（16:9 横向き）— ほとんどのデスクトップ幅をカバー
最小: 幅 1000 px
ファイルサイズ目標: 高速なFirst Contentful Paintのために500 KB未満

モバイルでは、Wixはヒーロー画像を中央からトリミングします。顔、商品、見出しのコンテキストなど、最も重要なビジュアルコンテンツを画像幅の中央60%以内に保ちましょう。Wixの組み込みフォーカルポイントツールを使用して、小さな画面でトリミングする際にどの部分を表示するかをWixに正確に指示してください。

写真には85〜90%品質のJPEGまたはWebPを使用してください。テキストや硬いエッジのあるグラフィックには PNGを使用してください。

背景画像（ページセクション）

セクションコンテンツの後ろにある背景画像はヒーロー画像と同様に動作しますが、全ビューポートの高さではないため、多くの場合異なるアスペクト比を持ちます。一般的なサイズ:

標準セクション背景: 1920×600 px〜1920×800 px
全高背景: 1920×1080 px

背景画像は、テキストのコントラストを改善するためにカラーオーバーレイやぼかし効果とともに表示されることが多いです。これを念頭に置いて背景画像をデザインしてください — 完全に単独で立つ必要はありませんが、オーバーレイの下でも見栄えがするように十分なトーンのバリエーションがあるべきです。

ブログ投稿画像

Wixブログ画像には2つの異なる用途があります:

アイキャッチ画像（サムネイル）: 940×529 px（16:9）— ブログフィード、最近の投稿ウィジェット、ソーシャル共有プレビューに表示されます。16:9比率により、予期しないトリミングなしにすべてのコンテキストで正しくレンダリングされます。
記事内画像: Wixブログエディタは最大940px幅の画像を表示します。 940 pxより幅広の画像は縮小されます。ページ読み込みを速く保つために、記事内画像は 200 KB以下を目標にしてください。

画像リサイズツールを使用してブログ画像を正確に940×529 pxに設定し、次に圧縮ツールを使用してアップロード前に 200 KB未満に抑えてください。

商品 / ストア画像

Wixストアでは、一貫した正方形の商品画像が最もきれいなグリッドレイアウトを提供します:

推奨: 1000×1000 px（1:1 正方形）
最大有用サイズ: 2000×2000 px — これより大きくアップロードしても Wixがそれ以上大きく表示しないため、目に見えるメリットはありません
背景: メイン商品撮影には白い背景を使用し、清潔で一貫したストアフロントの外観を作ります
追加画像: 一貫性を保つために、すべての商品ギャラリー画像に同じ1:1比率を使用します

ストア内のすべての商品画像は同じアスペクト比を共有する必要があります。混合比率は不均等なグリッドを作り、プロフェッショナルでない印象を与えます。商品写真が長方形の場合は、リサイズツールを使用して1000×1000 pxに統一してください。

ロゴ

Wixのロゴ配置はヘッダーに表示され、テーマに基づいてサイズが調整されます。ベストプラクティス:

フォーマット: 透明背景のPNG（アルファチャンネル）— どのヘッダー背景色でもロゴが正しく表示されます
推奨サイズ: 最小250×250 px。Wixがサイズを調整するので、Retinaの鮮明さのために2倍（500×500 px）でアップロードしてください
SVG: WixはロゴにSVGもサポートしています。SVGはピクセル化なしにあらゆるサイズで完璧にスケールするため、細かいディテールやテキストのあるロゴに最適です

ロゴをJPEGとしてアップロードしないでください — JPEGは透明度をサポートしていないため、カラーヘッダーではロゴの周りに白い四角形が表示されます。

ギャラリー画像

Wixはアップロードされたギャラリー画像からサムネイルを自動的に作成します。最良の結果のために:

フォトギャラリー: 1280×960 px（4:3）または 1280×720 px（16:9）
一貫したアスペクト比: ギャラリー内のすべての画像は同じ比率を共有する必要があります。グリッドギャラリーで横向きと縦向きの画像を混在させると見苦しくなります — Wixがフィットするようにトリミングします
ファイルサイズ: 画像あたり300 KB未満。ギャラリーは一度に複数の画像を読み込むため、ファイルサイズは単一のヒーロー画像よりも累積的な影響が大きいです

ファビコン

推奨: 32×32 px または 64×64 px のICOまたはPNG
Wixはファビコンとして最大100×100 pxのアップロードを受け付けます
デザインをシンプルに保ちましょう — ファビコンは非常に小さく、32 pxでは細かいディテールが失われます。必要な場合は変換ツールを使用して正しいフォーマットを作成してください

Wix画像のパフォーマンスのヒント

Wixの「画像品質」設定を使用: Wixエディタでは、各画像に品質設定があります。ヒーローおよび主要画像には「超高品質」、その他のほとんどには「高品質」を使用してください。
写真にPNGを使用しない: PNGはロスレスで、写真には大きなファイルを作成します。アップロード前に変換ツールで写真をJPEGまたはWebPに変換してください。
ヒーロー画像は500 KB未満: これが良好なFirst Contentful Paintスコアのしきい値です。圧縮ツールを使用して、目に見える品質の損失なしにこの目標を達成してください。
Retina向けに2倍でアップロード: ヒーロー画像は1920 pxで、商品画像は 2000 pxでアップロードしてください — Wixが各デバイスに適したサイズを配信し、Retina画面は最高の鮮明さで表示されます。

ステップバイステップ: Wix用画像の準備

画像タイプ（ヒーロー、商品、ブログなど）を確認し、上記の推奨サイズを参照してください。
画像リサイズツールを使用して正確なサイズを設定してください。ヒーロー画像は1920×1080 pxに、商品画像は1000×1000 pxにリサイズしてください。
圧縮ツールを使用してファイルサイズを削減してください。ヒーロー画像は500 KB未満、ブログおよびギャラリー画像は200 KB未満を目標にしてください。
ロゴの場合は、ファイルが透明背景のPNGであることを確認してください。写真の場合は、 85%品質のJPEGとして保存してください。
Wixにアップロードし、ヒーローおよび背景画像にフォーカルポイントツールを使用してください。