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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ