RevealTheme logo

faviconジェネレーター

任意の画像から、ブラウザ、iOS、Androidが期待するすべてのサイズを含む、完全なfaviconセットを生成します。

このツールの使い方

  1. 1

    正方形の画像(PNG推奨、512×512以上)をアップロードします。

  2. 2

    一般的なすべてのfaviconサイズでレンダリングします。

  3. 3

    各PNGをダウンロードします。

  4. 4

    適切なsizes属性とともに、HTMLの<head>内で参照します。

faviconジェネレーターとは何ですか?

最新のfaviconはもはや16×16だけではありません。iOSは180×180のapple-touch-iconを期待し、Androidは192×192と512×512のPWAアイコンを求め、高密度ディスプレイは32×32や48×48を使用します。このツールは、1枚の元画像からこれら一般的なサイズをすべて生成するので、<link rel='icon' sizes='...'>タグとして配信できます。

よくある活用例

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

よくある質問

元画像にはどのくらいのサイズを使うべきですか?
512×512以上の正方形のPNGが最良の結果をもたらします。縮小は、拡大よりもディテールをよく保ちます。
ICOファイルは必要ですか?
最新のブラウザはPNG形式のfaviconを受け付けます。ICO形式は、今日ではほとんど見かけない、古いIEとの互換性のためにのみ必要です。

関連ツール