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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ