スポンサー


    ウェブデザイン基礎講座

    フォトショップ講座

    HTML&CSS講座

    グラフィック講座

    Flash講座

    3D講座

    ウェブプログラミング講座

    サイトメンテナンス講座

    サイト紹介

    スペシャルリンク

サイト内検索

 メールマガジン

テクニック

HomeHTML&CSS講座 > ファビコンを作る方法

ファビコンを作る方法

投稿日:2006年12月19日   レベル:初心者    ソフトウェア:DreamWeaver
もし、あなたがPhotoshopの知識を持っていれば、自分自身のアイコンイメージを作れますよね。まず、64×64ピクセルのイメージで作成して、完成後16×16にリサイズして、.icoファイルとして保存します。もし、アイコンファイルのフォーマットがPhotoshopになければ、ダウンロードしてください。


Step1 − ファイルの保存
Photoshop.icoDownload。右クリックしてファイルを保存し、Photoshop > Plug-Ins > File Formatsフォルダに配置してください。 グラフィクスをしない、作るのが面倒くさい人には、あなた自身が選んだイメージからアイコンが作成可能なChami.comなんていうサービスもあります。 もしくは、私がネットで集めたクリスマスアイコンシリーズも使えます。
ファイルの保存

Step2 − ブラウザにアップロードする
アイコンが手に入れば、それをウェブサーバーにアップロードしてください。ImageShackやPhotobucketのようなイメージホストサービスを利用しても構いません。

Step3 − ソースコード
次のコードをあなたのウェブページのHTML内<head>と</head>の間に記述してください。

<link rel="Shortcut Icon" href="http://www.alexallied.com/favicon.ico">

アイコンのURLを置き換えるだけで作業は完了です!ウェブサイトやブログのアイコンを使ったカスタマイズを楽しんでください!!

引用:Web Design Library 著者:Alex Allied 翻訳:atuk



スポンサードリンク

コメント

ランダム記事5件

2016年5月の人気記事ランキング