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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ