مفت Favicon جنریٹر

یہ کیسے کام کرتا ہے

یہ ٹول کسی بھی PNG، JPEG، WebP یا SVG کو مکمل favicon پیکج میں بدلتا ہے — کثیر سائز .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 کے بغیر SVGs پہلے DOMParser اور XMLSerializer سے معمول پر لائی جاتی ہیں تاکہ Firefox اور Chrome خالی canvas کی بجائے یکساں پکسل آؤٹ پٹ دیں۔
2. 2
   ہاتھ سے لکھا ICO انکوڈر .ico فائل بناتا ہے

   چھوٹے ICO اندراج (16، 32، 48 px) خام 32-bit BGRA DIB bitmaps کے طور پر انکوڈ ہوتے ہیں — 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) canvas.toBlob کو 'image/png' کے ساتھ چلا کر لی جاتی ہے، اور بغیر نقصان انکوڈنگ براؤزر کے بلٹ اِن امیج انجن کو سونپی جاتی ہے۔ اختیاری حاشیہ، پس منظر کا رنگ اور شکل کی تراش (مربع، گول کونے یا دائرہ) لینے سے پہلے canvas context پر لگائے جاتے ہیں۔
4. 4
   JSZip سب کچھ ایک ڈاؤن لوڈ میں باندھتا ہے

   JSZip تمام بنائی گئی فائلیں — favicon.ico، پانچ PNGs، آپ کی ایپ کے نام والا site.webmanifest، اور درست <link> ٹیگز والا favicon-snippet.html — ایک .zip blob میں جوڑتا ہے جو خود بخود آپ کے آلے پر ڈاؤن لوڈ ہو جاتا ہے۔

متعلقہ ٹولز