লোগো বা ছোট ব্র্যান্ড অক্ষর থেকে ব্রাউজার, বুকমার্ক, মোবাইল হোম স্ক্রিন ও PWA-এর জন্য সম্পূর্ণ ফ্যাভিকন প্যাকেজ তৈরি করুন।
ডাউনলোডের আগে ছোট, মোবাইল ও PWA মাপ দেখুন। ছোট আইকনে স্পষ্ট আকার ও শক্ত রঙের পার্থক্য দরকার।
উৎস
লেখার আইকন
6 মাপ
সম্ভব হলে বর্গাকার লোগো নিন। স্বচ্ছ PNG, JPG, WebP ও SVG ভালো কাজ করে।
প্রতিটি PNG মাপ ডাউনলোড করুন বা ব্যবহারের কোড কপি করুন।
ডাউনলোড করা ফাইল /favicon-এ রাখার পর পৃষ্ঠার head-এ এই ট্যাগ দিন।
<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="48x48" href="/favicon/favicon-48x48.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
PWA ইনস্টল সুবিধার জন্য ওয়েব অ্যাপ manifest-এ এসব আইকন যোগ করুন।
{
"icons": [
{
"src": "/favicon/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/favicon/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}গুরুত্বপূর্ণ তথ্য
হিসাব মানসম্মত সূত্রের উপর ভিত্তি করে। সহজে পড়ার জন্য প্রদর্শিত মান রাউন্ড করা হতে পারে। গুরুত্বপূর্ণ সিদ্ধান্তে সরকারি উৎসও যাচাই করুন।
এই ফলাফল সংরক্ষণ করুন, আগের ফলাফলের সঙ্গে তুলনা করুন বা প্রতিবেদন শেয়ার করুন।
ভালো ফ্যাভিকন সেটের জন্য শুধু একটি 16px ছবি যথেষ্ট নয়। টুলটি প্রচলিত PNG মাপ এবং সাইটের head-এ বসানোর HTML ট্যাগ প্রস্তুত করে।
না। ছবি আপনার ব্রাউজারে Canvas দিয়ে পড়া ও মাপ পরিবর্তন করা হয়।
আধুনিক সাইটে PNG আইকন যথেষ্ট। খুব পুরোনো ব্রাউজারের জন্য 32px PNG আলাদাভাবে .ico করা যায়।