Wixサイトのデザインを何時間もかけて完璧にしたのに、ブラウザのタブにあの「W」ロゴが残っているのを見つけたときのガッカリ感は、誰もが経験することです。それはまるで、仕立ての良いスーツを着ているのに袖に値札がついたままのようなもの。カスタムアイコンへの変更は、あなたのサイトが単なる趣味ではなく、信頼できるビジネスであることを示す最も手軽な方法です。

Wixの「有料プラン」という壁

作業を始める前に、はっきりさせておくべきことがあります。Wixではファビコンの設定はプレミアム機能です。無料プランのままでは、Wixのブランディングを消すことはできません。wix favicon setupを完了するには、独自ドメインの接続とプレミアムプランへのアップグレードが必要です。不便に感じるかもしれませんが、これがオールインワン・プラットフォームを利用するための「利便性への対価」と言えます。

ステップ1：素材の準備（適当に選ばないこと）

Wixは16x16ピクセルの画像を推奨していますが、2026年の基準ではそれは最低ラインに過ぎません。Retinaディスプレイのような高解像度画面では、16pxの画像はぼやけて見えてしまいます。私は、少なくとも32x32、できれば192x192ピクセルの高品質なPNGまたはSVGから始めることをお勧めします。Wixのアップローダーがリサイズしてくれますが、元の品質が重要です。サイズについて詳しく知りたい場合は、当サイトのファビコンサイズガイドを参考にしてください。

ステップ2：Wixダッシュボードでの操作

WixのUIは頻繁にアップデートされますが、2026年現在、設定場所はほぼ固定されています。ダッシュボードを開き、以下の手順で進めてください。

  1. 左側のサイドバーで 「設定」 を選択。
  2. 「サイト設定」 をクリック。
  3. 「ファビコン」 セクションを探します（通常はページ上部にあります）。
  4. 「画像を更新」 または 「画像をアップロード」 をクリックします。

ステップ3：アップロードと最適化のコツ

アップロードする際、ロゴに細かいディテールを詰め込みすぎないのがプロのコツです。例えば GitHub を見てください。彼らはロゴタイプをそのまま使わず、シルエットのみの「Octocat」を使用しています。ファビコンはブランドを極限まで簡略化したものであるべきです。文字が入っているなら消し、細い線は太くしましょう。16ピクセルという極小サイズでも「それ」と分かるデザインが理想です。

よくあるトラブルと解決策

最も多い相談は、アップロードしたのにアイコンが変わらないというものです。これはほぼ100%「キャッシュ」が原因です。ブラウザはファビコンの記憶力が非常に頑固です。変更が反映されない場合は、ファビコンのキャッシュクリアを試して、ブラウザに新しいファイルを認識させる必要があります。

透過背景の重要性

WixはJPGもサポートしていますが、プロフェッショナルな仕上がりを目指すなら背景が透明なPNGを使ってください。ロゴの周りに白い四角形が残っていると、特にダークモードのブラウザでは非常に目立ち、素人っぽさが出てしまいます。もしロゴ自体が暗い色なら、周囲に細い白枠や光彩を入れることで、Safariのダークタブなどでも埋もれないように工夫しましょう。

<link rel='shortcut icon' href='https://static.wixstatic.com/media/your_file_id.ico' type='image/x-icon'>
<link rel='icon' href='https://static.wixstatic.com/media/your_file_id.ico' type='image/x-icon'>

設定後、ソースコードを確認すると上記のようなコードが生成されているはずです。もしコードがあるのに表示されない場合は、ファイル形式に問題があるかもしれません。Mzu favicondlのようなツールを使って、あらかじめ最適化されたファイルを生成しておくことで、変換エラーを防ぐことができます。