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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ