ఉచిత ఇమేజ్ రీసైజర్

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

రీసైజింగ్ Canvas API ఉపయోగించి పూర్తిగా మీ బ్రౌజర్‌లో జరుగుతుంది — Chrome, Firefox, మరియు Safariలో నిర్మించిన అదే రెండరింగ్ ఇంజిన్. మీ చిత్రం కొత్త కొలతలతో ఆఫ్‌స్క్రీన్ కాన్వాస్‌పై గీయబడి లోకల్‌గా మళ్లీ ఎన్‌కోడ్ చేయబడుతుంది; ఏదీ మీ పరికరం దాటి వెళ్లదు.

1. 1
   బ్రౌజర్ చిత్రాన్ని డీకోడ్ చేస్తుంది

   మీరు ఫైల్ వదిలినప్పుడు లేదా ఎంచుకున్నప్పుడు, బ్రౌజర్ చిత్రాన్ని (JPEG, PNG, WebP, AVIF, లేదా GIF) HTMLImageElement ద్వారా ముడి పిక్సెల్ డేటాగా డీకోడ్ చేస్తుంది. అసలు పిక్సెల్ కొలతలు చదవబడి వెడల్పు మరియు ఎత్తు ఫీల్డ్‌లను ముందుగా నింపడానికి ఉపయోగించబడతాయి.
2. 2
   Canvas కొత్త పరిమాణంలో మళ్లీ గీస్తుంది

   Resize క్లిక్ చేస్తే ఆఫ్‌స్క్రీన్ HTMLCanvasElement మీరు ఎంచుకున్న వెడల్పు మరియు ఎత్తుకు సెట్ చేయబడి, ప్రతి పిక్సెల్‌ను కొత్త కొలతల్లోకి స్కేల్ చేసి గీయడానికి ctx.drawImage() పిలవబడుతుంది. JPEG అవుట్‌పుట్ కోసం, పారదర్శక ప్రాంతాలు నలుపుగా మారకుండా ముందుగా తెల్లని నేపథ్యం నింపబడుతుంది.
3. 3
   canvas.toBlob() అవుట్‌పుట్‌ను ఎన్‌కోడ్ చేస్తుంది

   బ్రౌజర్ అంతర్నిర్మిత canvas.toBlob() పద్ధతి పిక్సెల్ డేటాను మీరు సెట్ చేసిన నాణ్యత స్థాయిలో JPEG, PNG, లేదా WebPకు ఎన్‌కోడ్ చేస్తుంది. మీరు లక్ష్య ఫైల్ పరిమాణం పేర్కొంటే, అవుట్‌పుట్ ఆ పరిమాణం లేదా అంతకంటే తక్కువకు సరిపోయే వరకు 7-పునరావృత binary search నాణ్యత పారామితిని స్వయంచాలకంగా సర్దుబాటు చేస్తుంది.
4. 4
   ఫలితం లోకల్‌గా ప్రివ్యూ మరియు డౌన్‌లోడ్ అవుతుంది

   ఎన్‌కోడ్ చేసిన Blob ప్రివ్యూ ప్యానెల్ కోసం object URLగా మార్చబడుతుంది — సర్వర్ రౌండ్-ట్రిప్ లేదు. డౌన్‌లోడ్ క్లిక్ చేస్తే చివరి పిక్సెల్ కొలతలు ఉన్న ఫైల్‌పేరుతో లోకల్ సేవ్ ప్రారంభమవుతుంది.

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