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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ