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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ