ショートカットアイコン(ファビコン)を編集する
ゲストがサイトを訪問したときにブラウザタブ、ブックマーク、履歴に表示される小さなアイコンをカスタマイズします。
ファビコンは、ブラウザタブ、ブックマーク、ブラウザ履歴に表示される小さなアイコンです。結婚式に合わせてカスタマイズできます。
ファビコンとは?
ファビコン(「favorite icon」の略)は、次の場所に表示される小さな画像です:
- ページタイトルの横のブラウザタブ
- ゲストがサイトを保存したときのブックマーク
- ブラウザ履歴
- モバイルのホーム画面(場合によっては)
通常16x16または32x32ピクセルで、小さいながらもはっきりと見えます。
カスタマイズする理由
ブランディング。 サイトがより専門的でパーソナルに感じられます。
認識性。 タブがたくさん開いているときにゲストが簡単に見つけられます。
洗練。 小さなディテールが大きな違いを生みます。
楽しさ! 個性を加えるかわいい方法です。
ファビコンを編集する手順
ウェブサイト > ビルダーに移動します
サイト設定をクリックします
一般タブでショートカットアイコンを見つけます
ショートカットアイコンをアップロードをクリックします
ファビコン画像ファイルを選択します
保存をクリックします
新しいファビコンがブラウザタブに表示されます。
ファビコン画像を作成する
サイズ: 通常32x32または64x64ピクセル(正方形)。
フォーマット: PNG、ICO、またはJPG(透過PNGが最適)。
シンプルなデザイン。 非常に小さいため、複雑な画像はうまく機能しません。
高コントラスト。 明るい背景と暗い背景の両方で見えるようにします。
ファビコンのアイデア
イニシャル。 素敵なフォントで「E & J」または「EM」。
シンボル。 ハート、リング、意味のあるアイコン。
ウェディングロゴ。 お持ちの場合。
モノグラム。 お二人のイニシャルを洗練されたスタイルで組み合わせたもの。
絵文字。 💍 または ❤️(システムが対応している場合)。
日付。 「2026」または結婚式の日付。
デザインのヒント
シンプルに保つ。 小さいサイズではディテールが消えます。
大胆な色を使う。 淡い色は色褪せて見えます。
テストする。 ブラウザでサイトを表示して、タブでどう見えるか確認します。
正方形にする。 ファビコンは常に正方形です。
無地の背景を試す。 透過背景も機能しますが、無地の方が見やすい場合があります。
ファビコン作成ツール
デザインツール: Canva、Figma、Adobe Illustrator
オンラインジェネレーター: 「ファビコンジェネレーター」を検索すると簡単なツールが見つかります
既存のロゴ: ウェディングロゴをお持ちなら、縮小してください
絵文字: 大きな絵文字をファビコンとして使用(シンプルながら効果的)
ファビコンの更新
いつでも変更できます。同じ設定で新しい画像をアップロードするだけです。
注意:ブラウザはファビコンをキャッシュすることがあるため、新しいものを見るにはリフレッシュが必要な場合があります。
複数のサイズ
一部のシステムでは、複数のファビコンサイズをアップロードできます:
16x16 ブラウザタブ用
32x32 より高解像度のディスプレイ用
180x180 Apple touchアイコン用(ゲストがiPhoneのホーム画面に保存したとき)
192x192 Android用
システムが複数のサイズを要求する場合は、それらを提供してください。そうでない場合は、1つの良い32x32画像で通常は十分です。
ファビコンのテスト
アップロード後:
新しいブラウザタブでサイトを訪問します
タブを確認してアイコンが表示されているかチェックします
サイトをブックマークしてブックマークでどう見えるか確認します
異なるブラウザ(Chrome、Safari、Firefox)を試してどこでも機能するか確認します
ファイルフォーマット
PNG: 最も一般的で、透過をサポート。
ICO: 従来のファビコン形式、どこでも機能。
SVG: モダンで拡大縮小可能、ただしファビコンとしてすべてのブラウザで対応していない。
通常はPNGが最適です。
表示されない場合
ファビコンが表示されない場合:
少し待つ。 ブラウザはアイコンをキャッシュするため、更新に時間がかかる場合があります。
ブラウザキャッシュをクリア。 新しいアイコンを取得するようブラウザに強制します。
ファイル形式を確認。 サポートされている形式か確認します。
ファイルサイズを確認。 大きすぎると機能しない場合があります。100KB未満に保ちます。
別のブラウザを試す。 ブラウザ固有の問題か確認します。
モバイルの考慮事項
スマートフォンでは、ファビコンが表示される場合があります:
ゲストがサイトをホーム画面に追加したとき
ブラウザタブでサイトを表示したとき
非常に小さいサイズでも認識できるアイコンにしてください。
デフォルトのファビコン
カスタムファビコンをアップロードしない場合、サイトは以下を表示する場合があります:
WedSitesのロゴ
一般的なドキュメントアイコン
アイコンなし
カスタムの方が良いです。
ファビコンは、結婚式ウェブサイトに洗練さと個性を加える小さなタッチです。
