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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ