[操作手順]
→画面上部メニューより、Safari>環境設定>詳細 の順にアクセスする
→「メニューバーに開発メニューを表示」をONにする(デフォ:OFF)
[確認環境]
Mac OS X 10.9 Mavericks
Safari 9.0
[操作手順]
→画面上部メニューより、Safari>環境設定>詳細 の順にアクセスする
→「メニューバーに開発メニューを表示」をONにする(デフォ:OFF)
[確認環境]
Mac OS X 10.9 Mavericks
Safari 9.0
command+R リロード(再読み込み)
command+option+E スーパーリロード(キャッシュクリア、キャッシュを空にする)
[確認環境]
Mac OS X 10.9 Mavericks
Safari 9.0
[ショートカット]
command+0 タグを解除
※p、h1~h6を解除することができる
※デザインビューのみで動作する(コードビューでは動作しない)
※上部メニューより、フォーマット>段落フォーマット の順にアクセスして、ショートカットの存在を確認することができる
[ショートカット]
Ctrl+0 タグを解除
※p、h1~h6を解除することができる
※デザインビューで動作する(コードビューでは動作しない)
※上部メニューより、テキスト>段落フォーマット の順にアクセスして、ショートカットの存在を確認することができる
[要件]
・正方形
・背景透明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