使い方
- 「画像をアップロード」を選んで正方形の画像を選ぶか、「テキスト / 絵文字」を選んで文字か絵文字を入力します。
- テキストの場合は、文字色と背景色を選び、プレビューを確認します。
- ダウンロードをクリックすると、すべてのアイコンサイズが入ったZIPが手に入ります。
ジェネレーターには2つの入力モードがあります。画像アップロードモードでは、ロゴなどの画像を用意します。テキスト / 絵文字モードでは、選んだ文字色と背景色で、512ピクセルの正方形にテキストを太字で描画します。まだロゴのないサイト用のアイコンを手早く作る方法です。
ZIPには5つのPNGファイルが入っています:favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png(180×180)、android-chrome-192x192.png、android-chrome-512x512.png。それぞれ、元の画像を高品質のスムージングで正方形に縮小して作られます。すべてのアイコンは正方形として描画されるため、正方形の画像から始めてください。正方形でない画像は、引き伸ばされて合わせられます。
ZIPには .ico ファイルやWebマニフェストは含まれないため、link タグや必要なマニフェストはご自身で記述する必要があります。一般的には、16と32ピクセルのファイルを rel が icon の link タグで、180ピクセルのファイルを rel が apple-touch-icon で、192と512ピクセルのファイルをWebアプリマニフェストで参照します。
すべてブラウザ上のキャンバスで生成され、画像はアップロードされません。
よくある質問
ZIPにはどのサイズが入っていますか?
16x16、32x32、180x180(apple touch icon)、192x192、512x512で、すべてPNGです。
.ico ファイルも作成されますか?
いいえ。出力はPNGのみです。
どんな画像をアップロードすればよいですか?
正方形の画像です。他の形は正方形に引き伸ばされ、歪みます。
絵文字は使えますか?
はい。テキスト / 絵文字モードで、絵文字や文字を入力できます。絵文字の見た目は、お使いの端末のフォントによって異なります。
ロゴはアップロードされますか?
いいえ。アイコンはブラウザ上でレンダリングされます。