ファビコン作成 · PNGアイコン生成

PNGまたはJPEG一枚から16・32・48・180ピクセルの正方形サイトアイコンを作成。実際の小さいサイズで確認してPNGを保存できます。

こんなときに便利

入力: 160 × 100 PNG、全体表示、透明な背景: 結果: 32 × 32の出力では32 × 20の画像が中央に配置され、上下に6ピクセルずつ透明な余白ができます。ファイル名はfavicon-16x16.png、favicon-32x32.png、favicon-48x48.png、apple-touch-icon.pngです。

静止PNGまたはJPEG一枚、最大15 MiB・1200万ピクセル・一辺8192ピクセル。SVG・GIF・WebP・アニメーションPNG・ICOには対応していません。
全体表示は縦横比を保ち余白を追加します。中央切り抜きは正方形を埋めて端を切り取ります。小さな元画像は拡大され、16ピクセルでは細部がぼやける場合があります。透明度を保つには透明な背景を選択してください。
JPEGのEXIF回転処理を適用します。eXIfメタデータのあるPNGはブラウザーによって回転処理が異なるため受け付けません。Canvasで新しいPNGを作成し、元のEXIF・GPS・テキストメタデータをコピーしません。ICO・マニフェスト生成や自動設定は行わず、すべてのブラウザーとの互換性を保証しません。
選択画像はこのブラウザータブで処理され、ツールはファイルや内容をアップロードしません。通常のページ読み込みや設定済みの分析リクエストは画像処理とは別です。
4個のファイルを保存して自分のサイトのルートに配置し、以下のコードを<head>内に追加します。サブフォルダーではパスを変更してください。Apple touchアイコンには不透明な背景を推奨します。透明度の表示は端末によって異なり、キャッシュで更新が遅れる場合があります。

ICOファイルも作成できますか？

いいえ。16 × 16・32 × 32・48 × 48・180 × 180のimage/pngのみ生成します。180ピクセルはapple-touch-icon.pngです。サイトで対応するブラウザーと端末でリンクを確認してください。