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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ