アメブロに独自faviconを設定する方法。 | 名古屋で動画とWEBを創るMyChubuさんのブログ

名古屋で動画とWEBを創るMyChubuさんのブログ

動画の撮影・編集とウェブコンテンツの制作をやっています。ウェブとブログと動画とソーシャルメディアの連携で最強のウェブ系営業ツールの構築を目指します。

$名古屋で動画とWEBを創るMyChubuさんのブログ-favicon
ネットメディアワークスの竹市です。

Faviconとは、ブラウザにブックマーク保存したときなどに表示される小さな画像です。
アメブロをブックマークすると、固定でアメーバマークが表示されます。

自分のホームページなどは、HTMLのヘッダー部分に
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
と指定すれば任意の画像を表示できるのですが、アメブロは自由にできません。

でも、なんとかオリジナルFaviconを表示させた~~い。
そんな時にちょっと工夫すれば可能です。

まず、32px×32pxぐらいの正方形の画像を用意する。
そして、画像を「.ico」形式に変換してくださいね。

ico形式に変換する無料ソフトもあります。
@con変換(Vector) http://bit.ly/JlEMru
Windows7 64bitでも動きます。

アメブロには、「.ico」形式の画像をアップロードできないので、別の場所にアップロードする必要があります。
会社のHPなどでレンタルサーバを借りている場合、レンタルサーバにFavicon用の画像をアップロードします。

そして、アメブロのフリースペースにFaviconのタグを書く。
<link rel="shortcut icon" href="http://あなたのドメイン/images/favicon.ico" type="image/x-icon">

これで、HTMLヘッダーのFavicon指定が上書きされて、オリジナルFaviconが表示されるようになります。