[要件]
・正方形
・背景透明png
※Fireworksではpng32を選択する
※Photoshopではpng24を選択する
※16×16などは手作業でドットに色を足したりする

 

[必須サイズ]
・16×16（Windows XP以前必須）
・32×32（Windows XP以前必須）
・48×48（Windows XP以前必須）
・152×152（iOS7以降のiPad Retina、旧OSは144×144とのこと）
※iPhone Retinaの114×114は、152×152の自動縮小で対応するので不要

 

[作成作業の流れ]
→素材はIllustratorの.aiファイルから得る

→画像が荒れないようにアウトライン化データファイルからパス情報を拾う

→Fireworks＞ファイル＞新規作成
　キャンバスカラー：透明
　幅、高さを任意で決める

→パス情報をペースト

→手作業で修正

→png32を選択して書き出し
　16.png
　32.png
　48.png
　152.png

→以下、ファビコン作成サイトを利用する
http://ao-system.net/alphaicon/index.php
http://ao-system.net/favicon/

 

[参考]
http://blog.excite.co.jp/spdesign/19798730/
http://www.tam-tam.co.jp/tipsnote/html_css/post1937.html
http://www.nda.co.jp/memo/iconscale/
http://memo.goodpatch.co/2013/03/mac-win-ios-android-app-icns-size/
http://liginc.co.jp/designer/archives/7300
http://www.hp-stylelink.com/news/2014/02/20140213.php

 

[Web検索キーワード]
favicon png 透過
favicon サイズ OR 解像度 Android OR iPhone OR iPad
favicon サイズ 16 32 48