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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ