Cheatsheet WordPress-afbeeldingsformaten
De definitieve referentie voor WordPress-afbeeldingsformaten: elk geregistreerd formaat en de werkelijke afmetingen, welke hard bijsnijden, de 2560px -scaled-drempel, WooCommerce-formaten en wat je voor elk doel moet uploaden.
Bekijk het op je eigen afbeelding — open de Image Size LabKernformaten
Geregistreerd bij elke standaard WordPress-installatie.
| Naam | Formaat | Bijsnijden | Bewerkbaar in beheer? |
|---|---|---|---|
| thumbnail | 150 × 150 | harde uitsnede | Settings → Media |
| medium | 300 × 300 | passend | Settings → Media |
| medium_large | 768w | passend | Geen UI |
| large | 1024 × 1024 | passend | Settings → Media |
| 1536x1536 | 1536 × 1536 | passend | Geen UI |
| 2048x2048 | 2048 × 2048 | passend | Geen UI |
medium_large (768w) en de twee retina-formaten hebben helemaal geen beheer-UI — vanuit het dashboard zou je niet weten dat ze bestaan. En elke upload die op de langste zijde groter is dan 2560px krijgt bovendien een -scaled-kopie, die WordPress vervolgens in plaats van je origineel serveert.
WooCommerce-formaten
Toegevoegd wanneer WooCommerce actief is. Configureer onder Appearance → Customize → WooCommerce → Product Images. Standaardwaarden zijn tussen Woo-versies verschoven, dus beschouw deze als indicatief en controleer je eigen installatie.
| woocommerce_thumbnail | 300 × 300 | harde uitsnede |
| woocommerce_single | 600w | |
| woocommerce_gallery_thumbnail | 100 × 100 | harde uitsnede |
Wat je daadwerkelijk moet uploaden
Richtlijnen per doel — geen geregistreerde formaten, gewoon verstandige bronafmetingen.
Dekt de verhouding voor social sharing en verkleint netjes voor gebruik binnen je thema. De veiligste standaardkeuze.
Breed genoeg voor grote schermen, onder de 2560px -scaled-drempel zodat je origineel ongewijzigd wordt geserveerd.
Komt overeen met het medium_large / large bereik dat de meeste thema's daadwerkelijk tonen.
Lever het groter aan dan je het toont; WordPress verkleint netjes, maar vergroot nooit.
WordPress vereist minimaal 512 × 512 en snijdt het vierkant bij.
De verhouding 1.91:1 die Facebook, LinkedIn en X verwachten. WordPress genereert deze niet; je SEO-plugin kiest het dichtstbijzijnde formaat.
Veelgemaakte fouten, en de echte oorzaak
Afbeelding ziet er wazig uit na het uploaden
Oorzaak: Je afbeelding was op de langste zijde groter dan 2560px, dus WordPress maakte een "-scaled"-kopie en serveert die in plaats van je origineel.
Oplossing: Schakel de big_image_size_threshold uit of verhoog deze, of upload onder 2560px.
Thumbnail snijdt hoofden af
Oorzaak: thumbnail snijdt standaard hard bij tot een vierkant van 150 × 150, vanuit het midden — alles wat niet gecentreerd staat, wordt afgesneden.
Oplossing: Upload met het onderwerp gecentreerd, of registreer een aangepast formaat met een andere uitsnede.
Uploadmap is enorm groot
Oorzaak: WordPress slaat per geregistreerd formaat één bestand op. Core maakt er 6 plus het origineel; een thema en WooCommerce voegen er nog meer toe.
Oplossing: Stop met het genereren van formaten die je niet gebruikt via intermediate_image_sizes_advanced.
large- / 1536- / 2048-versie ontbreekt
Oorzaak: WordPress vergroot nooit. Als je upload kleiner is dan een formaat, wordt dat formaat simpelweg niet gegenereerd.
Oplossing: Upload een grotere bronafbeelding.
Responsieve afbeeldingen (srcset) zien er van lage kwaliteit uit
Oorzaak: Een formaat waar srcset van afhankelijk is — meestal medium_large (768w) — is verwijderd.
Oplossing: Behoud medium_large; het bestaat voornamelijk om srcset te voeden.