Afbeelding Schalen
Wijzig het formaat van afbeeldingen naar exacte afmetingen of percentages. Kies uit social media-presets of stel aangepaste formaten in.
Origineel formaat
Nieuw formaat
BijgewerktOver deze tool
Het wijzigen van het formaat van afbeeldingen is een van de meest voorkomende taken in digitale mediaworkflows, en het correct uitvoeren maakt het verschil tussen een professioneel resultaat en een verpixelde puinhoop. Of u nu afbeeldingen optimaliseert voor snellere laadtijden van webpagina's, voldoet aan de strikte dimensie-eisen van socialemediaplatforms, bestanden met hoge resolutie voorbereidt voor drukwerk, of grote foto's comprimeert om binnen de limieten van e-mailbijlagen te passen — correct schalen zorgt ervoor dat uw beelden er bij elk formaat scherp uitzien. In de kern verandert het schalen de pixelafmetingen van een afbeelding — het aantal individuele kleurpunten waaruit het beeld is opgebouwd. Een foto van 4000 x 3000 pixels bevat 12 miljoen pixels (12 megapixels). Verkleining naar 1200 x 900 verwijdert ongeveer 91 procent van die pixels, daarom is het resampling-algoritme zo belangrijk. Het algoritme bepaalt hoe pixelwaarden worden gemengd of geselecteerd tijdens deze transformatie. DPI (dots per inch) en PPI (pixels per inch) beschrijven de afdrukdichtheid in plaats van de afbeeldingsgrootte. Een afbeelding van 3000 x 2000 pixels afgedrukt op 300 DPI levert een afdruk van 25,4 x 16,9 cm op, terwijl hetzelfde bestand op 72 PPI een veel groter gebied op het scherm vult. Deze tool richt zich op pixelafmetingen, wat belangrijk is voor digitale weergave, terwijl DPI-metadata intact blijft voor drukworkflows. De beeldverhouding — de proportionele relatie tussen breedte en hoogte — is cruciaal om vervorming te voorkomen. Een 16:9 breedbeeldafbeelding die tot een 1:1 vierkant wordt uitgerekt, ziet er samengedrukt uit. Het vergrendelen van de beeldverhouding zorgt ervoor dat het wijzigen van de ene dimensie automatisch de andere aanpast, waardoor de originele verhoudingen van uw afbeelding behouden blijven. Uitvoer is beschikbaar in PNG (ISO 15948), JPEG (ITU-T T.81) of WebP (IETF RFC 9649), en alle verwerking gebeurt lokaal — uw afbeeldingen verlaten nooit uw apparaat.
Hoe te gebruiken
- Upload uw afbeelding door te slepen en neer te zetten of klik om te bladeren. Ondersteunt alle gangbare afbeeldingsformaten.
- Voer de gewenste afmetingen in pixels of percentage in. Vergrendel de beeldverhouding om de verhoudingen te behouden, of ontgrendel voor een aangepast formaat.
- Kies de schaalmodus (passend, vullen of uitrekken) en klik op Downloaden om uw geschaalde afbeelding op te slaan in het originele formaat.
Hoe te gebruiken
- Upload uw afbeelding door te slepen en neer te zetten of klik om te bladeren. Ondersteunt alle gangbare afbeeldingsformaten.
- Voer de gewenste afmetingen in pixels of percentage in. Vergrendel de beeldverhouding om de verhoudingen te behouden, of ontgrendel voor een aangepast formaat.
- Kies de schaalmodus (passend, vullen of uitrekken) en klik op Downloaden om uw geschaalde afbeelding op te slaan in het originele formaat.
Methodologie
Het wijzigen van het afbeeldingsformaat maakt gebruik van de HTML Canvas API met instelbare interpolatiekwaliteit, aangestuurd door de eigenschap imageSmoothingQuality. Elk resampling-algoritme dient een ander doel. Nearest-neighbor kopieert de dichtstbijzijnde pixelwaarde zonder menging, wat harde randen oplevert die ideaal zijn voor pixel art en screenshots. Bilineaire interpolatie middelt een 2x2-buurt van pixels, waardoor vloeiendere overgangen ontstaan tegen gematigde rekenkosten. Bicubische interpolatie bemonstert een 4x4-raster met kubische polynomen, wat de vloeiendste verlopen en beste detailbehoud oplevert — dit is de standaard voor fotografische inhoud. Lanczos-resampling, gebruikt in geavanceerde beeldverwerkingssoftware, past sinc-functie-convolutie toe voor nog scherpere resultaten, hoewel de Canvas API dit gedrag benadert bij de instelling "high". De tool schaalt via een offscreen canvas: de bronafbeelding wordt getekend op een canvas-element met de doelafmetingen, zodat de rendering-engine van de browser de subpixel-interpolatie native afhandelt. Bij grote verkleiningen (meer dan 50%) tekent een meerstapsbenadering de afbeelding op tussenliggende formaten om aliasing-artefacten te voorkomen. Beeldverhoudingsberekeningen gebruiken eenvoudige verhoudingswiskunde. Batchverwerking past identieke instellingen toe op meerdere afbeeldingen achtereenvolgens en genereert afzonderlijke downloadbare bestanden of een ZIP-archief.
Je resultaten begrijpen
Het vergroten van afbeeldingen boven hun originele formaat vermindert de kwaliteit omdat geen enkel algoritme details kan creëren die nooit door de camerasensor zijn vastgelegd. Gebruik voor het beste resultaat altijd de bron met de hoogste resolutie. Een 2x vergroting (bijv. van 1000px naar 2000px) introduceert merkbare zachtheid, terwijl alles boven 3x duidelijke pixelvorming of wazigheid laat zien, afhankelijk van de gebruikte interpolatiemethode. Bij het verkleinen geeft het weergegeven percentage aan hoeveel kleiner de nieuwe afmetingen zijn ten opzichte van het origineel. Een reductie van 50% betekent halve breedte en halve hoogte, wat resulteert in een kwart van het totale pixelaantal. Grotere reducties behouden over het algemeen een uitstekende visuele kwaliteit omdat het algoritme meer brondata tot zijn beschikking heeft. Het behouden van de beeldverhouding voorkomt vervorming — als u uitgerekte of samengedrukte onderwerpen ziet, ontgrendel en vergrendel de verhouding opnieuw om dit te corrigeren. Gebruik nearest-neighbor-interpolatie specifiek voor pixel art, pictogrammen en screenshots waar scherpe, harde randen behouden moeten blijven. Voor foto's en natuurlijke beelden gebruikt u altijd de bicubische instelling (hoge kwaliteit) voor de vloeiendste verlopen en meest natuurlijk ogende resultaten.
De Wetenschap van Beeldresolutie
Beeldresolutie gaat fundamenteel over informatiedichtheid—hoeveel discrete kleurstalen er bestaan per oppervlakte-eenheid. Een digitale afbeelding is een tweedimensionaal raster van pixels, waarbij elk pixel kleurwaarden opslaat (doorgaans 8 bits per kanaal voor rood, groen en blauw, wat 16,7 miljoen mogelijke kleuren oplevert). Het totale pixelaantal bepaalt hoeveel visueel detail de afbeelding kan weergeven. DPI (dots per inch) en PPI (pixels per inch) worden vaak verward maar dienen verschillende contexten. PPI beschrijft hoe dicht pixels zijn gepakt wanneer een afbeelding op het scherm wordt weergegeven of afgedrukt. Een afbeelding van 3000x2000 bij 300 PPI drukt af op 25,4x16,9 cm met fotografische scherpte. Dezelfde afbeelding bij 72 PPI zou afdrukken op 105,8x70,6 cm maar wazig verschijnen op korte kijkafstand. Schermresolutie voegt een extra variabele toe—een 4K-monitor (3840x2160) pakt meer pixels per inch dan een 1080p-scherm van dezelfde fysieke grootte, waardoor afbeeldingen scherper verschijnen. Wanneer u het formaat wijzigt, moet het resampling-algoritme ofwel pixelinformatie weggooien (verkleinen) ofwel nieuwe pixeldata uitvinden door wiskundige interpolatie (vergroten). Bicubische interpolatie onderzoekt een 4x4-buurt van pixels en past een kubisch polynoom aan om nieuwe waarden te schatten, wat vloeiende verlopen oplevert. Lanczos-resampling gebruikt sinc-functie-convolutie voor theoretisch optimale scherpte. Nearest-neighbor kopieert simpelweg de dichtstbijzijnde bestaande pixel, behoudt harde randen maar creëert zichtbare trapvorming. Moderne schermen compliceren de resolutieplanning verder. Apple Retina-schermen gebruiken 2x of 3x pixeldichtheid, wat betekent dat een CSS-pixel kan overeenkomen met 4 of 9 fysieke pixels. Afbeeldingen op 2x de weergavegrootte serveren zorgt voor scherpte op deze schermen met hoge dichtheid zonder bandbreedte te verspillen op standaardschermen.
Praktische voorbeelden
Een fotograaf moet afbeeldingen voorbereiden voor zijn online portfolio. De originele DSLR-foto's zijn 6000x4000 pixels (24MP). Hij schaalt ze naar 2400x1600 voor de portfoliogalerij en genereert 300x200 thumbnails voor de rasterweergave, met bicubische interpolatie voor beide om vloeiende details te behouden. Een social media-manager bereidt een enkele productfoto voor meerdere platforms voor: 1080x1080 voor Instagram, 1200x630 voor Facebook-linkshares, en 1280x720 voor YouTube-thumbnails. De presetknoppen besparen tijd en zorgen ervoor dat aan de vereisten van elk platform precies wordt voldaan. Een webontwikkelaar optimaliseert hero-afbeeldingen voor een responsieve website. De desktopversie heeft 1920x800 pixels nodig, terwijl mobiel 768x400 vereist. De batchmodus verwerkt de volledige afbeeldingenbibliotheek in seconden en produceert consistent geschaalde bestanden die klaar zijn voor deployment.
Tips & Beste Werkwijzen
Bewaar altijd een ongewijzigde kopie van uw originele afbeelding voordat u het formaat wijzigt. Zodra pixels zijn weggegooid tijdens het verkleinen, kunnen ze niet worden hersteld. Werk vanuit het grootste beschikbare bronbestand om uzelf maximale flexibiliteit te geven. Bij het schalen voor webgebruik, richt u op de werkelijke weergavegrootte in plaats van te grote afbeeldingen te uploaden en te vertrouwen op CSS-schaling. Een container van 600px breed heeft slechts een afbeelding van 600px nodig (of 1200px voor Retina-schermen). Dit vermindert de laadtijden aanzienlijk en verbetert de gebruikerservaring. Voor batchbewerkingen test u uw instellingen eerst op een enkele afbeelding om te bevestigen dat de output aan uw kwaliteitsnormen voldoet. Gebruik de percentagemodus wanneer alle afbeeldingen met dezelfde verhouding moeten worden verkleind, en de pixelmodus wanneer u uniforme uitvoerafmetingen nodig hebt ongeacht de originele formaten.
Alle berekeningen worden lokaal in je browser uitgevoerd. Er worden geen gegevens naar een server gestuurd.