ファビコンジェネレーター
シンプルな画像をファビコンと Web サイトのアイコン パックに変換します。デザインが小さいサイズでも認識可能な状態であることを確認し、ファイルをダウンロードして、付属のインストール例に従ってください。
始める前に
- 入力
- JPG、PNG、または静的 WebP イメージ 1 つ。
- 出力
- ICO、PNG アイコン、マニフェスト、および HTML の例を含む ZIP。
ツールをロード中…
デバイス上で処理されました。ファイルとテキストはサーバーにアップロードされません。
このツールの使用方法
- JPG、PNG、または静的 WebP 画像を選択してください。
- 正方形にトリミングするかパディングを追加して、アイコンのプレビューを検査します。
- ZIP をダウンロードし、サンプル パスを Web サイトに適合させます。
結果を理解する
ファビコンは非常に小さいサイズで表示されることがよくあります。通常、明確なシンボルや文字は、詳細なアートワークや小さなテキストよりも効果的です。生成されたファイルは、引き続きアップロードして Web サイトで参照する必要があります。
小さくてわかりやすいアイコンを用意する
ダウンロードする前に 16 ピクセルのプレビューを確認してください。幅の広いワードマークや写真全体が小さな正方形の中に読み取れることを期待しないでください。
サンプルをお試しください
オリジナルのサンプルを試して、サポートされているワークフローを検査してください。サンプルが成功したとしても、すべての入力が保証されるわけではありません。
オリジナル画像サンプル ↓期待した結果と異なる場合
サイトには古いアイコンが表示されたままです。
ファイルを生成してもインストールされません。アイコンの URL とページのマークアップを確認し、サイトのキャッシュをクリアして、新しいブラウザー セッションをテストします。ブラウザーと検索結果のアイコンは、異なる時間に更新される場合があります。
次に便利なツール: SVG~PNG →重要な制限事項
- 画像入力のみ。まず SVG を PNG に変換します。
- このツールは Web サイトの構成を変更しません。
- キャッシュとプラットフォームの動作が異なる可能性があるため、アイコンをインストールした後、自分の Web サイトを確認してください。
- 【MRK0179】MB最大10個、1200万画素。出力には、ICO、PNG アイコン、Web マニフェスト、および ZIP 内のサンプル HTML が含まれます。
よくある質問
これにより、私のサイトにファビコンがインストールされますか?
いいえ、ファイルとサンプルが用意されています。ファイルをアップロードし、パスまたは Web サイト設定を更新します。
このパックにより、私の Web サイトは PWA になりますか?
いいえ。アイコン ファイルと基本的な Web マニフェストは、Web アプリのセットアップの一部にすぎません。
ロゴが 16 ピクセルで読みにくいのはなぜですか?
そのサイズでは細かいディテールが消えてしまう可能性があります。より単純なシンボル、より強い形状、またはマークの周囲のスペースを増やしてみてください。
関連ガイド
質問または修正がありますか? mrkcal@mrkcal.com