オリジナルのファビコンを設定したくなったら「Favicon Converter」を使ってみよう。

WEBアプリ

f:id:lord_cashew:20140506120127p:plain

サイトを制作したらオリジナルのファビコン(Favicon)にしたくなると思いますが、そんな時には画像から簡単にファビコンを作ってくれる変換ツール「Favicon Converter」を使ってみたら良いかもです。

 

「Favicon Converter」の使い方

まずは「Favicon Converter」にアクセスします。

f:id:lord_cashew:20140506120127p:plain

「ファイル選択」をクリックして事前に用意しておいた画像を選択して「開く」をクリックします。

f:id:lord_cashew:20140506120728p:plain

オプションは、プルダウンで「16pxにリサイズ(縦横比固定)」を選択、「短い辺に合わせて・・・」にチェック、プルダウンで「減色しない」を選択、に設定します。

f:id:lord_cashew:20140506120807p:plain

「アイコン作成」ボタンをクリックします。

f:id:lord_cashew:20140506121132p:plain

アイコンが作成されてダウンロード画面が表示されるので、適当な場所に保存します。

f:id:lord_cashew:20140506121235p:plain

ちゃんとファビコンが作成されました。

あとはファイル名を「favicon.ico」に変更してサイトにアップロードしたらOKです。 

 

 

Photoshopプロフェッショナルズ アイコン・マーク・ロゴデザイン

Photoshopプロフェッショナルズ アイコン・マーク・ロゴデザイン

  • 作者: 下田和政
  • 出版社/メーカー: エムディエヌコーポレーション
  • 発売日: 2013/02/22
  • メディア: 単行本
  • この商品を含むブログを見る
 
Illustrator プロフェッショナルズ アイコン・マーク・ロゴデザイン

Illustrator プロフェッショナルズ アイコン・マーク・ロゴデザイン

  • 作者: 下田和政
  • 出版社/メーカー: MdN
  • 発売日: 2011/01/25
  • メディア: 単行本
  • 購入: 2人 クリック: 106回
  • この商品を含むブログ (5件) を見る