画像ツールキット

ICOファビコン作成

画像から複数サイズのPNGファビコンパッケージとHTML/manifest例を作成します。

ファイルはサーバーへ送信されず、ブラウザ内で処理されます。

最近のブラウザやWebアプリではPNGファビコンも広く利用されています。ICOファイルが必須でない場合は、複数サイズのPNGアイコンパッケージで対応できます。

画像をアップロード

クリックまたはファイルをドロップ

大きな画像ではブラウザが遅くなる場合があります。

フィット方式背景色

HTML link例

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

manifest例

{
  "icons": [
    { "src": "/android-chrome-192x192.png", "sizes": "192x192", "type": "image/png" },
    { "src": "/android-chrome-512x512.png", "sizes": "512x512", "type": "image/png" }
  ]
}

使い方

1.ファイルを選択するか値を入力します。
2.処理
3.ZIPダウンロード
4.ファイルは可能な限りブラウザ上で処理されます。ファイルサイズ、画像解像度、フレーム数、端末性能によって処理時間が変わる場合があります。

注意事項

1.ファイルは可能な限りブラウザ上で処理されます。ファイルサイズ、画像解像度、フレーム数、端末性能によって処理時間が変わる場合があります。
2.ファイルが大きい、またはフレーム数が多いため、処理に時間がかかる場合があります。ブラウザが重くなる場合は、より小さいファイルでお試しください。
3.大きなファイルはブラウザのメモリを多く使う場合があります。
4.結果品質は元ファイル、ブラウザ、形式の特性により変わります。
5.サーバーアップロードなしのMVPのため、一部の高度な機能は今後の拡張対象です。

FAQ

ファイルはアップロードされますか？

ファイルは可能な限りブラウザのcanvasとnative APIで処理され、サーバーにはアップロードされません。

結果は変わりますか？

計算結果は目安です。実際の結果はブラウザ、形式、画像内容により変わります。

ICOファビコン作成

HTML link例

manifest例

使い方

注意事項

FAQ

関連ツール

EXIF情報ビューア

EXIF削除