メインコンテンツにスキップ

ショートカットアイコン(ファビコン)を編集する

ゲストがサイトを訪問したときにブラウザタブ、ブックマーク、履歴に表示される小さなアイコンをカスタマイズします。

ショートカットアイコン(ファビコン)を編集する

ゲストがサイトを訪問したときにブラウザタブ、ブックマーク、履歴に表示される小さなアイコンをカスタマイズします。
​

ファビコンは、ブラウザタブ、ブックマーク、ブラウザ履歴に表示される小さなアイコンです。結婚式に合わせてカスタマイズできます。
​

ファビコンとは?

ファビコン(「favorite icon」の略)は、次の場所に表示される小さな画像です:
- ページタイトルの横のブラウザタブ
- ゲストがサイトを保存したときのブックマーク
- ブラウザ履歴
- モバイルのホーム画面(場合によっては)
​

通常16x16または32x32ピクセルで、小さいながらもはっきりと見えます。
​

カスタマイズする理由

ブランディング。 サイトがより専門的でパーソナルに感じられます。
​

認識性。 タブがたくさん開いているときにゲストが簡単に見つけられます。
​

洗練。 小さなディテールが大きな違いを生みます。
​

楽しさ! 個性を加えるかわいい方法です。
​

ファビコンを編集する手順

  1. ウェブサイト > ビルダーに移動します

  2. サイト設定をクリックします

  3. 一般タブでショートカットアイコンを見つけます

  4. ショートカットアイコンをアップロードをクリックします

  5. ファビコン画像ファイルを選択します

  6. 保存をクリックします

新しいファビコンがブラウザタブに表示されます。
​

ファビコン画像を作成する

サイズ: 通常32x32または64x64ピクセル(正方形)。
​

フォーマット: PNG、ICO、またはJPG(透過PNGが最適)。
​

シンプルなデザイン。 非常に小さいため、複雑な画像はうまく機能しません。
​

高コントラスト。 明るい背景と暗い背景の両方で見えるようにします。
​

ファビコンのアイデア

イニシャル。 素敵なフォントで「E & J」または「EM」。
​

シンボル。 ハート、リング、意味のあるアイコン。
​

ウェディングロゴ。 お持ちの場合。
​

モノグラム。 お二人のイニシャルを洗練されたスタイルで組み合わせたもの。
​

絵文字。 💍 または ❤️(システムが対応している場合)。
​

日付。 「2026」または結婚式の日付。
​

デザインのヒント

シンプルに保つ。 小さいサイズではディテールが消えます。
​

大胆な色を使う。 淡い色は色褪せて見えます。
​

テストする。 ブラウザでサイトを表示して、タブでどう見えるか確認します。
​

正方形にする。 ファビコンは常に正方形です。
​

無地の背景を試す。 透過背景も機能しますが、無地の方が見やすい場合があります。
​

ファビコン作成ツール

デザインツール: Canva、Figma、Adobe Illustrator
​

オンラインジェネレーター: 「ファビコンジェネレーター」を検索すると簡単なツールが見つかります
​

既存のロゴ: ウェディングロゴをお持ちなら、縮小してください
​

絵文字: 大きな絵文字をファビコンとして使用(シンプルながら効果的)
​

ファビコンの更新

いつでも変更できます。同じ設定で新しい画像をアップロードするだけです。
​

注意:ブラウザはファビコンをキャッシュすることがあるため、新しいものを見るにはリフレッシュが必要な場合があります。
​

複数のサイズ

一部のシステムでは、複数のファビコンサイズをアップロードできます:
​

16x16 ブラウザタブ用
​

32x32 より高解像度のディスプレイ用
​

180x180 Apple touchアイコン用(ゲストがiPhoneのホーム画面に保存したとき)
​

192x192 Android用
​

システムが複数のサイズを要求する場合は、それらを提供してください。そうでない場合は、1つの良い32x32画像で通常は十分です。
​

ファビコンのテスト

アップロード後:
​

  1. 新しいブラウザタブでサイトを訪問します
    ​

  2. タブを確認してアイコンが表示されているかチェックします
    ​

  3. サイトをブックマークしてブックマークでどう見えるか確認します
    ​

  4. 異なるブラウザ(Chrome、Safari、Firefox)を試してどこでも機能するか確認します
    ​

ファイルフォーマット

PNG: 最も一般的で、透過をサポート。
​

ICO: 従来のファビコン形式、どこでも機能。
​

SVG: モダンで拡大縮小可能、ただしファビコンとしてすべてのブラウザで対応していない。
​

通常はPNGが最適です。
​

表示されない場合

ファビコンが表示されない場合:
​

少し待つ。 ブラウザはアイコンをキャッシュするため、更新に時間がかかる場合があります。
​

ブラウザキャッシュをクリア。 新しいアイコンを取得するようブラウザに強制します。
​

ファイル形式を確認。 サポートされている形式か確認します。
​

ファイルサイズを確認。 大きすぎると機能しない場合があります。100KB未満に保ちます。
​

別のブラウザを試す。 ブラウザ固有の問題か確認します。
​

モバイルの考慮事項

スマートフォンでは、ファビコンが表示される場合があります:
​

  • ゲストがサイトをホーム画面に追加したとき
    ​

  • ブラウザタブでサイトを表示したとき
    ​

非常に小さいサイズでも認識できるアイコンにしてください。
​

デフォルトのファビコン

カスタムファビコンをアップロードしない場合、サイトは以下を表示する場合があります:
​

  • WedSitesのロゴ
    ​

  • 一般的なドキュメントアイコン
    ​

  • アイコンなし
    ​

カスタムの方が良いです。
​

ファビコンは、結婚式ウェブサイトに洗練さと個性を加える小さなタッチです。
​

関連記事

こちらの回答で解決しましたか?