Blog

Hoe Image Resizer te gebruiken: Formaat wijzigen met maximale breedte/hoogte

Een foto van 4000×3000 als bloghero van 600px verspilt bandbreedte en schaadt mobiel. De tool schaalt naar maximale breedte of hoogte met behoud van verhouding, voor CMS, OG en srcsets.

Wat deze tool doet

Upload een beeld en stel breedte, hoogte of beide in. Het wordt proportioneel geschaald zonder rek of vervorming.

Maak uit één bron bijvoorbeeld 1200px voor desktop, 800px voor tablet en 400px voor mobiele srcset.

  • Proportioneel schalen op breedte, hoogte of beide.
  • Behoud van beeldverhouding.
  • Meerdere responsieve srcset-formaten uit één bron.
  • Lokale verwerking met download.

Waarom dit belangrijk is voor SEO

Afbeeldingen op hun weergaveformaat serveren verbetert LCP. Een bestand van 4000px downloaden voor 600px verspilt bandbreedte en vertraagt rendering.

Met responsieve srcset kiest de browser per viewport het optimale bestand, waardoor alle apparaten tegelijk sneller worden.

NLU: betekenis en entiteiten

Afmetingen raken tekst-NLU niet, maar correct geschaalde OG-afbeeldingen renderen goede sociale kaarten en versterken de visuele relatie tussen merk en content.

NLP: structuur en leesbaarheid

Sneller laden vermindert pogo-sticking en ondersteunt gedragssignalen die samenhangen met stabiele ranking in NLP-gestuurde modellen.

GEO: generatieve zoekmachines en AI-antwoorden

Snelle pagina’s werken beter voor bezoekers uit AI Overviews. Bij trage rendering keren zij terug naar het AI-antwoord en verliest het citaat waarde.

Zo gebruikt u de tool

  1. Open Afbeeldingsformaat aanpassen.
  2. Upload de afbeelding.
  3. Stel maximale breedte en/of hoogte in.
  4. Bekijk het resultaat en de nieuwe afmetingen.
  5. Download de afbeelding.
  6. Upload naar uw CMS of gebruik in srcset.
  7. Comprimeer daarna voor extra besparing.

Best practices

  • Schaal eerst naar de grootste weergave en comprimeer daarna.
  • Maak twee of drie srcset-formaten, bijvoorbeeld 400, 800 en 1200px.
  • Vergroot kleine afbeeldingen nooit.
  • Gebruik 1200×630 voor OG en 32×32 voor favicons.
  • Gebruik beschrijvende namen zoals “hero-product-1200w.jpg”.

Veelgemaakte fouten

  • Een klein logo tot grote hero vergroten.
  • Na schalen niet comprimeren.
  • Breedte en hoogte instellen waardoor de verhouding verandert.
  • Niet in de echte layout testen.
  • srcset niet bijwerken wanneer bestandsnamen veranderen.

Serveer elke viewport het juiste formaat: stel uw afmetingen in en download snelle afbeeldingen zonder bandbreedteverspilling.