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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ