Afbeelding-Compressor — Verklein zonder Kwaliteitsverlies – AI Humanizer

Grote afbeeldingen zijn de stille boosdoener achter trage websites. Eén onbewerkte foto van een moderne telefoon is al snel 4 tot 8 MB — op een pagina met tien foto's praat je over bijna een minuut laadtijd op mobiel internet. De Afbeelding-Compressor verkleint je foto's direct in de browser, zonder dat er iets wordt geüpload. Het instrument gebruikt de Canvas-API van je browser om afbeeldingen opnieuw te encoderen met een door jou gekozen kwaliteitsniveau. Alles gebeurt lokaal: je foto's verlaten je apparaat nooit. ## Welk formaat wanneer? JPEG is de standaard voor foto's: kleine bestanden, prima kwaliteit, maar geen transparantie. Kies JPEG voor foto's van mensen, landschappen en producten. PNG ondersteunt transparantie en is verliesvrij, maar de bestanden zijn groot. Kies PNG alleen wanneer je transparantie nodig hebt — logo's, iconen, screenshots met tekst. WebP is het moderne alternatief: 25 tot 35% kleiner dan JPEG bij vergelijkbare kwaliteit, met ondersteuning voor transparantie. De compressor kan naar WebP converteren. Let op: heel oude browsers en sommige e-mailclients tonen WebP niet; voor maximale compatibiliteit blijft JPEG de veilige keuze. ## De kwaliteitschuif eerlijk uitgelegd Bij JPEG en WebP bepaalt de kwaliteitsschuif de balans tussen bestandsgrootte en zichtbare kwaliteit. Waarden tussen 70 en 85 geven meestal het beste compromis: het bestand krimpt dramatisch terwijl het verschil met het origineel nauwelijks zichtbaar is. Eerlijke beperking: bij PNG doet de kwaliteitsschuif weinig. Dat komt door de manier waarop browsers PNG encoderen — de browserimplementatie biedt simpelweg geen kwaliteitsparameter voor PNG zoals bij JPEG. Wil je een PNG kleiner maken, converteer dan naar JPEG (als je geen transparantie nodig hebt) of naar WebP. Tweede eerlijke beperking: er is geen exacte doelgrootte in kilobytes. Je kunt niet zeggen „maak dit bestand precies 200 KB". Je stelt de kwaliteit in, bekijkt het resultaat en past aan. Voor de meeste webdoelen is dat voldoende. ## Wat het oog (niet) ziet In blinde tests kunnen zelfs professionele ontwerpers op normale kijkafstand het verschil tussen een origineel en een op 80% gecomprimeerde versie meestal niet zien. Compressieartefacten worden pas zichtbaar bij extreem lage kwaliteitsinstellingen of bij sterk inzoomen. Wat wél zichtbaar wordt bij agressieve compressie: blokvorming in egale kleurvlakken (luchten, muren), wazige randen rond tekst in screenshots, en kleurbanden in verlopen. Blijf bij foto's boven de 70 en bij screenshots met tekst boven de 85. ## Grootte versus resolutie Bestandsgrootte hangt af van twee dingen: resolutie (aantal pixels) en compressiekwaliteit. Een foto van 6000×4000 pixels is ook op kwaliteit 80 nog groot. Voor webgebruik is 1920 pixels breedte meestal ruim voldoende; groter voegt op schermen niets toe. Verklein daarom eerst de afmetingen naar wat je echt nodig hebt en comprimeer daarna. Die volgorde levert de kleinste bestanden op bij de beste kwaliteit. ## Batchverwerking Je kunt meerdere afbeeldingen tegelijk verwerken. Handig voor een hele fotoserie of alle afbeeldingen van een blogpost. Elke afbeelding wordt individueel gecomprimeerd met dezelfde instellingen, en je downloadt ze één voor één of als set. Controleer bij batches altijd een paar resultaten steekproefsgewijs: verschillende foto's reageren verschillend op dezelfde kwaliteitsinstelling. ## Veelgemaakte fouten Comprimeren van een al gecomprimeerde afbeelding: elke extra compressieronde voegt artefacten toe. Bewerk altijd vanaf het origineel. Het origineel overschrijven: compressie is onomkeerbaar. Bewaar het origineel — je kunt later altijd opnieuw comprimeren, maar nooit meer kwaliteit terugwinnen. Verkeerd formaat kiezen: een foto als PNG opslaan „voor de kwaliteit" levert een enorm bestand op zonder zichtbaar voordeel. Formaatkeuze weegt zwaarder dan de kwaliteitsschuif. ## Alt-teksten: het vergeten halve werk Een gecomprimeerde afbeelding zonder alt-tekst is een gemiste kans. Zoekmachines „zien" geen beelden; de alt-tekst vertelt hen wat erop staat. Schrijf beschrijvende alt-teksten („monteur repareert cv-ketel in woonkamer") in plaats van bestandsnamen („IMG_4829.jpg"). Dat helpt SEO én toegankelijkheid voor bezoekers met een schermlezer. Houd alt-teksten onder de 125 tekens en beschrijf wat relevant is voor de context van de pagina, niet elk detail van de foto. ## Wanneer je beter niet comprimeert Voor drukwerk gelden andere regels: daar wil je hoge resolutie en minimale compressie. Comprimeer nooit het enige exemplaar van een dierbare foto — bewaar altijd het origineel op volle kwaliteit. Ook voor archiefdoeleinden (medische beelden, juridisch bewijs, kunstwerken) is verliesvrije opslag de norm. Webcompressie is voor distributie, niet voor bewaring. ## Retina en hoge-dpi-schermen Moderne telefoons en laptops hebben schermen met hoge pixeldichtheid. Op zulke schermen valt compressie minder snel op, omdat de pixels kleiner zijn. Een foto op kwaliteit 75 ziet er op een telefoonscherm vaak nog perfect uit. Voor hero-afbeeldingen en productfoto's — beelden die groot in beeld komen — kies je iets voorzichtiger (80-90). Voor thumbnails en kleine pictogrammen kun je agressiever comprimeren; daar ziet niemand artefacten. Test altijd op het apparaat van je doelgroep. Wat op een groot bureau-scherm acceptabel lijkt, kan op een telefoon anders uitpakken, en omgekeerd. ## Privacy Foto's kunnen gevoelig zijn: gezichten, locaties, documenten. Omdat compressie volledig lokaal gebeurt, wordt geen enkele pixel naar een server gestuurd. Wat in je browser gebeurt, blijft in je browser. ## De kern De Afbeelding-Compressor maakt je foto's weboptimaal met een eerlijke, lokale engine: kies het juiste formaat, stel een verstandige kwaliteit in (70–85 voor foto's), verklein eerst de afmetingen, en bewaar altijd het origineel. Zo halveer je laadtijden zonder dat iemand het verschil ziet.