確認・生成

サイト用アイコン一式の作成

favicon・apple-touch-icon・manifest の生成

1枚の画像から、ブラウザのタブやスマホのホーム画面に表示されるアイコン(favicon)を複数サイズで作れます。設定ファイルと一緒にZIPでまとめて保存できます。

画像を1枚選ぶ

またはここへドロップ

JPEG・PNG・WebPなど · 1枚(50MBまで)

プレビュー

画像を選ぶと、ここに表示します。読み込みはこの端末の中だけで行います。

アイコンの設定

スマホのブラウザで、アドレスバーのまわりなどに使われる色です。

100%
50%
50%

プレビューの正方形の枠をドラッグして、アイコンにする範囲を合わせられます。6サイズ(16〜512px)のPNG画像と、設定ファイル(manifest)、サイトに貼るHTMLタグをZIPにまとめます。

画像を選ぶと実行できます。

使い方

  1. アイコンにしたい画像を選びます。
  2. サイト名とテーマカラーを入力します。
  3. できあがったZIPを保存します。

できること

  • 16〜512pxの6サイズを一度に作成
  • サイトに貼るHTMLタグと設定ファイル付き
  • ZIPでまとめてダウンロード

対応形式・制限

各サイズは正方形に切り抜いて作ります。透明な部分の見え方はプレビューで確認してください。

処理について

選んだファイルはブラウザの中で処理しています。画像の内容やファイル名を当サイトのサーバーへ送ることはありません。サイズの大きな画像では、端末のメモリが足りなくなることがあります。

用語メモ

画面ではやさしい言葉で表示している、専門的な用語の意味です。

favicon(ファビコン)
ブラウザのタブやブックマークに表示される、サイトの小さなアイコンです。
apple-touch-icon
iPhoneやiPadでサイトをホーム画面に追加したときに表示されるアイコンです。
manifest.webmanifest
スマホでアプリのように使えるサイトの、名前やアイコン、色を記した設定ファイルです。
テーマカラー
スマホのブラウザで、アドレスバーまわりなどに使われるサイトの色です。