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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ