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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ