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

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ