Favicon 生成
1 枚の画像を、一般的なすべてのサイズを含む完全なファビコンセットと、そのまま貼り付けられる HTML スニペットに変換します。すべてブラウザ内で動作します。
ここに画像をドロップ
または
ファビコンセットの生成方法
- 1 枚の画像をアップロード領域にドロップするか、クリックしてデバイスから選択します。
- ツールが画像を正方形にし、中央に配置して、一般的なすべてのファビコンサイズをレンダリングします。
- 各 PNG を個別にダウンロードするか、[すべてダウンロード] で完全なセットを取得します。
- HTML スニペットをサイトの head にコピーします。
よくある質問
画像はサーバーにアップロードされますか?
いいえ。ファビコンは Canvas API を使ってブラウザ内で完全に生成されるため、画像がデバイスから出ることはありません。
どのサイズが生成されますか?
16x16、32x32、48x48、180x180（apple-touch-icon）、192x192、512x512 の PNG ファイルを生成します。これらは最新のブラウザが要求する最も一般的なサイズです。
画像が正方形でない場合はどうなりますか?
画像は正方形のキャンバスに収まるように縮小されて中央に配置され、両側に透明な余白ができるため、結果はアイコンとして機能します。
このツールは無料で使えますか?
はい。Handio のすべてのツールは無料で、登録不要、制限なし、透かしもありません。
関連ツール
ファビコンセットを生成する理由
ブラウザはタブ、ブックマーク、ホーム画面用に複数のサイズのファビコンを要求します。完全なセットを用意すると、1 枚の画像をリサイズしただけのぼやけた表示ではなく、サイトがどこでも鮮明に見えます。
- 16px のタブから 512px のアイコンまで、ブラウザが要求する可能性のあるすべてのサイズをカバーします。
- iOS ホーム画面で使用される apple-touch-icon を提供します。
- サイトの head に貼り付ける正確な HTML マークアップを取得します。
ヒントと制限
16px では細かいディテールが失われるため、シンプルでコントラストの高い画像から始めましょう。PNG 出力は透明度を保持します。180px の apple-touch-icon は透明な縁のない塗りつぶし形状にしてください。すべてブラウザ内でローカルに動作します。