FaviconMaker.net
ファビコンプレビュー
実際のファビコンサイズ (16×16、32×32) でアイコンをプレビューし、明るい UI と暗い UI のブラウザー タブでアイコンがどのように見えるかを確認します。
ピクセル精度のサイズライト+ダークUIブラウザで実行
ここにロゴをドロップしてください
または ファイルを参照する
PNG,JPG,JPEG,SVG •最大 10MB
92%
50%75%100%
このプレビューの使い方
- ロゴ (または生成された次のようなアイコン) をアップロードします。 ファビコン-512.png).
- 16×16 ピクセルと 32×32 ピクセルのプレビューを確認してください。これらはブラウザーのタブにとって最も重要です。
- 濁っているように見える場合は、アイコンを簡素化し、完全なパックを再生成します。
ファイルとタグの完全なセットが必要ですか?を使用します。 ファビコン生成ツール.
私のウェブサイト
←
→
↻
例.com
画像をアップロードしてプレビュー
ライトUI
私のウェブサイト
←
→
↻
例.com
画像をアップロードしてプレビュー
ダークUI
ピクセルプレビュー
実際のサイズでレンダリング (その後ズーム)
16×16ズーム×10
透明グリッド上
ダークUI上
32×32ズーム×10
透明グリッド上
ダークUI上
一般的なサイズ
—
16×16 (tab)
—
32×32 (tab)
—
48×48
—
64×64
—
180×180 (iOS)
—
192×192 (PWA)
—
512×512 (PWA)
次のステップ
ファイルの完全なセットを生成するには、 ファビコン生成ツール.
デプロイする前に ZIP を検証します。 ファビコンパック検証.
デプロイ後にアイコンが変わらない場合は、次の手順に従ってください。 キャッシュ無効化チェックリスト.
よくある質問
私の画像をアップロードしますか？
いいえ。プレビューはブラウザーでローカルにレンダリングされます。
何をアップロードすればよいですか?
ロゴ、または生成したファビコンPNG (ファビコン-512.png など) をアップロードします。正方形の画像が最適です。
16×16 はなぜ見た目が悪いのでしょうか?
ほとんどのアイコンには、簡略化された小さいサイズのバージョンが必要です。より厚い形状、より高いコントラスト、より少ないディテールを試してください。
フルパックが必要ですか?
完全なファビコンZIP を生成し、展開する前に検証します。