画像一枚で、ファビコンとWEBクリップアイコンのファイル一式を簡単に自動で生成します。
画像ファイルは、JPG、JPEG、PNG、GIF形式から作成できます。
【出来上がるファイル一覧】９ファイル（カスタムサイズを入力した場合：＋１ファイル）
| ターゲット | サイズ | 拡張子 | 出来上がりファイル名 |
|---|---|---|---|
| ファビコン | 16x16 | ico | favicon-16.ico |
| ファビコン | 32x32 | ico | favicon-32.ico |
| ファビコン | 96x96 | ico | favicon-96.ico |
| WEBクリップアイコン（iPhone、iPod用） | 144x144 | 元画像と同じ | apple-touch-icon-144.拡張子 |
| WEBクリップアイコン（iPhone、iPod用） | 152x152 | 元画像と同じ | apple-touch-icon-152.拡張子 |
| WEBクリップアイコン（iPhone、iPod用） | 180x180 | 元画像と同じ | apple-touch-icon-180.拡張子 |
| WEBクリップアイコン | 196x196 | 元画像と同じ | favicon-196.拡張子 |
| WEBクリップアイコン | 32x32 | 元画像と同じ | favicon-32.拡張子 |
| WEBクリップアイコン | 128x128 | 元画像と同じ | favicon-128.拡張子 |
| カスタムサイズアイコン （※カスタムサイズを入力した場合のみ） | 入力したサイズ | 元画像と同じ | favicon-customsize-入力サイズ.拡張子 |
作成
まず、ファイルを選択してください。
次に「作成する」ボタンを押すと、ダウンロードが自動的に始まります。
注：完成画像は、中央トリミングで正方形になります。
画像が縦長や横長の場合、長辺が切り取られます。
【HTMLへの記述例】
※アイコンファイルをサイトディレクトリ直下に置いた場合の例です。
※拡張子は、ファイルにあわせて適宜変更する必要があります。
<link rel="icon" type="image/vnd.microsoft.icon" sizes="16x16" href="favicon-16.ico">
<link rel="icon" type="image/vnd.microsoft.icon" sizes="32x32" href="favicon-32.ico">
<link rel="icon" type="image/vnd.microsoft.icon" sizes="96x96" href="favicon-96.ico">
<link rel="apple-touch-icon" sizes="144x144" href="apple-touch-icon-144.png">
<link rel="apple-touch-icon" sizes="152x152" href="apple-touch-icon-152.png">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon-180.png">
<link rel="icon" type="image/png" sizes="196x196" href="favicon-196.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32.png">
<link rel="icon" type="image/png" sizes="128x128" href="favicon-128.png">
アップロードされた画像ファイルは、画像処理を行うために一時的にサーバに保存されますが、ダウンロード後に自動的に削除されます。