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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ