ফেভিকনের জন্য ICO বনাম PNG
ICO সার্বজনীন কিন্তু পুরানো; PNG আধুনিক কিন্তু স্পষ্ট লিঙ্কিং প্রয়োজন৷ এখানে কিভাবে উভয় একসাথে ব্যবহার করতে হয়.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
ICO: সর্বজনীন ফলব্যাক
প্রতিটি ডেস্কটপ ব্রাউজার আপনাকে কিছু না করেই /favicon.ico নিয়ে আসে। এটি একটি ধারক যা একাধিক রেজোলিউশন ধরে রাখতে পারে।
Windows শর্টকাট এবং ফাইল এক্সপ্লোরার .ico এর উপর নির্ভর করে, তাই আপনি ওয়েব ফেভিকন সম্পর্কে চিন্তা না করলেও, OS এর জন্য একটি পাঠান।
PNG: যেকোনো ঘনত্বে পিক্সেল-নিখুঁত
আপনি যখন <link rel="icon" sizes="..."> এর সাথে লিঙ্ক করেন তখন PNG উচ্চ-DPI ডিসপ্লেতে চটপটে রেন্ডার করে৷
ওয়েব ম্যানিফেস্টের জন্য 192×192 এবং 512×512 PNGs এবং apple-touch-icon-এর জন্য 180×180 ব্যবহার করুন৷
রায়: উভয় ব্যবহার করুন
সার্বজনীন সমর্থনের জন্য একটি মাল্টি-সাইজ .ico পাঠান, এছাড়াও HD ডিসপ্লের জন্য PNG ভেরিয়েন্ট এবং PWA ইনস্টল প্রম্পট। সবচেয়ে তীক্ষ্ণ মাপযোগ্য আইকনের জন্য উপরে SVG যোগ করুন।
সাধারণ প্রশ্ন
Should I use ICO or PNG for a favicon?
Use both: ICO for universal /favicon.ico fallback and PNG for high-DPI tabs and PWA manifest icons.
Does every browser support PNG favicons?
Modern browsers do when you link them with <link rel="icon" type="image/png">. ICO remains the safest default.
Is ICO outdated?
ICO is older but still required for Windows shortcuts and automatic /favicon.ico discovery by browsers.