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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ