お気に入りのアイコンの作り方
自分のサイトで、ブラウザのお気に入りやアドレスバーの横に自作アイコンを表示させる方法です。
1.縦横32ピクセル(256色)と、16×16ピクセル(16色)の2種類の画像を用意します。
2.画像を「アイコン形式の画像( .ico )」に変換します。
例:アイコン変換ソフト @icon変換 (Windows用)を使用した場合の変換手順
(1) 作成した2つの画像を「@icon変換」へドラッグ&ドロップします。
(2) 左画面のファイル名を、両方選択した状態にします。(キーボードのシフトボタンを押しながらクリック)
(3) メニューから「ファイル」→「マルチiconとして保存」 を選択します。
(4) 適当な名前を付けて保存。(例:favicon.ico)
3.作成したアイコンをサーバーへアップします。
4.アイコンを表示したいページの、<head>~</head>間に、アイコンファイルへのリンクを記述します。
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
※ htmlに上記のリンクタグを記述しない場合、ブラウザはドメイン直下に favicon.ico がないか探すようです。
アイコン画像変換ソフト(Windows用) - @icon変換
1.縦横32ピクセル(256色)と、16×16ピクセル(16色)の2種類の画像を用意します。
2.画像を「アイコン形式の画像( .ico )」に変換します。
例:アイコン変換ソフト @icon変換 (Windows用)を使用した場合の変換手順
(1) 作成した2つの画像を「@icon変換」へドラッグ&ドロップします。
(2) 左画面のファイル名を、両方選択した状態にします。(キーボードのシフトボタンを押しながらクリック)
(3) メニューから「ファイル」→「マルチiconとして保存」 を選択します。
(4) 適当な名前を付けて保存。(例:favicon.ico)
3.作成したアイコンをサーバーへアップします。
4.アイコンを表示したいページの、<head>~</head>間に、アイコンファイルへのリンクを記述します。
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
※ htmlに上記のリンクタグを記述しない場合、ブラウザはドメイン直下に favicon.ico がないか探すようです。
アイコン画像変換ソフト(Windows用) - @icon変換
投稿日 : 2005年03月14日 - yoshiweb - カテゴリ: Web制作
コメント
投稿者 : tinyurl.com
2022年05月10日 07時14分54秒
投稿者 : tinyurl.com
This website was... how do I say it? Relevant!!
Finally I have found something that helped me.
Thanks!
Finally I have found something that helped me.
Thanks!
2022年05月11日 22時41分44秒
投稿者 : tinyurl.com
Excellent pieces. Keep writing such kind of information on your page.
Im really impressed by your site.
Hey there, You've performed a great job. I will definitely digg it and for my part recommend
to my friends. I'm confident they will be benefited from this web site.
Im really impressed by your site.
Hey there, You've performed a great job. I will definitely digg it and for my part recommend
to my friends. I'm confident they will be benefited from this web site.
2022年05月17日 01時17分48秒
投稿者 : http://t.co/dJUqX79AFH
If you are going for finest contents like myself, only go to see this web site all the time because it gives feature contents, thanks
2022年06月04日 18時13分49秒
投稿者 : http://bit.ly
We stumbled over here coming from a different page and thought I might
check things out. I like what I see so now i'm following you.
Look forward to finding out about your web
page for a second time.
check things out. I like what I see so now i'm following you.
Look forward to finding out about your web
page for a second time.
2022年06月05日 04時48分00秒
投稿者 : tinyurl.com
If some one wants expert view concerning blogging then i suggest him/her to pay a quick visit this webpage, Keep up the pleasant job.
2022年06月06日 22時04分57秒
投稿者 : http://tinyurl.com
I visited many web sites except the audio quality for audio songs current at this site is
actually excellent.
actually excellent.
2022年06月08日 10時33分13秒
投稿者 : tinyurl.com
Hey there! Do you know if they make any plugins to protect against hackers?
I'm kinda paranoid about losing everything I've worked
hard on. Any recommendations?
I'm kinda paranoid about losing everything I've worked
hard on. Any recommendations?
2022年06月11日 20時06分34秒
投稿者 : bit.ly
Hurrah, that's what I was exploring for, what a material!
present here at this blog, thanks admin of this web page.
present here at this blog, thanks admin of this web page.
2022年06月12日 03時26分25秒
投稿者 : http://tinyurl.com/2545tlak
Hello to every body, it's my first pay a visit of this weblog; this website carries
awesome and genuinely excellent information designed
for visitors.
awesome and genuinely excellent information designed
for visitors.
2022年06月12日 20時53分49秒
投稿者 : tinyurl.com
It's really a great and useful piece of information. I
am satisfied that you just shared this helpful information with us.
Please stay us informed like this. Thanks for sharing.
am satisfied that you just shared this helpful information with us.
Please stay us informed like this. Thanks for sharing.
2022年06月14日 16時44分44秒
The sector hopes for even more passionate writers like you
who aren't afraid to mention how they believe.
Always follow your heart.