普段何気なくブックマークを見ているとリンク名称の脇にアイコンがありますよね。いつか設置しようと思いながらいつもいつも先送りになってしまうアイコン。「ファビコン」ですがインターネット上のサービスを使えば簡単に作成する事ができますので紹介します。ファビコンって何?聞いたこと無いんだけど・・・。ftpでWebサイトのルートにアップロードファビコンって何?聞いたこと無いんだけど・・・。icon(お気に入りのアイコン)」という言葉から来る造語です。ホームページにアイキャッチのために設置するアイコンと思って下さい。タブ、スマートフォンでホームページを”ホーム画面”に置いた際に表示されるアイコンなどを指します。上の画像はアフィリエイトをはじめてみようのファビコンですが、「ア」をモチーフにした簡単なものです。小さなもので16×16ピクセルのもので作らなければいけないのであまり難しいデザインはできません。割り切りとバランスが大切です。元になる画像ファイルを作り、それを縮小して読めるか確認するを繰り返すだけです。私はgimpで元データを作成し作業を行いました。手順としては以下のとおりです。48×48ピクセルで元データを作成する32×32ピクセルに縮小し、読めるかを確認する16×16ピクセルに縮小し、読めるかを確認するインターネット上のサービスでfavicon.icoを作成する(ファイル名はfavicon.ico固定です)ftpでWebサイトのルートにアップロードする元データの作成gimpで画像を新規作成しました。48×48ピクセルで背景は透明を選んでおくと良いと思います。文字の追加で「ア」を追加。フォントサイズを微修正し色を緑にしたものをpng形式で出力します。それを次々縮小し32×32ピクセルと16×16ピクセルを作成します。サイズ感は以下のとおりです。favicon.icoを作ろう!」さんのサービスを使ってfavicon.icoを作成しました。作成]ボタンをクリックするとアイコンのファイルが作成されます。Webサイトにブラウザからアクセスするとファビコンが反映されます。まれに反映されない場合がありますが、その時はキャッシュをクリアしてからWebサイトにブラウザからアクセスして下さい。ここまでやったらスマホ用のアイコンもですよね。すみませんそれは別記事でまとめます。ロリポップサイトマップをグーグルに登録してクローラーを呼び込む関連記事Web力強化アイキャッチ画像に使える無料素材サイトアイキャッチ画像って自分で作ろうとするとかなり面倒で時間がかかります。)この記事へのコメントはありません。この記事へのトラックバックはありません。URL返信をキャンセルする。-URL上に表示された文字を入力してください。Tag)もSEOを考えるうえでとても重要なものです。機能と説明を紹介さ...CSSで蛍光ペンの様なアンダーラインを引く方法この記事では、WEB上でよく見かける蛍光ペン風マーカー線について「実際の...投稿する記事構成について定型を考えてみよう記事を書いていると「もう少し効率的に書けないものかな?」と思う事がありますよね。...GoogleAdSenseグーグルアドセンスの銀行口座はいつ登録するの?登録した記憶が無い!Wordpressアフィリエイトに最適なWordPressのテーマを紹介CSSCSSでタブ付き強調見出しを付ける方法CSSCSSで蛍光ペンの様なアンダーラインを引く方法SEOGoogleのSEOで押さえたい3つのポイント撮影ボックスを使って撮影すると綺麗な写真が撮れるWindows10でHDD不具合、SSDに交換でアクティベー...女性向けの小型で可愛いパソコンを構成してくれと言われ・・・。