ফেভিকন (.ico) বনাম SVG
SVG হল আধুনিক যুগের সবচেয়ে উত্তেজনাপূর্ণ ফেভিকন ফর্ম্যাট — ভেক্টর, ডার্ক-মোড সচেতন, এবং ছোট৷ কিন্তু এটি 2026 সালে .ico-কে সম্পূর্ণরূপে প্রতিস্থাপন করতে পারবে না। কেন, এবং কীভাবে উভয়ই ব্যবহার করবেন তা এখানে।
SVG অসীমভাবে স্কেল করে এবং ফাইলের ভিতরেই ডার্ক-মোড মিডিয়া প্রশ্ন সমর্থন করে। একটি 1 KB SVG প্রতিটি আধুনিক ব্রাউজারে প্রতিটি ঘনত্ব কভার করে৷
ICO হল সর্বজনীন ফলব্যাক৷ পুরানো Safari সংস্করণ, লিগ্যাসি ব্রাউজার, এবং বেয়ার-URL <code>/favicon.ico</code> কনভেনশন এখনও এর উপর নির্ভর করে।
প্রস্তাবিত সেটআপ: জাহাজ <code>favicon.ico</code> + <code>favicon.svg</code>। SVG সমর্থনকারী ব্রাউজারগুলি এটি পছন্দ করবে; বাকিগুলো স্বয়ংক্রিয়ভাবে .ico-তে ফিরে আসে।
এটি কিভাবে কাজ করে
- 1
একটি SVG ডিজাইন বা রপ্তানি করুন
বর্গক্ষেত্র viewBox, একক মূল <svg> উপাদান।
- 2
.ico ফলব্যাক তৈরি করুন
আপনার SVG কে বহু-আকারের .ico-এ রাস্টারাইজ করতে FetchFavicon ব্যবহার করুন৷
- 3
উভয় লিঙ্ক
<link rel="icon" href="/favicon.ico"> + <link rel="icon" type="image/svg+xml" href="/favicon.svg">৷
এখনই চেষ্টা করুন
.ico + SVG জোড়া তৈরি করুন
SVG থেকে PNG রূপান্তরকারীসাধারণ প্রশ্ন
আমি SVG ব্যবহার করলে কি আমি .ico সম্পূর্ণভাবে ড্রপ করতে পারি?+
নিরাপদে নয়। অনেক সোশ্যাল এমবেডার, RSS রিডার, এবং লিগ্যাসি টুলস এখনও কনভেনশন দ্বারা /favicon.ico অনুরোধ করে।
কোন ব্রাউজার SVG ফ্যাভিকন সমর্থন করে?+
Chrome 80+, Edge 80+, Firefox 41+, Safari 15+, এবং সাহসী। iOS Safari এখনও apple-touch-icon PNG পছন্দ করে৷
একটি SVG ফ্যাভিকন কত ছোট হতে পারে?+
একটি পরিষ্কার একরঙা চিহ্নের জন্য 1 KB এর নিচে। এমনকি জটিল বহু রঙের লোগো খুব কমই 4 KB ছাড়িয়ে যায়।