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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ