どうでもいいことをつぶやいたり、企画のお知らせしたり、
らくがきupしてみたり。ぐだぐだ日記。
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ファビコンの作り方ファイナルっていうか、まとめです。
さあ、あなたもサイトにファビコンを設置してみましょう！
新しいフリーソフトを使って、背景透過のファビコンの作り方と、設定のおさらいをまとめました。
興味のある方は追記からどうぞ。
さあ、あなたもサイトにファビコンを設置してみましょう！
新しいフリーソフトを使って、背景透過のファビコンの作り方と、設定のおさらいをまとめました。
興味のある方は追記からどうぞ。
[2回]
http://www.vector.co.jp/soft/win95/amuse/se201729.html
こちらが新しく使うソフトです。「＠icon変換」というソフトです。
フリーでダウンロードできます。
それでは、改めまして、ファビコンを作っていきましょう！
１．まず、16*16のサイズでアイコンを作っていきます。
そしたら、『.png』の形式で保存してください。透過したい色の透過処理も忘れずに。
以前紹介したねこが使ってるAzPainterだったら、保存時にどの色を透過するか聞かれますので、その時に設定して保存します。
２．つぎに、32*32のサイズの同じアイコンを作ります。
16*16で作ったものを拡大すればOKです。
ただ、拡大の形式によってはぼやけてしまう可能性があるので注意。
AzPainterで拡大するときは、拡大形式「ニアストレイバー」（だった気がする）という機能を使えば、はっきり拡大できます。
多分ニアストレイバー（だった気がする）という拡大方法は、色は変えずにビットの面積を単純に増やす、的な方法なんだと思います。
そんな感じでつくった32*32のアイコンも、『.png』形式で保存します。
３．「＠icon変換」を起動させます。
先ほど作った16*16、32*32のpngファイルのアイコンをドラッグして放り込みます。
（このソフトはなんか操作するたびにエラー音？が鳴るのでびっくりしますが、仕様です）
４．変換させます。
32*が上、16*が下、と並べて、Shiftキーを押しながら二つをクリックし、2個とも選択している状態にします。
メニューの「ファイル」⇒「マルチアイコンとして保存」で保存すれば出来上がり！！
あなただけのオリジナルふぁびこんの完成です*^^*
「.ico」ファイルがファビコンとなりますので大事に取っておきましょう。
５．さっそくhtmlに設定します。
<head>～</head>の間（上の方に書く方がいいらしいです）に、
<link rel="shortcut icon" href="ファイルの名前.ico">というタグを記入します。
あとはそのhtmlファイルとicoファイルをアップローダーでネット上にアップロードすれば完成です。
htmlと違うフォルダにアップロードする場合は絶対パスで指定するといいでしょう。
ねこは設定するすべてのフォルダごとにicoファイルアップロードしてますが（笑
たったこれだけです。
ファビコンがあるだけでなんかおりじなりてぃー（棒読み）な感じしますし、
何より自分の作ったファビコンがお気に入りアイコンとして表示されるのは嬉しいものです。
興味を持ったそこのあなた！簡単なので是非是非作ってみてください*^^*
質問などあれば受け付けますっ！
あ、あと、自分で作らなくても、フリーでファビコン向けの画像を配布しているサイトさんもあるみたいです。
自分で作るのはちょっと・・・でもファビコンは興味あるなぁって方は、そちらも検索してみてはどうでしょうか！
ふう。長くなってしまいましたが、
これにてファビコン編、完結とさせていただきます！
では、ねこでした！！
こちらが新しく使うソフトです。「＠icon変換」というソフトです。
フリーでダウンロードできます。
それでは、改めまして、ファビコンを作っていきましょう！
１．まず、16*16のサイズでアイコンを作っていきます。
そしたら、『.png』の形式で保存してください。透過したい色の透過処理も忘れずに。
以前紹介したねこが使ってるAzPainterだったら、保存時にどの色を透過するか聞かれますので、その時に設定して保存します。
２．つぎに、32*32のサイズの同じアイコンを作ります。
16*16で作ったものを拡大すればOKです。
ただ、拡大の形式によってはぼやけてしまう可能性があるので注意。
AzPainterで拡大するときは、拡大形式「ニアストレイバー」（だった気がする）という機能を使えば、はっきり拡大できます。
多分ニアストレイバー（だった気がする）という拡大方法は、色は変えずにビットの面積を単純に増やす、的な方法なんだと思います。
そんな感じでつくった32*32のアイコンも、『.png』形式で保存します。
３．「＠icon変換」を起動させます。
先ほど作った16*16、32*32のpngファイルのアイコンをドラッグして放り込みます。
（このソフトはなんか操作するたびにエラー音？が鳴るのでびっくりしますが、仕様です）
４．変換させます。
32*が上、16*が下、と並べて、Shiftキーを押しながら二つをクリックし、2個とも選択している状態にします。
メニューの「ファイル」⇒「マルチアイコンとして保存」で保存すれば出来上がり！！
あなただけのオリジナルふぁびこんの完成です*^^*
「.ico」ファイルがファビコンとなりますので大事に取っておきましょう。
５．さっそくhtmlに設定します。
<head>～</head>の間（上の方に書く方がいいらしいです）に、
<link rel="shortcut icon" href="ファイルの名前.ico">というタグを記入します。
あとはそのhtmlファイルとicoファイルをアップローダーでネット上にアップロードすれば完成です。
htmlと違うフォルダにアップロードする場合は絶対パスで指定するといいでしょう。
ねこは設定するすべてのフォルダごとにicoファイルアップロードしてますが（笑
たったこれだけです。
ファビコンがあるだけでなんかおりじなりてぃー（棒読み）な感じしますし、
何より自分の作ったファビコンがお気に入りアイコンとして表示されるのは嬉しいものです。
興味を持ったそこのあなた！簡単なので是非是非作ってみてください*^^*
質問などあれば受け付けますっ！
あ、あと、自分で作らなくても、フリーでファビコン向けの画像を配布しているサイトさんもあるみたいです。
自分で作るのはちょっと・・・でもファビコンは興味あるなぁって方は、そちらも検索してみてはどうでしょうか！
ふう。長くなってしまいましたが、
これにてファビコン編、完結とさせていただきます！
では、ねこでした！！
PR
この記事にコメントする