おしい県でWebに携わって働く人のブログ

基本的にはIT&Web界隈に関する役に立ちそうなことをまとめていきます。

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

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プロフェッショナルズ アイコン・マーク・ロゴデザイン

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

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