Baguhin ang laki ng mga larawan sa anumang dimensyon. I-lock ang aspect ratio para maiwasan ang distortion. I-export bilang PNG, JPG, o WEBP.
Sinusuportahan ang PNG, JPG, WEBP, GIF, at higit pa
Binabago ng pagbabago ng laki ng larawan ang mga dimensyon ng pixel ng isang bitmap, alinman sa mas maliit (downsampling) o mas malaki (upsampling). Ang dalawang operasyon ay hindi katumbas. Ang downsampling ay nagtatapon ng data ng pixel; Ang upsampling ay nag-imbento ng data ng pixel sa pamamagitan ng interpolation. Ang downsampling ay gumagawa ng mas maliit, mas matalas na imahe; ang upsampling ay gumagawa ng mas malaking larawan ngunit hindi mabawi ang detalyeng wala sa pinagmulan. Ang pag-alam kung aling direksyon ang iyong pupuntahan ay tumutukoy kung ano ang aasahan mula sa resulta.
Gumagana ang resizer na ito sa iyong browser gamit ang HTML5 Canvas API. Ang pinagmulang larawan ay na-decode sa isang canvas, iginuhit sa mga bagong dimensyon gamit ang built-in na resampling ng browser, at muling na-encode sa orihinal na format (o ang iyong napiling format ng output). Ang mga setting ng kalidad ay nakakaapekto sa mga lossy na format (JPEG, WebP). Ang output ay kapareho ng kung ano ang ginagawa ng canvas-based resizing sa anumang web app.
Para sa pinakamataas na kalidad na downsampling, gumagamit ang browser ng bilinear o bicubic interpolation depende sa pagpapatupad. Para sa upsampling, ang parehong interpolation ay gumagawa ng isang makinis ngunit malambot na resulta. Ang mga espesyal na AI upscaler (waifu2x, Topaz Gigapixel) ay gumagawa ng mas matalas na mga upscale ngunit nangangailangan ng mga nakalaang tool.
Naaapektuhan ng mga dimensyon ng larawan ang laki ng file, oras ng pag-load ng page, at pagiging tugma ng platform. Ang isang 4000 × 3000 na larawan mula sa isang smartphone camera ay tumitimbang ng ilang megabytes; Ang pagbabago ng laki sa 1920 × 1440 ay karaniwang nagbubunga ng isang file na 4-6 × na mas maliit na walang nakikitang pagkawala ng kalidad para sa pagtingin sa screen. Na-multiply sa maraming larawan sa isang page, isa itong makabuluhang panalo sa performance.
Ang mga kinakailangan sa platform ay nagtutulak din ng pagbabago ng laki. Mga larawan sa profile sa mga partikular na dimensyon, mga larawan sa marketplace sa maximum na pinapayagang laki, mga preview sa social media sa mga eksaktong aspect ratio — inaasahan ng bawat platform ang isang partikular na laki, at ang lokal na pagbabago ng laki ay mas mabilis kaysa sa pakikipaglaban sa awtomatikong pagbabago ng laki ng platform.
I-drop ang larawan, magtakda ng mga bagong dimensyon, i-download.
Piliin ang mga tamang target na dimensyon bago baguhin ang laki — ang pagpili ng masyadong maliit ay nawawala ang detalye, masyadong malaki ay nag-aaksaya ng bandwidth.
Nag-resample ang Canvas API gamit ang built-in na pagpapatupad ng browser. Karamihan sa mga browser ay gumagamit ng bilinear o bicubic interpolation; ang eksaktong algorithm ay nag-iiba ngunit ang kalidad ay maihahambing sa mga modernong browser.
Ang format ng output ay depende sa canvas.toBlob mime type. Pinapanatili ng PNG ang eksaktong mga pixel na may lossless compression. Inilalapat ng JPEG ang lossy compression na nakabatay sa DCT sa napiling kalidad. Sinusuportahan ng WebP ang parehong mga mode; Ang lossy WebP sa kalidad 80-85 ay halos katumbas ng JPEG sa kalidad 90.
Aspect ratio: ni-lock ng resizer ang aspect ratio bilang default para mapanatili ang mga proporsyon. Ang pag-unlock ay nagbibigay-daan sa arbitrary na pag-uunat, na bihirang gusto ngunit kapaki-pakinabang para sa mga partikular na layout.