Een foto kan er prima uitzien en toch te groot zijn voor een website, formulier of e-mail. Dat komt doordat "groot" twee dingen kan betekenen: veel pixels, zoals 4.000 × 3.000, of veel opslagruimte, zoals 6 MB.
Een afbeelding verkleinen doe je door de pixelafmetingen te verlagen, een geschikt bestandsformaat te kiezen en zo nodig compressie toe te passen. Met alleen een lagere breedte wordt het bestand vaak kleiner, maar hoeveel kleiner hangt af van de inhoud en het uitvoerformaat.
In deze gids lees je welke instellingen passen bij foto's, screenshots en logo's. Met de afbeelding verkleiner kun je de afmetingen aanpassen en het resultaat als JPG of PNG downloaden.
Pixels en bestandsgrootte zijn niet hetzelfde
De pixelafmetingen bepalen hoeveel beeldpunten een afbeelding bevat. De bestandsgrootte bepaalt hoeveel bytes nodig zijn om die beeldpunten en aanvullende informatie op te slaan.
Een foto van 4.000 × 3.000 bevat 12 miljoen pixels. Verklein je die naar 1.200 × 900, dan blijven er 1,08 miljoen pixels over: 91% minder. Het bestand wordt niet gegarandeerd precies 91% kleiner. Compressie, kleurvariatie en metadata beïnvloeden het resultaat.
Een screenshot met grote vlakken in één kleur kan als PNG relatief klein zijn. Een even grote foto met bladeren, haar en texturen kan veel meer ruimte innemen. Vergelijk daarom zowel de afmetingen als de uiteindelijke bestandsgrootte.
Een foto online verkleinen in vijf stappen
- Open de afbeelding verkleiner en kies je bestand.
- Bekijk de oorspronkelijke breedte en hoogte.
- Laat Beeldverhouding behouden ingeschakeld en vul een kleinere breedte óf hoogte in.
- Kies JPG voor een gewone foto of PNG wanneer transparantie of scherpe grafische details belangrijk zijn.
- Maak het resultaat, download het en controleer de weergave én de bestandsgrootte.
De verwerking in deze tool gebeurt in je browser; het afbeeldingsbestand wordt voor het verkleinen niet naar een server verstuurd. Bewaar altijd je oorspronkelijke bestand apart. Verkleinen verwijdert beeldinformatie die je later niet volledig kunt terughalen.
Welke afmetingen heb je nodig voor een website?
Begin bij de ruimte waarin de afbeelding wordt getoond, niet bij de resolutie van je camera. Staat een afbeelding maximaal 600 CSS-pixels breed op de pagina? Dan kan een bestand van ongeveer 1.200 pixels breed een bruikbaar startpunt zijn voor een scherm met een pixeldichtheid van 2.
Dat is een afweging, geen universele verplichting. Voor een kleine illustratie kan minder voldoende zijn; een foto die bezoekers groot moeten kunnen bekijken vraagt juist meer detail.
| Gebruik | Mogelijk startpunt | Waarop letten? |
|---|---|---|
| Kleine kaart of miniatuur | 400–600 pixels breed | Blijft het onderwerp herkenbaar? |
| Afbeelding in een artikel | 1.000–1.400 pixels breed | Wat is de maximale weergavebreedte? |
| Brede foto bovenaan een pagina | 1.600–2.000 pixels breed | Is extra detail de download waard? |
| Bijlage bij een formulier | Afhankelijk van de eisen | Geldt een maximum in pixels, MB of beide? |
Gebruik op een website waar mogelijk responsieve afbeeldingen: de browser krijgt dan een passend formaat voor het scherm. Een kleine mobiele weergave hoeft niet hetzelfde bestand te laden als een groot desktopscherm. De Google-uitleg over afbeeldingen en SEO beschrijft ook het belang van vindbare afbeeldingen, beschrijvende tekst en goede afbeeldingskwaliteit.
JPG of PNG: welk formaat maakt je bestand kleiner?
JPG voor foto's
JPG gebruikt verliesgevende compressie: het bewaart minder beeldinformatie om het bestand kleiner te maken. Voor foto's is dat vaak een goede afweging. Een lagere kwaliteitsinstelling kan wel blokvorming, vage randen of storende patronen veroorzaken.
Begin bijvoorbeeld met een kwaliteitsinstelling van 80 of 85 en vergelijk het resultaat met een hogere instelling. Dit is een praktische testwaarde, geen garantie. De betekenis van de schaal en de uiteindelijke kwaliteit kunnen per encoder verschillen.
PNG voor transparantie en grafische details
PNG ondersteunt transparantie en gebruikt verliesloze compressie. Dat kan handig zijn voor logo's, diagrammen en screenshots met tekst. Bij foto's levert PNG vaak een groter bestand op dan JPG.
Verliesloze compressie betekent niet dat een verkleinde PNG alle oorspronkelijke details bewaart. Het wijzigen van de pixelafmetingen zelf verliest nog steeds informatie. Alleen de compressiestap van PNG is verliesloos.
JPG ondersteunt geen transparantie. Kies dus PNG als een doorzichtige achtergrond behouden moet blijven. Meer achtergrond vind je in onze vergelijking van PNG en JPG.
En WebP of AVIF?
WebP en AVIF kunnen voor websites een gunstige verhouding tussen kwaliteit en bestandsgrootte bieden. Ze zijn het overwegen waard als je publicatiesysteem die formaten ondersteunt. De afbeelding verkleiner op deze site exporteert momenteel JPG en PNG; hij is geen WebP- of AVIF-exporter.
Voor technische verschillen en ondersteuning kun je de gids over afbeeldingsformaten van MDN raadplegen.
Een afbeelding onder een maximum van 1 MB krijgen
Een formulier accepteert maximaal 1 MB, maar je foto is 3 MB. Er bestaat geen vaste instelling die iedere afbeelding precies onder die grens brengt. Werk in deze volgorde:
- Controleer of je veel meer pixels hebt dan nodig.
- Verklein de afbeelding met behoud van de beeldverhouding.
- Exporteer een foto als JPG en probeer een passende kwaliteit.
- Controleer het gedownloade bestand in je bestandsbeheer.
- Verlaag de kwaliteit of afmetingen iets verder als het nog te groot is.
Bij belangrijke documenten moet tekst leesbaar blijven. Verklein een scan dus niet blind totdat het formulier hem accepteert. Controleer namen, kleine letters en stempels op de uiteindelijke versie.
Let ook op de eenheid: 1 MB is doorgaans 1.000.000 bytes, terwijl 1 MiB gelijk is aan 1.048.576 bytes. Niet ieder formulier gebruikt de termen zorgvuldig. Met de bestandsgrootte converter kun je een grens in bytes omrekenen.
Veelgestelde vragen
Kan ik een foto verkleinen zonder kwaliteitsverlies?
Niet volledig als je het aantal pixels verlaagt. Je kunt wel een versie maken die op de bedoelde weergavegrootte nauwelijks zichtbaar minder detail heeft. Bewaar voor bewerking en archivering het origineel.
Waarom wordt mijn PNG groter wanneer ik hem opnieuw opsla?
De encoder, metadata en eerdere optimalisatie kunnen verschillen. Een afbeelding die al sterk geoptimaliseerd was, wordt niet automatisch kleiner door opnieuw op te slaan. Controleer het resultaat in plaats van alleen op de nieuwe afmetingen te vertrouwen.
Is de dpi-instelling belangrijk voor een website?
Voor de gewone schermweergave zijn de pixelafmetingen en de weergave in CSS bepalend. Dpi of ppi is vooral relevant wanneer je pixels naar een fysieke afdrukmaat vertaalt. Alleen die metadata veranderen vermindert het aantal pixels niet.
Kan ik met de tool ook een afbeelding bijsnijden?
Nee, de tool past de afmetingen aan. Een foto van verhouding veranderen zonder bijsnijden kan het beeld vervormen. Laat de beeldverhouding ingeschakeld of snijd het beeld eerst in een aparte editor bij.
Maak een versie voor het daadwerkelijke gebruik
Het kleinste bestand is niet altijd het beste bestand: een onleesbare screenshot of vage productfoto schiet zijn doel voorbij. Kies eerst de benodigde afmetingen, daarna het formaat en ten slotte de compressie. Controleer de download op de plek waar je hem gaat gebruiken.
Ga naar de gratis afbeelding verkleiner om een JPG- of PNG-versie op maat te maken.