意外と印象が強いホームページのファビコン


*


*
もじ文字 有意義な労働 健康と衛生 執筆への道標 そもそも学 更新情報

創作活動歴 | 作品紹介 | 小説投稿サイト | ホームページ | おすすめ小説 | サウンドアドベンチャーゲーム

執筆への道標

* *
*
創作ホームページ

意外と印象が強いホームページのファビコン

今回は
「ファビコン」の設定を紹介します。

「ファビコン」とは
「ロゴ」のようなものです。
正式には
「フェイバリット・アイコン(お気に入りアイコン)」
といいます。

どのようなものかと言いますと
歴史を感じるホームページを適当に開いてみると
上部に表示される「タブ」の「タイトルの左側」の部分や
お気に入りに登録している「名前の左側」に
「小さな正方形のシンボルマークの絵」
と言えばよいでしょうか。

あなたのホームページの
ブランドマークともいえるものです。

このサイトであれば「 * 」です。

設定後の簡単な注意点を並べますと

一度設定すると
次回の変更は履歴を全部削除しないといけない。
変更してもすぐにはファビコンが映らないことがある。
思ったより画像が乱れて見える。
設定が合っているかわからなくなる。

などでしょうか。


以前にダウンロードしていただいた
「hp」(見本用)の「index.html」には
すでに必要なタグは下記のように入力されております。


<!-- ここからファビコン -->
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon.gif">
<!-- ここまでファビコン -->

二種類のタグが入っております。

「favicon.ico」と
「animated_favicon.gif」です。

なぜ二種類かと言えば
「ブラウザ」の古さや新しさによって
ファビコンが見える場合と見えない場合があるからです。

違いは
「favicon.ico」は
ブラウザほぼ全般に見える事ができて
「animated_favicon.gif」は
「firefox」などの動くファビコンに対応したブラウザです。

この場合は、一部のブラウザで動くファビコンを利用したいがために
どこでも対応できる動かないファビコンも用意したということです。

動かなくても良い場合は「favicon.ico」だけで大丈夫です。


以前に紹介した「バナー工房」で
ファビコンとして作成した画像を編集します。

ファビコンは「 16×16 」という大きさです。

最初からその大きさで作る場合もありますが
私がオススメする大きさは「 64×64 」です。

拡張子を「png」の状態で「img」(見本用の画像フォルダ)へ保存しておきます。


保存した画像をファビコンに変換できるサイトの紹介です。

「favicon.icoを作ろう!」
favicon.icoを作ろう!へのリンク

小画像の「参照」から保存したファイルを選択して
「favicon.ico 作成」ボタンを押しますと
右側に「 16×16 」のイメージ画像と
「ダウンロード」ボタンが表示されます。

ダウンロードしたファビコンは
「index.html」と同じフォルダに入れます。
「img」への保存ではありません。

「FFFTP」で公開します。


動くファビコンの作成はこちらをご利用下さい。

「Favlcom from Pics」
Favlcom from Picsへのリンク

「image to Use」の「参照」から
保存した「png」画像を選択して
「Animate Favicon」を押すと
イメージファビコンが表示されます。
下記の項目の中で
「Add animated favicon」を選択すると
「Edit animation and add text」というオレンジ色の文字列の中に
好きな内容を書き込めます。
右側の「OK」をクリックすることで
再びイメージファビコンが表示されます。

「Download FavIcon Package」を選択することにより
ファビコンがダウンロードされますので
「animated_favicon.gif」
または
「animated_favicon1.gif」
を選択して
「index.html」と同じフォルダに入れます。
「img」への保存ではありません。

保存したファビコンの名前が
「animated_favicon1.gif」
となっていた場合
名前の変更で「1」を取り除き
「animated_favicon.gif」
にしましょう。

「FFFTP」で公開します。

公開されましたでしょうか。

より一層ホームページが彩られ
楽しい空間となることを願います。



   ■創作ホームページ 一覧へ戻る
   *


 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
 ■類似タイトル
 
 
*




     




*その他コンテンツ











プロフィール&創作作品
もじ文字
サイトマップ
もじ文字 更新情報



健康と衛生
そもそも学
執筆への道標
有意義な労働



With the exception of the work that has been provided with the consent,
all of the copyright is owned by the administrator of もじ文字 _since2013_
同意を得て提供されている作品や紹介されている不特定多数の作品を除いて
当サイトに掲載されている著作権の全てをもじ文字の運営者が所有しています。