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

*

サブコンテンツ

危険な高額塾

タグ

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

アーカイブ

エステトラブル

このページの先頭へ