PWA আইকন জেনারেটর
একটি ইনস্টলযোগ্য ওয়েব অ্যাপের দরকারি আইকনগুলো — 192 ও 512px PNG সঙ্গে একটি site.webmanifest — একটিমাত্র ছবি থেকে তৈরি করুন, পুরোটাই আপনার ব্রাউজারে।
প্রাইভেসি-প্রথম: প্রতিটি ছবি আপনার ব্রাউজারে লোকালি প্রক্রিয়া করা হয়। কিছুই আপলোড, সংরক্ষণ বা কোনো সার্ভারে পাঠানো হয় না।
যে আইকনগুলো একটি অ্যাপকে ইনস্টলযোগ্য করে
একটি প্রোগ্রেসিভ ওয়েব অ্যাপ ইনস্টলযোগ্য কি না, তার একটা অংশ বিচার হয় তার আইকন দিয়ে: ইনস্টল প্রম্পট দেখানোর বা হোম স্ক্রিনে ভালো একটি আইকন বসানোর আগে ব্রাউজার এমন একটি ওয়েব ম্যানিফেস্ট খোঁজে যা অন্তত একটি 192×192 ও একটি 512×512 PNG ঘোষণা করে। এই জেনারেটর আপনার সোর্স ছবি থেকে দুটোই রেন্ডার করে এবং সেগুলোর রেফারেন্স দেওয়া একটি site.webmanifest লেখে, সঙ্গে iOS-এর দরকারি apple-touch-icon ও সাধারণ ট্যাবের জন্য একটি favicon.ico।
লঞ্চারের জন্য আকার দিন
Android লঞ্চার একটি আইকনকে বৃত্ত বা গোল-কোণা স্কয়ারে মাস্ক করতে পারে, তাই প্রান্ত পর্যন্ত ছড়ানো নকশা কেটে যেতে পারে। এখানে প্যাডিং ও একটি নিরেট পটভূমি যোগ করলে যে মাস্কই বসুক না কেন গুরুত্বপূর্ণ অংশটি নিরাপদ এলাকার ভিতরেই থাকে; লাইভ প্রিভিউ প্রতিটি আকারে ফলাফল দেখায়। সবকিছু Canvas API দিয়ে আপনার ডিভাইসে রেন্ডার হয় — আপনার লোগো কখনো আপলোড হয় না — আর পুরো সেটটি একটি zip হিসেবে ডাউনলোড হয়।
প্রায়শই জিজ্ঞাসিত প্রশ্ন
- ফ্যাভিকন বানাতে আমার ছবি কি আপলোড হয়?
- না। favicon.ico, PNG আইকন ও ম্যানিফেস্ট সবই Canvas API ব্যবহার করে আপনার ব্রাউজারে স্থানীয়ভাবে তৈরি হয়। আপনার ছবি কখনও আপনার ডিভাইস ছাড়ে না।
- আমি কোন কোন আকার ও ফাইল পাব?
- একটি মাল্টি-রেজোলিউশন favicon.ico (16, 32 ও 48px), 16, 32, 48, 180 (apple-touch-icon), 192 ও 512px-এ PNG আইকন, একটি site.webmanifest, এবং আপনার <head>-এ পেস্ট করার জন্য একটি HTML স্নিপেট।
- আমি কি একটি PNG বা SVG-কে ICO-তে রূপান্তর করতে পারি?
- হ্যাঁ। একটি PNG, JPG, SVG বা WebP ছেড়ে দিন এবং একটি সত্যিকারের favicon.ico ডাউনলোড করুন। SVG লোগো প্রথমে স্থানীয়ভাবে উচ্চ রেজোলিউশনে র্যাস্টারাইজ করা হয়।
- কোন ছবি সবচেয়ে ভালো কাজ করে?
- সরল ও উচ্চ-কনট্রাস্ট লোগোযুক্ত একটি বর্গাকার ছবি। বর্গাকার নয় এমন ছবি ফিট করাতে কেন্দ্র থেকে ক্রপ করা হয়; আপনার পছন্দমতো ফ্রেম করতে প্যাডিং ও আকৃতি নিয়ন্ত্রণ ব্যবহার করুন।
- আমি কীভাবে ফ্যাভিকনটি ইনস্টল করব?
- প্যাকেজটি আপনার সাইটের রুট ফোল্ডারে আনজিপ করুন এবং দেওয়া HTML স্নিপেটটি আপনার পৃষ্ঠাগুলোর <head>-এ পেস্ট করুন। favicon.ico বেশিরভাগ ব্রাউজার স্বয়ংক্রিয়ভাবে খুঁজে নেয়।