SVG থেকে ফ্যাভিকন

একটি SVG লোগোকে একটি সম্পূর্ণ ফ্যাভিকন সেটে পরিণত করুন — favicon.ico, apple-touch-icon ও ওয়েব অ্যাপ আইকন — আপনার ব্রাউজারেই ঝকঝকেভাবে রাস্টারাইজ করা। কিছুই আপলোড হয় না।

প্রাইভেসি-প্রথম: প্রতিটি ছবি আপনার ব্রাউজারে লোকালি প্রক্রিয়া করা হয়। কিছুই আপলোড, সংরক্ষণ বা কোনো সার্ভারে পাঠানো হয় না।

ভেক্টর ঢুকবে, প্রতিটি রাস্টার আকার বেরোবে

ফ্যাভিকনের সোর্স হিসেবে SVG আদর্শ: এটি রেজোলিউশন-নিরপেক্ষ, তাই প্রতিটি আইকন আকার আগে থেকেই ছোট হয়ে যাওয়া কোনো বিটম্যাপ থেকে রিস্যাম্পল না করে মূল জ্যামিতি থেকেই রাস্টারাইজ করা যায়। আপনার SVG ছেড়ে দিন আর প্রতিটি আউটপুট — 16, 32, 48, 180, 192 ও 512 পিক্সেল — ভেক্টর থেকে তার নিজস্ব আকারে আঁকা হবে, যা প্রান্তগুলো ঘোলাটে না করে ঝকঝকে রাখে। ট্যাবে যে আইকনটি ইচ্ছাকৃত মনে হয় আর যেটি একটা দাগের মতো দেখায় — তফাতটা এখানেই।

তবু কেন .ico দরকার

আধুনিক ব্রাউজার দিব্যি সরাসরি একটি SVG ফ্যাভিকন ব্যবহার করবে, কিন্তু পুরোনোগুলো আর বহু টুলিং — ফিড রিডার, চ্যাট আনফার্লার, ডেস্কটপ শর্টকাট — এখনো favicon.ico খোঁজে। একই SVG থেকে দুটোই বানালে সবদিক ঢাকা পড়ে। প্যাডিং যোগ করুন, স্কয়ার, গোল-কোণা বা বৃত্তাকার মাস্ক ও একটি পটভূমি বাছুন, তারপর পেস্ট করার জন্য প্রস্তুত একটি HTML স্নিপেটসহ পুরো সেটটি ডাউনলোড করুন।