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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ