1）photoshopでまず「.ico」の画像を書き出せるようにプラグインを
ダウンロードしてアプリケーション>photoshop>プラグイン>の場所に入れる。
(参考)Photoshop で背景透過の美しい favicon (ファビコン) を作成する
※Photoshop CC 2014（Mac上）でも動作。
２）32px四方の正方形でファビコンを作って別名保存で「.ico」形式で保存。
(実際は 16px 四方で表示される）
※書き出せる最大サイズは256px四方までみたいです。それ以上大きいと
別名保存のときにICO形式の保存が選択に出てこない。
３） 「favicon.ico」という名前にしてサーバーにあげ、
htmlの<head>内に
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico のURL" />
を記述。
完了。
参考サイト：お気に入りアイコン（ファビコン）の作り方
0 件のコメント:
コメントを投稿