SYSTEM
favicon作成ツール「Favicon」
1枚の画像から、favicon.icoと、各種アイコン一式を作れるツールです。形（四角・角丸・円）や余白を選べて、貼り付け用のタグと一緒に、ZIPで保存できます。
- アイコン一式の生成（ico・PNG・apple-touch-icon・manifest）
- 形・余白・背景の指定
- 貼り付け用タグの出力
Overview事例の概要
- お客様
- favicon作成ツール「Favicon」
- 業種
- 自社ツール
- 担当した範囲
- アイコン一式の生成（ico・PNG・apple-touch-icon・manifest）／形・余白・背景の指定／貼り付け用タグの出力
Story制作の背景
課題から、成果まで。
- 課題
サイズごとにアイコンを書き出す手間
faviconは、ブラウザ用、iPhoneのホーム画面用、Android用など、サイズや形式が何種類も必要で、1つずつ書き出す手間がかかっていました。
- 提案
1枚の画像から、一式を作る
PNG・JPG・GIF・WebP・SVGの画像を1枚入れると、favicon.icoと、16〜512pxのPNG、apple-touch-icon、site.webmanifestを作ります。headに貼り付けるタグも出力します。処理は、ブラウザの中で行います。
- 成果
貼り付けるだけで、設定が終わる
ZIPで保存して、サーバーに置き、出力されたタグを貼り付けるだけで、設定できます。