元画像はどのサイズが推奨ですか?

最大出力が512x512なので、512x512ピクセル以上の正方形画像が目安です。長方形は中央を正方形に切り抜くため、重要な絵柄は中央に配置してください。

SVGファイルからも生成できますか?

はい。安全性確認を通過したSVGをブラウザで描画し、各サイズのPNGに変換します。外部画像・外部スタイル・スクリプトなどを参照するSVGは読み込みません。

ICOファイルには何が含まれますか?

生成されるfavicon.icoには、PNGサイズの選択状態にかかわらず16x16と32x32のPNG画像を格納します。表示結果は利用するブラウザや環境でも確認してください。

生成したファイルはどこに配置すればいいですか?

出力例ではサイトのルート(/)に置く前提のURLを使っています。別の場所へ配置する場合はhrefとmanifest内のsrcを変更してください。生成するsite.webmanifestはicons部分の設定例です。インストール可能なWebアプリにするにはnameまたはshort_name、start_url、displayなども用途に合わせて追加する必要があります。

デザイン・Web制作

favicon ジェネレーター

JPEG・PNG・WebP・SVGから16〜512pxのPNG、ICO、Apple Touch Iconを生成。中央切り抜き、ZIP、HTMLタグとmanifestのicons設定例に対応。

登録不要

元画像

静止画のJPEG・PNG・WebPは1件20.0 MB・40MP・一辺16,384pxまで。SVGは1件5.0 MBまで

長方形は中央を正方形に切り抜きます。元画像は変更しません。

画像の確認と生成はブラウザ内で行い、画像ファイルをNanTooのサーバーへ送信しません

このツールについて問い合わせる →

favicon ジェネレーターについて

faviconとは

favicon(ファビコン)は、ブラウザのタブやブックマークなどでサイトを識別するためのアイコンです。ページの検索順位を直接上げる機能ではありませんが、サイトを見分けやすくする表示要素です。

本ツールでは、1枚の静止画像から選択したサイズのPNGと、16x16・32x32を格納したICOを生成できます。個別保存に加えて、HTMLタグの例を含むZIPでも保存できます。処理はブラウザ内で完結し、画像ファイルをNanTooのサーバーへ送信しません。

HTML例には選択した16x16〜128x128の通常faviconを記載します。Google検索結果向けでは正方形かつ48x48より大きい画像が推奨されているため、64x64以上も選択した上で、公開後のURLを安定して維持してください。ガイドラインを満たしても検索結果への表示は保証されません。

各サイズの用途

16x16・32x32: favicon用の代表的な小サイズ
48x48・64x64・128x128: ショートカットなど用途に応じて選ぶ中サイズ
180x180: Apple Touch Icon向け
192x192・512x512: Webアプリのmanifestで利用される代表的なサイズ

利用先が求めるサイズと形式はサービスごとに異なるため、公開先の仕様も確認してください。

使い方

JPEG・PNG・WebPの静止画、またはSVGを1件選びます
必要なPNGサイズにチェックを入れます
「favicon一式を生成」を押します
生成ファイルを個別、またはHTMLタグ例を含むZIPで保存します
サイト構成に合わせてファイルを配置し、必要なlinkタグをhead要素内へ追加します

長方形画像は縦横比を変形せず中央の正方形部分を使います。静止画は20MB・40MP・一辺16,384pxまで、SVGは5MBまでです。外部参照やスクリプトなどを含むSVGは読み込みません。

よくある質問

Q. 元画像はどのサイズが推奨ですか?: 最大出力が512x512なので、512x512ピクセル以上の正方形画像が目安です。長方形は中央を正方形に切り抜くため、重要な絵柄は中央に配置してください。
Q. SVGファイルからも生成できますか?: はい。安全性確認を通過したSVGをブラウザで描画し、各サイズのPNGに変換します。外部画像・外部スタイル・スクリプトなどを参照するSVGは読み込みません。
Q. ICOファイルには何が含まれますか?: 生成されるfavicon.icoには、PNGサイズの選択状態にかかわらず16x16と32x32のPNG画像を格納します。表示結果は利用するブラウザや環境でも確認してください。
Q. 生成したファイルはどこに配置すればいいですか?: 出力例ではサイトのルート(/)に置く前提のURLを使っています。別の場所へ配置する場合はhrefとmanifest内のsrcを変更してください。生成するsite.webmanifestはicons部分の設定例です。インストール可能なWebアプリにするにはnameまたはshort_name、start_url、displayなども用途に合わせて追加する必要があります。

出典・参考文献

ピクセルアートの歴史と技法 ― 1957年の最初のデジタル画像からファミコン、現代インディーゲームまで

Russell Kirschの世界初のデジタル画像（1957年）からアーケードゲーム、ファミコン/ゲームボーイのハードウェア制約、ディザリングやセルアウトなどのドット絵技法、そしてUndertale・Celesteに至る現代のピクセルアート復興まで。技術仕様と制作ノウハウを徹底解説します。

WebP / AVIF / JPEG の使い分け — 2026年の実用選択ガイド

Webサイトの画像フォーマット選択は、単純な「新しいほど良い」ではありません。2026年時点の対応状況・圧縮効率・実装コストを踏まえ、用途別の最適解を提示します。