Piltide suuruse muutmine tasuta

Kuidas see töötab

Suuruse muutmine toimub täielikult sinu brauseris Canvas API abil — sama renderdusmootor, mis on ehitatud Chrome'i, Firefoxi ja Safarisse. Sinu pilt joonistatakse ekraanivälisele lõuendile uute mõõtmetega ja kodeeritakse uuesti kohapeal; midagi ei lahku su seadmest.

1. 1
   Pildi dekodeerib brauser

   Faili kukutamisel või valimisel dekodeerib brauser pildi (JPEG, PNG, WebP, AVIF või GIF) toorseteks pikselandmeteks HTMLImageElement kaudu. Originaalsed pikselmõõtmed loetakse ja kasutatakse laiuse ja kõrguse väljade eeltäitmiseks.
2. 2
   Canvas joonistab uue suuruse uuesti

   Suuruse muutmise klõpsamine seab ekraanivälise HTMLCanvasElement'i su valitud laiuse ja kõrgusega, seejärel kutsub ctx.drawImage(), et skaleerida ja värvida iga piksel uutesse mõõtmetesse. JPEG väljundi jaoks rakendatakse esmalt valge taustatäide, et läbipaistvad piirkonnad ei muutuks mustaks.
3. 3
   canvas.toBlob() kodeerib väljundi

   Brauseri sisseehitatud canvas.toBlob() meetod kodeerib pikselandmed JPEG-iks, PNG-iks või WebP-iks sinu seatud kvaliteeditasemel. Kui määrasid sihtfailisuuruse, kohandab 7-iteratiivne binaarne otsing automaatselt kvaliteediparameetrit, kuni väljund mahub sellesse suurusesse või alla selle.
4. 4
   Tulemus eelvaadatud ja alla laaditud kohapeal

   Kodeeritud Blob muudetakse eelvaatepaneeli jaoks objekti-URL-iks — serveriga edasi-tagasi suhtlust pole. Allalaadimise klõpsamine käivitab kohaliku salvestuse failinimega, mis sisaldab lõplikke pikselmõõtmeid.

Seotud tööriistad