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を作る」にコメントを残す

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ