トップスポンサー広告 > FC2ブログのfaviconまとめ。作り方から設置までのまとめサイトを紹介。
トップFC2ブログのカスタマイズまとめ > FC2ブログのfaviconまとめ。作り方から設置までのまとめサイトを紹介。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[FC2広告]

FC2ブログのfaviconまとめ。作り方から設置までのまとめサイトを紹介。

FC2のブログでファヴィコン(favicon)をデフォルトのままにしているブログが中々多い。
タブブラウザの普及など、アイコンの利用価値は上がっている筈。
作り方から、ブログ適用まで意外と簡単だったのでまとめサイトを紹介します。
Landscape - エンジニアのメモ: favicon.ico を作る
まずここで、ファヴィコン用のアイコンの作り方と必要なソフトも紹介しているので、画像製作ソフト Gimpなどのソフトをインストールして作ってみる。


FavIcon from Pics
次はicoファイルが必要なので、透過が不要なアイコンはこのサイト使うと超ラク。
ソフトを使わず簡単に作れるアイコン変換サービス。入力はPNGもOKで出力はZIP。
「Generate Favicon.ico」で変換するとそのサイトのファイヴィコンでプレビュー出来る。
出力は「Download FavIcon Package」から。
(※透過faviconは出来ないみたい)
FireShot capture

Vector : @icon変換
透過アイコンを作りたい場合は、このソフトを利用するといいです。


最後に変換したfavicon.icoファイルを自分のブログにアップして、アップ先のURLを確認して以下のコードをヘッダに入力して終了。
<link rel="shortcut icon" href="~アップした所のリンク~/favicon.ico" />


作るのは結構簡単だったけど、デザインは中々難しい・・・。

参考
FC2ブログでfaviconを設置する方法 - ヲレサイト
Landscape - エンジニアのメモ: favicon.ico を作る
スポンサーサイト
[FC2広告]

Trackback

スポンサーリンク

この記事に対するコメントは0件隠す

(編集・削除用)
管理者にだけ表示を許可

トラックバック (0)

はてなブックマーク

関連記事(関連度)
関連記事(関連度)

ハッケンブログとは

グリ

ハッケンブログ(発見部ログ)は、便利・面白ウェブサービス/フリー素材サイト/フリーソフトなどを発見・まとめ紹介するブログです。

まとめ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。