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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ