ফেভিকন যে ১৬ পিক্সেলের একটিমাত্র বর্গ নয়, তা বহু বছর হলো। আজ একটি সাইটের দরকার ট্যাব, উইন্ডোজ শর্টকাট, আইফোনের হোম স্ক্রিন আর অ্যান্ড্রয়েডের ইনস্টল প্রম্পটের জন্য গুটিকয় আকার, সঙ্গে সেগুলোর দিকে নির্দেশ করা মার্কআপ। এই পাতা সবটাই একটি ছবি থেকে, আপনার ব্রাউজারেই বানায়।

কীভাবে ব্যবহার করবেন

1. 1 একটি বর্গাকার ছবি ছাড়ুন, সম্ভব হলে ৫১২ px বা বড়।
2. 2 প্রিভিউতে প্রতিটি আকার দেখুন, আর আপনার ছবি স্বচ্ছ হলে একটি পটভূমি ঠিক করুন।
3. 3 zip নামান, সাইটের রুটে খুলুন আর HTML পেস্ট করুন।

লোগোর জন্য নয়, ১৬ পিক্সেলের জন্য নকশা করুন

ট্যাবের আকারে ফেভিকন এই পাতার একটি দাঁড়ির মতোই চওড়া। শব্দ-লোগো ধূসর দাগ হয়ে যায়, সরু রেখা একেবারেই মিলিয়ে যায়। এই মাপে টিকে থাকে একটিমাত্র অক্ষর, একটি সরল আকৃতি, বা লোগোর সবচেয়ে চেনা অংশটুকু; গোটা লোগো প্রায় কখনওই নয়।

PNG-ই যথেষ্ট; ICO পুরোনো দিনের অবশেষ

আজ ব্যবহৃত সব ব্রাউজারই PNG ফেভিকন পড়ে, তাই একগুচ্ছ PNG ফাইল আর সঠিক link ট্যাগেই ওয়েব ঢাকা পড়ে। .ico পাত্রটি আছে কারণ ইন্টারনেট এক্সপ্লোরার সেটি সাইটের রুটে খুঁজত; খুব পুরোনো কিছু সমর্থন করতে না হলে এটি বাদ দিতে পারেন।

ফোনে স্বচ্ছতা অন্যরকম আচরণ করে

ব্রাউজার ট্যাবে স্বচ্ছ আইকন থিম যা দেয় তার উপর সুন্দর বসে যায়। কিন্তু আইফোনের হোম স্ক্রিনে একই ফাইলের পেছনে নিরেট কালো বর্গ চলে আসে, কারণ iOS সেখানে স্বচ্ছতা মেশায় না। একটি পটভূমির রং ঠিক করে দিন, তাহলে আইকনটি দুই জায়গাতেই ইচ্ছাকৃত দেখাবে।

ব্রাউজার এখনও পুরোনোটি দেখাচ্ছে কেন

ফেভিকন খুব কড়াভাবে এবং দীর্ঘ সময় ক্যাশ হয়, কখনও সাধারণ রিফ্রেশেও বদলায় না। আগে আইকন ফাইলটি সরাসরি খুলে নিশ্চিত হোন নতুনটি সত্যিই সেখানে আছে, তারপর প্রাইভেট উইন্ডোতে দেখুন। ফাইলের নাম বদলানো, বা নামে একটি সংস্করণ জুড়ে দেওয়াই হালনাগাদ জোর করার নির্ভরযোগ্য উপায়।