ファビコンジェネレーター
画像からウェブサイト用のファビコンを作成します。
1枚の画像から必要なすべてのファビコンサイズを作成
概要
ファビコンは、ブラウザのタブ・ブックマーク・履歴、スマホのホーム画面でサイトを表す小さなアイコンです。今どきのサイトには複数のサイズと形式(従来の.ico、複数のPNG、Appleタッチアイコン、Androidアイコン)とリンク用HTMLが必要です。このジェネレーターは1枚の画像から必要なすべてのサイズを作り、すぐ配置できるZIPと対応HTMLスニペットまでブラウザで処理します。
使い方(ステップ)
- 1
正方形の画像をアップロード
最も鮮明な結果のため、512×512以上の正方形・高解像度画像を使ってください。
- 2
ファビコンセットを生成
すべての標準サイズとHTMLリンクタグが自動で作られます。
- 3
ZIPをダウンロードしてHTMLを追加
ファイルをサイトに展開し、提供された<link>タグをページの<head>に貼ります。
仕組み
正方形・高解像度の画像を1枚アップロードします。ツールはブラウザのCanvasを使って各標準ファビコン寸法(16×16、32×32、180×180、192×192、512×512など)にリサイズし、マニフェストとHTMLの<link>タグとともにダウンロード可能なZIPにまとめます。リサイズはローカルのCanvasで行われるため、元画像はサーバーに送られません。
こんなときに使う
完全なファビコンセットが必要な新しいサイト・Webアプリの公開。ブランドアイコンを全プラットフォームに一度に更新。iOS・Android用ホーム画面アイコンの追加。フレームワーク既定のファビコンを自前に置き換え。デザインソフトなしでクライアント案件用アイコンを生成。
よくある質問
最低512×512の正方形画像が最適です。小さいサイズに縮小されるため、小さすぎると大きいアイコンがぼやけます。