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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ