ఉచిత ఫావికాన్ జనరేటర్

ఇది ఎలా పనిచేస్తుంది

ఈ టూల్ ఏ 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 అట్రిబ్యూట్‌లు లేని SVGలు ముందుగా DOMParser మరియు XMLSerializer ద్వారా నార్మలైజ్ చేయబడతాయి, కాబట్టి Firefox మరియు Chrome ఖాళీ కాన్వాస్ కాకుండా ఒకేలాంటి పిక్సెల్ అవుట్‌పుట్ ఇస్తాయి.
2. 2
   చేతితో రాసిన ICO ఎన్‌కోడర్ .ico ఫైల్‌ను ప్యాక్ చేస్తుంది

   చిన్న ICO ఎంట్రీలు (16, 32, 48 px) ముడి 32-bit BGRA DIB బిట్‌మ్యాప్‌లుగా ఎన్‌కోడ్ చేయబడతాయి — BITMAPINFOHEADER మరియు కింద-నుండి-పైకి XOR వరుసలు మరియు 1bpp AND mask — ఎందుకంటే ఆ పరిమాణాల్లో Windows shell కాంపోనెంట్‌లకు కంప్రెస్ చేయని DIB ఫార్మాట్ అవసరం. టూల్ ICO డైరెక్టరీ హెడర్‌ను రాసి, ఏ బాహ్య ICO లైబ్రరీ లేకుండా పూర్తిగా DataView మరియు Uint8Arrayతో ఎంట్రీలను కలుపుతుంది.
3. 3
   PNG అవుట్‌పుట్‌లు canvas.toBlob ద్వారా ఉత్పత్తి చేయబడతాయి

   ప్రతి PNG వేరియంట్ (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) 'image/png'తో canvas.toBlob పిలిచి పట్టుకోబడుతుంది, నష్టరహిత ఎన్‌కోడింగ్‌ను బ్రౌజర్ అంతర్నిర్మిత ఇమేజ్ ఇంజిన్‌కు అప్పగిస్తుంది. ఐచ్ఛిక ప్యాడింగ్, నేపథ్య రంగు, మరియు ఆకార క్లిప్పింగ్ (చతురస్రం, గుండ్రని మూలలు, లేదా వృత్తం) పట్టుకునే ముందు కాన్వాస్ కాంటెక్స్ట్‌కు వర్తింపజేయబడతాయి.
4. 4
   JSZip అన్నింటినీ ఒకే డౌన్‌లోడ్‌గా కట్టుతుంది

   JSZip సృష్టించిన అన్ని ఫైల్‌లను — favicon.ico, ఐదు PNGలు, మీ యాప్ పేరుతో site.webmanifest, మరియు సరైన <link> ట్యాగ్‌లతో favicon-snippet.html — మీ పరికరానికి స్వయంచాలకంగా డౌన్‌లోడ్ అయ్యే ఒకే .zip blobగా కూర్చుతుంది.

సంబంధిత సాధనాలు