ロゴと Favicon をアップロードする

一般で公開ロゴ、管理画面のダーク用ロゴ、Favicon を上げ、公開ヘッダーの表示サイズを調整します。

最終更新：2026.10.24

このページでできること：公開ヘッダーとブラウザのタブにブランドの画像を出し、文字ロゴに合わせて大きさを調整する。
既定ではオーナーだけが編集できます。画像の選び方はアップロードとライブラリから選ぶ。

場所

欄	どこで使うか	目安
ロゴ：フロントエンド／明るい背景用（任意）	公開ヘッダーなど、明るい背景。空欄ならテーマの既定画像。	背景が透明な PNG または SVG。横長か正方形。推奨 191×65 px（または同じ比率）。
ロゴ：管理画面／暗い背景用（任意）	管理画面がダークのときのサイドバーと上部。空欄ならシステムの画像。	同じサイズ。管理画面をライトにすると、「フロントエンド／明るい背景用」の画像に切り替わります。
サイトアイコン／Favicon（任意）	ブラウザのタブの小さなアイコン。空欄ならサイト名の最初の1文字から作られます。	正方形の PNG、ICO、または SVG。例えば 32×32 以上。

空のときの表示は 未選択 です。

ヘッダーには通常ロゴだけが出ます。公開用ロゴを上げる前は、サイト名の文字が出ることがあります。

アップロードしたあと、ヘッダーのロゴが小さく見えるとき（細い文字ロゴや文字が多いときによくあります）は、より大きいファイルを上げ直す必要はありません。

変えるのは画面上の高さだけです。幅は比率に合わせて広がります。素材は 191×65 のままで構いません。保存したあと、公開のホームで確認してください。

状況	対処
保存したのに古い画像のまま	強制的に再読み込みする。またはキャッシュが切れるまで待つ。画像が表示されない、キャッシュ。
ロゴがぼける、文字が切れる	画像が小さいか、比率が違う。透明な背景で上げ直し、大事な文字は端に寄せない。
ヘッダーのロゴが小さい	フロントエンドヘッダーのロゴ表示サイズを大きくする。またはカスタム高さで 56–64 を入れて、もう一度保存する。
編集者が変更できない	オーナーに頼む。
ライブラリのロゴファイルを消した	このページで新しい画像を選んで保存してから、古いファイルを消す。削除と参照チェック。

3つの画像欄の違い

欄	どこで使うか	目安
ロゴ：フロントエンド／明るい背景用（任意）	公開ヘッダーなど、明るい背景。空欄ならテーマの既定画像。	背景が透明な PNG または SVG。横長か正方形。推奨 191×65 px（または同じ比率）。
ロゴ：管理画面／暗い背景用（任意）	管理画面がダークのときのサイドバーと上部。空欄ならシステムの画像。	同じサイズ。管理画面をライトにすると、「フロントエンド／明るい背景用」の画像に切り替わります。
サイトアイコン／Favicon（任意）	ブラウザのタブの小さなアイコン。空欄ならサイト名の最初の1文字から作られます。	正方形の PNG、ICO、または SVG。例えば 32×32 以上。

空のときの表示は 未選択 です。

ヘッダーには通常ロゴだけが出ます。公開用ロゴを上げる前は、サイト名の文字が出ることがあります。

フロントエンドヘッダーのロゴ表示サイズ

フロントエンドヘッダーのロゴ表示サイズ で、まず中、大、特大を試す。

それでも足りなければ カスタム高さ を選び、ピクセルを入れる（およそ 24–80。長い文字ロゴは 56–64 が多い）。

確認

保存後に公開のホームを開く。ヘッダーのロゴが正しく、切れておらず、大きさが妥当か。

タブタイトル横の小さなアイコン（Favicon）を見る。古い画像はブラウザのキャッシュに残ることがあるので、強制的に再読み込みする。

電話の幅でもう一度ヘッダーを見る。

ダークの管理画面にログインし、サイドバーのロゴを確認する。

止まりやすいところ

状況	対処
保存したのに古い画像のまま	強制的に再読み込みする。またはキャッシュが切れるまで待つ。画像が表示されない、キャッシュ。
ロゴがぼける、文字が切れる	画像が小さいか、比率が違う。透明な背景で上げ直し、大事な文字は端に寄せない。
ヘッダーのロゴが小さい	フロントエンドヘッダーのロゴ表示サイズを大きくする。またはカスタム高さで 56–64 を入れて、もう一度保存する。
編集者が変更できない	オーナーに頼む。
ライブラリのロゴファイルを消した	このページで新しい画像を選んで保存してから、古いファイルを消す。削除と参照チェック。