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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ