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

512x512ピクセル以上の正方形PNG画像を推奨します。縮小処理で高品質なアンチエイリアスが適用されます。長方形の画像は正方形に切り詰められるため、事前にトリミングしておくことをおすすめします。

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

はい。SVGをアップロードすると、ブラウザがラスタライズした上で各サイズのPNGを生成します。SVGはベクターなので、大きなサイズでも高品質に仕上がります。

生成されるfavicon.icoには16x16と32x32のPNG画像が埋め込まれています。これはすべてのモダンブラウザと多くのレガシーブラウザで正しく表示されます。

favicon.icoはサイトのルートディレクトリ(/)に配置します。各PNGファイルもルートに置き、表示されるHTMLタグを内にコピーしてください。PWA対応の場合はsite.webmanifestもルートに配置します。

デザイン・Web制作

画像をアップロードするだけで16x16〜512x512の各サイズPNGとICOファイルを一括生成。Apple Touch Icon・PWA対応。HTMLタグとwebmanifestも出力。

元画像をアップロード

PNG / JPEG / SVG / WebP 対応。正方形推奨。

favicon(ファビコン)は、ブラウザのタブやブックマークに表示される小さなアイコンです。サイトのブランド認知に重要な役割を持ち、適切に設定することでユーザー体験とSEOの両面で効果があります。

本ツールでは、1枚の画像から各サイズのPNG・ICOファイルを一括生成できます。すべての処理はブラウザ内で完結し、画像データは外部に送信されません。

Q. 元画像はどのサイズが推奨ですか?: 512x512ピクセル以上の正方形PNG画像を推奨します。縮小処理で高品質なアンチエイリアスが適用されます。長方形の画像は正方形に切り詰められるため、事前にトリミングしておくことをおすすめします。
Q. SVGファイルからも生成できますか?: はい。SVGをアップロードすると、ブラウザがラスタライズした上で各サイズのPNGを生成します。SVGはベクターなので、大きなサイズでも高品質に仕上がります。
Q. ICOファイルには何が含まれますか?: 生成されるfavicon.icoには16x16と32x32のPNG画像が埋め込まれています。これはすべてのモダンブラウザと多くのレガシーブラウザで正しく表示されます。
Q. 生成したファイルはどこに配置すればいいですか?: favicon.icoはサイトのルートディレクトリ(/)に配置します。各PNGファイルもルートに置き、表示されるHTMLタグを<head>内にコピーしてください。PWA対応の場合はsite.webmanifestもルートに配置します。

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

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

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

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