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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ