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

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

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

対応者:Brian
今日アップデートされました

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

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

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

ファビコンとは?

ファビコン(「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のロゴ

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

  • アイコンなし

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

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

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