Pas het formaat van afbeeldingen aan naar elke gewenste afmeting. Vergrendel de beeldverhouding om vervorming te voorkomen. Exporteer als PNG, JPG of WEBP.
Ondersteunt PNG, JPG, WEBP, GIF en meer
Het wijzigen van het formaat van afbeeldingen wijzigt de pixelafmetingen van een bitmap, kleiner (downsampling) of groter (upsampling). De twee operaties zijn niet gelijkwaardig. Bij downsampling worden pixelgegevens verwijderd; upsampling bedenkt pixelgegevens door middel van interpolatie. Downsampling levert een kleiner, scherper beeld op; upsampling levert een groter beeld op, maar kan geen details herstellen die niet in de bron aanwezig waren. Weten welke richting u op gaat, bepaalt wat u van het resultaat kunt verwachten.
Deze resizer wordt in uw browser uitgevoerd met behulp van de HTML5 Canvas API. De bronafbeelding wordt gedecodeerd in een canvas, getekend in de nieuwe afmetingen met behulp van de ingebouwde resampling van de browser, en opnieuw gecodeerd in het originele formaat (of het door u gekozen uitvoerformaat). Kwaliteitsinstellingen zijn van invloed op verliesgevende formaten (JPEG, WebP). De uitvoer is identiek aan wat op canvas gebaseerd formaat wijzigen in elke web-app oplevert.
Voor downsampling van de hoogste kwaliteit gebruikt de browser, afhankelijk van de implementatie, bilineaire of bicubische interpolatie. Bij upsampling levert dezelfde interpolatie een vloeiend maar zacht resultaat op. Gespecialiseerde AI-upscalers (waifu2x, Topaz Gigapixel) produceren scherpere upscaling, maar vereisen speciale tools.
De afmetingen van afbeeldingen zijn van invloed op de bestandsgrootte, de laadtijd van de pagina en de platformcompatibiliteit. Een foto van 4000×3000 van een smartphonecamera weegt enkele megabytes; Het formaat wijzigen naar 1920×1440 levert doorgaans een bestand op dat 4-6× kleiner is, zonder waarneembaar kwaliteitsverlies voor schermweergave. Vermenigvuldigd met veel afbeeldingen op een pagina is dit een aanzienlijke prestatiewinst.
Platformvereisten zorgen ook voor het aanpassen van de grootte. Profielfoto's met specifieke afmetingen, marktplaatsafbeeldingen met maximaal toegestane formaten, previews van sociale media met exacte beeldverhoudingen - elk platform verwacht een specifieke grootte, en het lokaal aanpassen van de grootte is sneller dan het bestrijden van het automatisch aanpassen van de grootte van het platform.
Zet de afbeelding neer, stel nieuwe afmetingen in, download.
Kies de juiste doelafmetingen voordat u het formaat wijzigt. Als u te klein kiest, verliest u details, terwijl te groot bandbreedte verspilt.
De Canvas API hersampelt met behulp van de ingebouwde implementatie van de browser. De meeste browsers gebruiken bilineaire of bicubische interpolatie; het exacte algoritme varieert, maar de kwaliteit is vergelijkbaar in moderne browsers.
Het uitvoerformaat is afhankelijk van het canvas.toBlob mime-type. PNG behoudt exacte pixels met verliesloze compressie. JPEG past DCT-gebaseerde lossy-compressie toe met de gekozen kwaliteit. WebP ondersteunt beide modi; lossy WebP met kwaliteit 80-85 is ongeveer gelijk aan JPEG met kwaliteit 90.
Beeldverhouding: de resizer vergrendelt standaard de beeldverhouding om de verhoudingen te behouden. Ontgrendelen maakt willekeurig uitrekken mogelijk, wat zelden gewenst is, maar nuttig is voor specifieke lay-outs.