ফেভিকন জেনারেটর
একটি ছবি থেকে ব্রাউজার, Apple touch ও PWA মাপসহ কাজের ফেভিকন সেট এবং কপি-প্রস্তুত HTML তৈরি করুন।
প্রতি ছবি সর্বোচ্চ 20 MiB ও 40 মিলিয়ন পিক্সেল। কন্টাক্ট শিটে 2–50টি ছবি নেওয়া যায়, মোট সর্বোচ্চ 100 MiB। আইকন আউটপুটে পুরো ছবি স্বচ্ছ প্যাডিংসহ একটি বর্গের ভেতরে বসানো হয়।
এই টুল কেন আছে
সরল, উচ্চ-কনট্রাস্টের চিহ্ন ক্ষুদ্র ফেভিকন-মাপে সবচেয়ে ভালো টেকে।
- ✓ 16–512px মাপ
- ✓ সরাসরি প্রিভিউ
- ✓ HTML স্নিপেট
- ✓ ব্রাউজারে স্থানীয় প্রসেসিং
যেখানে কাজে আসে
- • ওয়েবসাইট
- • PWA অ্যাপ
- • ব্র্যান্ড হালনাগাদ
আপনার সাইট আসলে যা ব্যবহার করতে পারে, সেই আইকন-সেট বানান
ফেভিকন মানে শুধু একটি ছোট ICO ফাইল নয়। একটি আধুনিক সাইটে কয়েকটি PNG মাপ, Apple touch আইকন, PWA আইকন এবং এগুলো যুক্ত করার জন্য ছোট একটি HTML অংশ লাগতে পারে।
বর্গাকার উৎস দিয়ে শুরু করুন
সরল, উচ্চ-কনট্রাস্টের চিহ্ন বিস্তারিত ইলাস্ট্রেশনের চেয়ে ছোট মাপে ভালো টেকে। প্রায় 512 পিক্সেল বা তার বড় বর্গাকার উৎস জেনারেটরকে পরিচ্ছন্নভাবে ছোট আইকন বানানোর জায়গা দেয়।
প্রকাশের আগে সবচেয়ে ছোট আইকনটি প্রিভিউ করুন। 512 পিক্সেলে নিখুঁত লোগো 16 বা 32 পিক্সেলে পড়ার অযোগ্য হতে পারে।
বর্তমান আইকন বদলানোর আগে প্যাকেজটি দেখে নিন
তৈরি ফাইলগুলো খুলুন, নাম ও মাপ নিশ্চিত করুন, এবং দেওয়া মার্কআপ সাইটের head অংশে পেস্ট করুন। নতুন ফাইল যাচাই না হওয়া পর্যন্ত বর্তমান ফেভিকন-সেট রাখুন।
সচরাচর জিজ্ঞাসিত প্রশ্ন
ফেভিকনের জন্য কোন ছবি ব্যবহার করব?
পরিচ্ছন্ন বর্গাকার লোগো বা প্রতীক সবচেয়ে ভালো কাজ করে। উচ্চ কনট্রাস্ট ও সরল আকৃতি সূক্ষ্ম খুঁটিনাটির চেয়ে ক্ষুদ্র আইকন-মাপে ভালো টেকে।
একটি ওয়েবসাইটে কোন কোন ফেভিকন-মাপ থাকা উচিত?
প্রচলিত ওয়েব ও ডিভাইসের কাজে একটি নয়, কয়েকটি মাপ লাগে। জেনারেটর একাধিক PNG মাপ ও একটি ICO প্যাকেজ দেয়, যাতে আপনার সাইটের দরকারি ফাইলগুলো বেছে নিতে পারেন।
favicon.ico আর PNG আইকন দুটোই কি লাগে?
এগুলো ভিন্ন ব্রাউজার ও প্ল্যাটফর্মের কাজে লাগে, তাই ব্যাপক সামঞ্জস্য জরুরি হলে দুটোই রাখা বাস্তবসম্মত।
SVG লোগো কি ব্যবহার করা যায়?
ব্রাউজার ডিকোড করতে পারলে হ্যাঁ, তবে রেন্ডার করা PNG/ICO ফলাফল দেখে নিন, কারণ রাস্টারাইজের সময় ফন্ট, ফিল্টার ও বাইরের রেফারেন্স বদলাতে পারে।