favicon.png と favicon.ico - ICO ではなく PNG を使用する必要があるのはなぜですか?
https://stackoverflow.com/questions/1344122
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
Russian質問
PNG がより一般的な画像形式であるという事実以外に、favicon.png と favicon.png を優先する技術的な理由はありますか?ファビコン.ico?
私は、PNG のお気に入りのアイコンをすべてサポートする最新のブラウザーをサポートしています。
解決
このスレッド内の他のさまざまなユーザーからの多数の更新とメモにより、回答は置き換えられました (コミュニティ Wiki になりました)。
- ICO と PNG はどちらも完全なアルファ チャネル ベースの透明性を実現します
- ICO では、古いブラウザとの下位互換性が可能です (例:IE6)
- PNG はおそらく、透明性のためのより広範なツールをサポートしていますが、アルファ チャネル ICO を作成するためのツールも見つけることができます。 ダイナミックドライブツール そして Photoshop プラグイン @mercator によって言及されました。
詳細については、ここで他の回答を参照してください。
他のヒント
favicon.ico経由でショートカットアイコンを指定していない限り、（クローム4、Firefox 3.5のテストで、IE8、オペラ座10とSafari 4）すべての近代的なブラウザは、常に<link>を要求します。あなたが明示的に指定していないそうだとすれば、それは「=常に404 <のhref =「http://developer.yahoo.com/performance/rules.html#favicon」のrelを避けるために、favicon.icoファイルを持っているのがベストですnoreferrer ">ヤフー！あなたはそれが小さく、キャッシュ可能作る示唆している。に
そして、あなたはどちらかだけのアルファ透明度のためのPNGのために行く必要はありません。 ICOファイルのサポートアルファ透明度だけで結構（すなわち32ビットカラー）、ほとんどすべてけれどもツールは、あなたがそれらを作成することができます。私は定期的にダイナミック・ドライブのファビコンジェネレータは、アルファ透明度とfavicon.icoファイルを作成するためにを使用します。それは私がそれを行うことができるの知っている唯一のオンラインツールです。
無料 Photoshopのプラグインにそれらを作成することができますもあります。
.png ファイルも便利ですが、.ico ファイルもアルファ チャネルの透明度を提供します。 プラス 下位互換性を提供します。
どのタイプなのか見てみましょう スタックオーバーフロー たとえば、次のように使用します (透明であることに注意してください)。
<link rel="shortcut icon" href="http://sstatic.net/so/favicon.ico">
<link rel="apple-touch-icon" href="http://sstatic.net/so/apple-touch-icon.png">
Apple-itouch は、Web サイトへのショートカットを作成する iPhone ユーザー向けのものです。
*の.icoファイルの理論上の利点は、1つのアイコンよりも多くを保持することができるよりも、彼らはコンテナであるということです。あなたは、例えばアルファチャンネル付き画像やレガシーシステムのための16色のバージョンを保存することができ、またはあなたが（アップWindowsのエクスプローラへのリンクをドラッグする必要があります）32×32と48×48のアイコンを追加することができます。
この良いアイデアは、しかし、ブラウザの実装と衝突する傾向がある。
PNG 2つの利点を有する：それは小さいサイズを有し、それは、より広く使用され、（ケースファビコンを除く）サポートです。 ICO前に述べたように、デスクトップ用途に有用である複数のサイズのアイコンを、持っていますが、ウェブサイトのためのあまりすることはできません。 私は、アプリケーションのルートでのfavicon.icoを置くためにあなたをお勧めします。あなたのウェブサイトのページの頭へのアクセス権を持っている場合はPNGファイルを指すようにタグを使用します。 だから、古いブラウザがfavicon.icoをと新しいものPNGが表示されます。
私は Gimpのの推薦PNG形式やアイコンファイルを作成する。
Google +などのいくつかの社会的なツールは、外部リンクのためのファビコンを取得するための簡単な方法を使用してフェッチ http://your.domainname.com/favicon.icoする
彼らはHTMLコンテンツをプリフェッチしていないので、、<link>タグが機能しません。このケースでは、mod_rewriteのルールを使用することがありますか、単にデフォルトの場所にファイルを配置します。
アイコ缶 なれ png。
より正確には、誰もが ico を強く連想する通常のビットマップ + アルファの代わりに、この最小限のコンテナ形式内に 1 つ以上の png を保存できます。
サポートが古いので、 Windows Vistaで登場 (2007) ブラウザーで十分にサポートされていますが、必ずしもアイコン編集ソフトウェアでサポートされているとは限りません。
有効な png (ヘッダーを含む全体) の先頭に 6バイトのicoヘッダー および 16 バイトのイメージ ディレクトリ。
GIMP はネイティブ サポートを備えています。ico としてエクスポートし、「圧縮 (PNG)」にチェックを入れるだけです。
どのような場合にPNGを避けます。
