বিনামূল্যে ফেভিকন জেনারেটর

কিভাবে কাজ করে

এই টুল যেকোনো PNG, JPEG, WebP বা SVG-কে একটি সম্পূর্ণ ফেভিকন প্যাকেজে রূপান্তর করে — বহু-আকারের .ico, Apple touch icon, Android/PWA আইকন, একটি web manifest এবং পেস্ট-উপযোগী HTML স্নিপেট — পুরোপুরি আপনার ব্রাউজারের ভেতরে Canvas API ও JSZip দিয়ে। কিছুই আপলোড হয় না; সব রেন্ডারিং ও ফাইল তৈরি লোকালি হয়।

1. 1
   Canvas আপনার ছবির আকার বদলায়

   ব্রাউজার আপনার উৎস ছবিকে প্রয়োজনীয় প্রতিটি আকারে (16, 32, 48, 180, 192 ও 512 px) অফ-স্ক্রিন HTML Canvas এলিমেন্টে আঁকে। নির্দিষ্ট width/height অ্যাট্রিবিউটহীন SVG প্রথমে DOMParser ও XMLSerializer দিয়ে নর্মালাইজ হয়, যাতে Firefox ও Chrome ফাঁকা ক্যানভাসের বদলে হুবহু একই পিক্সেল আউটপুট দেয়।
2. 2
   হাতে লেখা ICO এনকোডার .ico ফাইল তৈরি করে

   ছোট ICO এন্ট্রি (16, 32, 48 px) কাঁচা 32-bit BGRA DIB বিটম্যাপ হিসেবে এনকোড হয় — BITMAPINFOHEADER, নিচ থেকে উপরের XOR সারি এবং একটি 1bpp AND মাস্ক — কারণ Windows shell কম্পোনেন্টের ওই আকারে অসংকুচিত DIB ফরম্যাট লাগে। টুলটি ICO ডিরেক্টরি হেডার লেখে এবং পুরোপুরি DataView ও Uint8Array দিয়ে এন্ট্রিগুলো জোড়ে, কোনো বাইরের ICO লাইব্রেরি ছাড়া।
3. 3
   PNG আউটপুট canvas.toBlob দিয়ে তৈরি

   প্রতিটি PNG রূপ (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) 'image/png'-সহ canvas.toBlob ডেকে তৈরি হয়, লসলেস এনকোডিং ব্রাউজারের বিল্ট-ইন ইমেজ ইঞ্জিনকে দিয়ে। ঐচ্ছিক প্যাডিং, ব্যাকগ্রাউন্ডের রং এবং আকৃতি কাটা (বর্গ, গোলাকার কোণ বা বৃত্ত) ক্যাপচারের আগে canvas context-এ প্রয়োগ হয়।
4. 4
   JSZip সবকিছু এক ডাউনলোডে বাঁধে

   JSZip তৈরি হওয়া সব ফাইল — favicon.ico, পাঁচটি PNG, আপনার অ্যাপের নামসহ একটি site.webmanifest, এবং সঠিক <link> ট্যাগসহ একটি favicon-snippet.html — একটি .zip blob-এ জোড়ে, যা স্বয়ংক্রিয়ভাবে আপনার ডিভাইসে ডাউনলোড হয়।

সম্পর্কিত টুলস