ファビコン作成

作成手順
  • 好きな画像を16×16pxにリサイズしてgif保存。
  • gifを再度開いてイメージ>色調補正>明るさ・コントラストでコントラストを最大値まであげる
  • 続けてフィルタ>フィルター>シャープ>アンシャープマスクで
    • 量:300%ぐらい
    • 半径30前後px
    • しきい値:60〜80レベルに設定。
  • 新規レイヤーを下に設定して下地の色を塗りつぶし
  • イメージ>色調補正>色相彩度で全体の色を際立たすよう画像のメインの色を強調する。
  • 最後にブラシツール(ぼかし、アンチエイリアスのないもの)を2〜4pxでファビコンの色の反対・補色となるものをアクセントカラーとして付け加えてみる。今回、苺の赤をメインカラーの反対色となる緑の房をつけてみた。
  • photoshopで作成したファイル拡張子をicoに変換して出来上がり。
設定手順
  • 作成したファビコンを表示したいページと同列階層*1に置き、<link>タグで以下のように設定する。

*1:絶対配置でルートを記述!