ఉచిత PNG నుండి ICO ఫావికాన్ కన్వర్టర్

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

మార్పిడి ఈ టూల్‌లో నేరుగా రాసిన రెండు యంత్రాంగాలు ఉపయోగించి పూర్తిగా మీ బ్రౌజర్‌లో నడుస్తుంది: ప్రతి ఐకాన్ ఫ్రేమ్‌ను స్కేల్ చేసి గీయడానికి Canvas API, మరియు ఆ ఫ్రేమ్‌లను ఒకే .ico ఫైల్‌లో ప్యాక్ చేసే చేతితో రాసిన ICO బైనరీ ఎన్‌కోడర్ — ఏ లైబ్రరీ డౌన్‌లోడ్ కాదు, ఏ ఫైల్ ఎప్పుడూ మీ పరికరం దాటి వెళ్లదు.

1. 1
   చిత్రం కాన్వాస్‌లోకి డీకోడ్ చేయబడుతుంది

   మీరు అప్‌లోడ్ చేసిన PNG, JPEG, WebP, లేదా SVG HTMLImageElementలోకి లోడ్ చేయబడి అభ్యర్థించిన ప్రతి పరిమాణంలో (16×16 నుండి 256×256 వరకు) ఆఫ్-స్క్రీన్ కాన్వాస్‌పై గీయబడుతుంది. కాన్వాస్ అధిక-నాణ్యత bicubic smoothing ఉపయోగిస్తుంది మరియు మీ fit ఎంపికను గౌరవిస్తుంది: 'contain' చిత్రాన్ని పారదర్శక లేదా రంగు ప్యాడింగ్‌తో letterbox చేస్తుంది, 'cover' సోర్స్ నుండి మధ్య చతురస్రాన్ని క్రాప్ చేస్తుంది.
2. 2
   ప్రతి ఫ్రేమ్ PNG బైట్‌లుగా ఎగుమతి చేయబడుతుంది

   బ్రౌజర్ అంతర్నిర్మిత canvas.toBlob('image/png') స్కేల్ చేసిన ప్రతి ఫ్రేమ్‌ను నష్టరహిత PNGగా ఎన్‌కోడ్ చేస్తుంది. ఈ ముడి బైట్‌లే .ico కంటైనర్ లోపల పొందుపరచబడతాయి — ఆధునిక బ్రౌజర్‌లు మరియు Windows PNG-in-ICOను స్థానికంగా నిర్వహిస్తాయి, ఇది పాత BMP-ఆధారిత ఫార్మాట్ కంటే ఫైల్ పరిమాణాలను చిన్నవిగా ఉంచుతుంది.
3. 3
   ICO బైనరీ మెమరీలో కూర్చబడుతుంది

   చేతితో రాసిన ఎన్‌కోడర్ DataView ఉపయోగించి .ico ఫైల్ నిర్మాణాన్ని మొదటి నుండి నిర్మిస్తుంది: 6-బైట్ ICONDIR హెడర్ చిత్రాల సంఖ్యను ప్రకటిస్తుంది, తర్వాత ప్రతి పరిమాణానికి 16-బైట్ డైరెక్టరీ ఎంట్రీ (వెడల్పు, ఎత్తు, bit-depth, byte length, మరియు data offset నమోదు చేస్తూ), తర్వాత అన్ని PNG payloads వరుసగా కలుపబడతాయి. థర్డ్-పార్టీ లైబ్రరీ ప్రమేయం లేదు.
4. 4
   ప్రివ్యూ చూపబడి, ఫైల్ డౌన్‌లోడ్ అవుతుంది

   డౌన్‌లోడ్ అందించే ముందు, UI ప్యాక్ చేసిన ప్రతి పరిమాణం యొక్క పిక్సెల్-ఖచ్చితమైన ప్రివ్యూను చెకర్‌బోర్డ్ నేపథ్యంపై చూపుతుంది, కాబట్టి సేవ్ చేసే ముందు పారదర్శకతను ధృవీకరించవచ్చు. కూర్చిన Blob 'favicon.ico'గా బ్రౌజర్ డౌన్‌లోడ్ యంత్రాంగానికి అప్పగించబడుతుంది.

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