[B! favicon] oinumeのブックマーク

ずぼらな私の2023年のファビコン事情（SVGでダークモード対応）

2023/05/03: 下部にさらにズボラな案を追加、FAQも追加しました。デモサイトを作りました。リポジトリはこちら。 favicon（ファビコン）てなに？みんなだいすき、ブラウザのタブの妖精、この小さいアイコンたちです。サイトに設定されているファビコンをチェックするには Chrome だと Favicon Detector 拡張を使うと便利。ぜひインストールしていろんなサイトを見てみてくださいね！こちらは Spotify のファビコンを Favicon Detector 拡張でチェックした例です。ところでファビコン、こんなにいる？つらつらと…長い…全部いるのこれ？ <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="60x60" href="/apple-tou

oinume 2023/05/04

favicon

リンク

2024年のファビコンを極める: 本当に必要なファイルはほぼ6つ（翻訳）｜TechRacho by BPS株式会社

はじめにモダンブラウザで使われるファビコンの作り方を見直して、今こそアイコン生成であくせくするのを終わりにしましょう。昨今のフロントエンド開発者は、ブラウザタブやらタッチ画面やらにWebサイトの小さなロゴを表示する、ただそれだけのためだけに静的なPNGファイルを20個以上扱わなければなりません。よりスマートな方法で、現代のニーズに合う最小限のアイコンセットを使う方法を紹介します。ファビコンは見かけよりもずっと幅広く奥深いトピックで、実は誰もがファビコンについてしっかり学びたいと思っていることもわかってきました。本記事全体の内容を実質わずか2行のスニペットに凝縮したものも紹介していますので、今ファビコンで苦しんでいる方は（正確な使い方をご存知なら）そちらをお使いいただけますが、そこをぐっとこらえて記事を最後までお読みいただくことをおすすめいたします。 🔗 忙しい人向け: ウルトラショー

oinume 2021/08/06

favicon
icon

リンク

ICO Converter

ICO converter is a simple online .ico image converter. It will take any image and convert it to ICO file, for web site favicon or Windows applications. Image file PNG, JPEG, GIF, BMP, etc. must be less than 4 Mb. Square aspect ratio recommendend. Sizes A single ICO file can store multiple resolutions. 16 pixels 32 pixels 48 pixels 64 pixels 128 pixels 256 pixels (only works with 32 bits)