ウェブデザイン制作/ウェブ・ポジショニングのウェブZYCO'S [ アイコンの作り方 ]

数秒で出来るアイコンの作り方

▼ icon

アイコン用画像  とても簡単な方法をご紹介します。まず、アイコンの元になる画像を正方形でファイルサイズを150KB以下で制作し保存します。ファイル形式はgif(アニメーションgifでも大丈夫です) 、JPG、pngです。

 左図のサンプルは160×160ピクセルで作っていて、1KBです。透明にするためにはgifかpngでファイルを保存します。

 では、アイコンを作成するためにここをクリックしてください

 Dynamic DriveのFavicon Generatorのページが開きますので、「参照」をクリックしてアイコンの元画像を選択してください。次にオプションでマルチサイズを指定します。32pxと48pxの両方を選択すると良いでしょう。

 次に「Create Icon」をクリックすると、作成されたアイコンが以下のように表示されますので、「Download Favicon」をクリックして自分のPCに保存します。

▼ FavIcon Generator

操作画像の参照  16×16はブックマークやURL表示、32×32や48×48はデスクトップ用ショットカットアイコンに使われます。


 保存したアイコンはindex.htmlがあるフォルダに移動またはコピーします。そしてトップページのindex.htmlの<head>内に以下を記述します。これでお終い。

 <link rel="shortcut icon" href="favicon.ico">

ページのトップへ