crossline

▼favicon

font-size:12px;line-height: 150%;

 

 

 

今日は、よくウェブサイトでみかける、「ファビコン」の作り方についてかいていきたいとおもいます。

 

 

 

 

 

↓こういうやつです

f:id:ishuko:20140720203311p:plain

 

 

 

 

まず、photoshopで16×16で基本的には四角でfaviconをつくります。

 

 

 

 

f:id:ishuko:20140720203517p:plain

 

 

 

 

これを、pngまたはgifで保存し、

アイコン(icon)変換ツール - Favicon Converter

▲ここから作ったものをicoに変換します。

 

 

 

 

変換したアイコンとindexのページを、自分のサーバにアップします。

(このとき、どちらも同じダイレクトリにアップすることを忘れずに!!)

 

 

 

 

あとは、htmlに表示したいfaviconの「<link rel="shortcut" href="○○○○○○○○">」

をはる。

 

 

 

 

 

たったこれだけーー!!

以外と自力でできた作業でした!!

 

 

 

f:id:ishuko:20140720221853p:plain

 

 

 

 

 

 

 

 

では、いまからがんばりますよサイト制作。

一からで直しじゃ!!気合いだ。