FireWorksでマルチアイコンのFavicon.icoを作る

今日はFaviconについてです。

まずはFaviconって何?と言う方のために
Faviconとは何かを説明しますね。

 

Faviconとは?

Favicon(ファビコン)とは、ウェブサイトのシンボルマークイメージとして、
ウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの事で、
ブラウザのURLの左側や、お気に入りに入れたりした時に表示されるアイコンです。

Favorite icon(フェイバリット・アイコン(お気に入りアイコン))の略称です。

こんなやつですね↓

 

ファイル形式はICOが一般的ですが、最近ではGIFやPNGも
サポートされてきました。

 

 

Faviconの設置の仕方

16x16、32x32、48x48など、いろんなサイズのアイコンが
ありますが上図で表示されているのは16x16サイズのアイコンです。

一般的には、16x16のアイコン(icoファイル)を作成し、
ルートディレクトリーに配置する事で認識されます。

ディレクトリ毎の表示や、別の場所に置いた場合は、
HTMLソースの<head>内に以下の記述をする事でFaviconを設置できます。

 

<link rel="shortcut icon" href="favicon.ico">

 

こんな感じです。

<html>
  <head>
    <title>favicon設置</title>
    <link rel="shortcut icon" href="favicon.ico">
  </head>
  <body>
    <p>body内容</p>
  </body>
</html>

 

 

Faviconの作り方

Favicon.icoを作るには、
Ico形式の画像を作るソフトがあれば出来ますが、
一般的にはICOを直接作る事が出来ない為、
正方形の画像を作りそれをICO形式に変換します。

こちら に変換するツールを設置しましたので
作った画像をアップロードすればICOファイルが生成され、
ダウンロード出来ます。

また、ファビコンはICO形式であれば、16×16と32×32と48×48の
3つのアイコンを一つのファイルに格納する事が出来ます。
これをマルチアイコンと呼びます。

マルチアイコンは画像が2個,3個に限らずいくつでも格納可能ですが、
Windowsでは16×16と32×32と48×48の3種類を使用します。
アイコンにはそれぞれ全く違う画像を格納する事が出来ます。

今日はFireWorksで、このマルチアイコンを作る方法を紹介します。

 

FireWorksでマルチアイコンのFavicon.icoを作る方法

FireWorksではデフォルトではICOファイルを作る事ができません。
なので、まずは、FireWorksの拡張機能を使ってICOを作れるようにします。

まずはこちらのサイトで拡張ファイルをダウンロードします。

http://johndunning.com/fireworks/about/ExportAsFavicon

上記URLにアクセスし、「Download 1.0.0」と言うリンクをクリックします。

 

クリックすると下図のような警告窓が出ますが、
「VistaやWin7をお使いの方は管理者権限でAdobe Extension Managerを
起動してインストールしてください」
的なことが書いているだけなので
OKをクリック。ダウンロードを開始します。

 

ダウンロードが終わったら、Adobe Extension Managerを右クリックから
管理者権限で起動します。

 

上部にあるインストールをクリックし、ダウンロードした拡張ファイルを
すればインストールされます。

 

インストールが完了すると下図のように一覧に表示されます。

 

 

使い方

Fireworksを起動すると、メニューバーの「コマンド」に「Favicon」
という項目が追加されています。ここでは、16×16、32×32の2種類の
大きさを持った.icoファイルを作成したいので、
「New Favicon – 16X16, 32X32 」を選択します。

 

それぞれのサイズに合う画像を作ります。

 

画像が出来たらコマンドメニューのExport as Faviconをクリックして
書き出せば出来上がりです。

 

出来上がったFaviconは、2種類のアイコンが格納されていますので
ブラウザのナビゲーションツールバーなどに表示される場合は16×16、
デスクトップなどでは32×32が使われます。

 

 

■ファビコン作成ジェネレーター

 

 

この投稿は役に立ちましたか? 役に立った 役に立たなかった

 

ネットビジネス速報メールマガジン

 

メルのネットビジネス速報では、悪質高額塾などの被害が拡大しないように
新しい悪質販売者の情報が入り次第、速報でお伝えいたします。

Dreamweaver、Fireworks、PhotoshopなどのTipsやチュートリアルの紹介、
最新SEO情報、その他ネットビジネスに関する情報をいち早く配信しています。

お名前(必須)
メールアドレス(必須)

記事「FireWorksでマルチアイコンのFavicon.icoを作る」にコメントを残す

*

サブコンテンツ

危険な高額塾

タグ

PPC ブラシ ツール ブロック Ban Hammer 感染 登録禁止 ワードプレス getElementByTagName 自動化 Internet Explorer SEO ネットゲーム 株式会社SRシステム ユーチューブマニアクス2017 エクスプローラー 株式会社Free Agent Style KMSpico 関根塾 wpXサーバー 改ざん アドセンス 掲示板 北川 雅嗣 改竄 RSS Includes Pages 小笠原健一 explorer ブラクラ ドメイン 出店料 リンクシェイカー バナー 優先順位 人物 force puzzle アンダーグラウンドメソッド 不正送信 詐欺組織 WEB 自己アフィリ Windows エクスチェンジ moza ぼかし マルウエア DOCTYPE スマホ Google Maps API シャンプー プラグイン ネットショップ ネットビジネス最後の楽園 HTML4.0 与沢翼 functions.php エディタ 個人情報 がら空きビジネス ライオンアフィリエイト Thunderbird 株式会社SRシステム 宮田麗花 新井浩 BBIZ クロスアフィリエイト system Chrome グラデーション ネットビジネス 株式会社WINGOOD css 日本語入力変換ソフト ムーバブルタイプ 石井匠 特権ビジネス デスクトップ 自己アフィリエイト 無断送信 クラウド入力機能 Login LockDown モザイク 蝶乃舞 アレックス アレックス式ネオせどりスクール レタープレス Agency Business Tiger-Wing ネットビジネス大全集 バイマ ランキング ヤフー XHTML SKナレッジ CGI FireWorks Favicon iphone CS6 IE android ボタン フレンドシップメール エキスパートメール KMS認証 @PAGES 量産 画像 副業術 不正アクセス 切抜き office ping送信 原田真 アイコン パズル レイアウト Youtube Baidu タイガーウイング 土屋ひろし MT ハート 賢威 レンタルサーバー 固定ページ getElementById FTP 復元 Firefox 立体 短縮URL Windows 7 twitter メモ IBS ブロックポリシー アフィリエイト インペリアルゴールド 上位表示 伊藤 虎太郎 申請金ビジネス 与沢翼×蝶乃舞 インターネットビジネススクール テンプレート 転売大園塾 バイドゥー High Concept Marketing 配布 スカイプ インフォトップ 久積篤史 Yahoo wp-login.php インターネット 関根義光 YouTube Maniax 2017 Google Maps プロモーション RSS 管理画面 インターネットエクスプローラー PHP .htaccess ウイルス ざくざく君 やしろひろたみ 秒速で1億円稼ぐ男 スタイルシート 高額塾 バックアップ ソフト セキュリティ EC 三橋美仁 伊藤塾 既得権益 テーマ ECサイト 大園式転売塾 トラフィック ネオヒルズアカデミー やしろ塾 音量アイコン トレンドアフィリエイト MovableTYpe ネットガレージ 表示 Cash on Wordpress wordpress html document.all ツイッター もざ ロリポップ ソース 短縮URLツール LinkShaker ファビコン ブラウザ サイト改ざん 特定のメールアドレス レビュー 個人情報流出 RMT レイアウト崩れ 加工 ヤフオク MasterCollection 情報商材 滑らか 大園転売塾 放射線 アクセス制限 スクロール クラウド変換 ping 伊藤 歩 池田純矢 81a338 脆弱性 ブルートフォースアタック 秀吉塾天下統一 比較 WP ウインドウ 大西良幸 背景 タスクバー SyntaxHighlighter トレンドキーワード 無料 大園麗花 tool 株式会社バンザイ クリックランキング Line 流出 Diamond Affiliate Masters Program 加藤 秀吉 株式会社ニュース サンタ DTD マニュアル 無料オファー 株式会社A-ブログレス Wordpress Content Slide 百度 Adobe メルマガ配信システム 村上省吾 切り抜き followmatic 不労所得の神 中山秀人 SmoothScroll.js 到達率 ライブチャット せどり スムーズ 管理ツール 定型文 postpost ライン プロファイル 球体 権利収入 詐欺 google 山下 カスタマイズ コピーボタン IP クラック ビジネス Newpost Catch フォローマティック 高速ゲーム アンダーグラウンドアフィリエイトクラブ マイクロソフト 自動 CS5 伊藤虎太郎 ヤフーショッピング ソースコード アクセスアップ アフィ匠 JavaScript Extension Manager BUYMA

アーカイブ

エステトラブル

このページの先頭へ