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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ