Wat is chromaondersampling? Het korte antwoord
Chromaondersampling behoudt het volledige helderheidsdetail (luma), maar slaat kleur (chroma) op met een lagere resolutie. De notatie J:a:b geeft aan hoeveel:
- 4:4:4: volledige kleurresolutie, geen ondersampling.
- 4:2:2: kleur op de halve horizontale resolutie.
- 4:2:0: kleur op de halve horizontale en halve verticale resolutie, een kwart van de samples.
We hebben onze eigen uitvoer gecontroleerd: de PNG-naar-JPG-converter slaat op met kwaliteit 92, wat ImageMagick als 4:4:4 codeert. De HEIC-naar-JPG-converter schrijft 4:2:0.
Grondbeginselen van Menselijk Zien
Het menselijk netvlies bevat twee soorten lichtgevoelige cellen: staafjes en kegeltjes. Staafjes (ongeveer 120 miljoen) verzorgen het zien bij weinig licht. Kegeltjes (ongeveer 6 miljoen) verzorgen het zien bij daglicht en het kleurenzien, en komen in drie soorten voor, elk het gevoeligst voor een ander golflengtebereik.
Bij daglicht bouwen de hersenen helderheids- en kleursignalen op uit dezelfde kegeltjes, maar via verschillende banen. Het resultaat: uw visuele systeem neemt helderheid met veel meer ruimtelijk detail waar dan kleur. U kunt een scherpe helderheidsrand (zwarte tekst op wit papier) waarnemen tot ongeveer 1 boogminuut gezichtshoek. Maar bij een zuivere kleurrand (rode tekst op een groene achtergrond met gelijke helderheid) daalt uw resolutie dramatisch — u hebt ongeveer 4× de grootte nodig om hetzelfde detailniveau te zien.
Dit biologische feit is de basis van vrijwel alle lossy beeld- en videocompressie. JPEG, MPEG, H.264, HEVC, AV1 — ze maken allemaal gebruik van hetzelfde principe. Verlaag de kleurresolutie terwijl u de helderheidsresolutie intact houdt, en het menselijk oog merkt het niet. De technische naam voor deze techniek is chromaondersampling. Video gebruikt hetzelfde idee; zie YUV420p en waarom het belangrijk is voor videocompatibiliteit.
YCbCr-Kleurruimte
Uw computerscherm werkt in RGB-kleurruimte (Rood, Groen, Blauw), waarbij elk pixel drie waarden krijgt die de kleur ervan definiëren door licht te mengen. Maar JPEG comprimeert RGB niet rechtstreeks. Voordat compressie begint, converteert JPEG elke pixel van RGB naar YCbCr:
- Y (Luma) — de helderheidscomponent. Dit draagt de luminantie-informatie: hoe licht of donker elke pixel is. Als u alleen het Y-kanaal zou uitpakken, zou u een perfect grijswaardenversie van de afbeelding zien.
- Cb (Chroma Blauw) — het blauw-geel kleurverschil. Dit beschrijft hoeveel de kleur van de pixel van grijs afwijkt in de blauw-/geelrichting.
- Cr (Chroma Rood) — het rood-groen kleurverschil. Dit beschrijft de afwijking in de rood-/groenrichting.
Deze scheiding is het sleutelconcept. Zodra helderheid en kleur in afzonderlijke kanalen zijn, kunt u ze onafhankelijk behandelen. Houd Y op volledige resolutie voor scherpe randen en fijne details. Verlaag Cb en Cr-resolutie omdat het oog het niet opmerkt. Dat is chromaondersampling.
Waarom niet gewoon RGB comprimeren? In RGB is helderheids-informatie verspreid over alle drie kanalen. U kunt de kleurresolutie niet verlagen zonder ook de helderheidsresolutie te verlagen. YCbCr scheidt de twee duidelijk, waardoor selectieve compressie mogelijk is die aansluit bij menselijke waarneming.
Het Notatiesysteem: Wat 4:4:4, 4:2:2 en 4:2:0 Betekenen
Chromaondersampling gebruikt een driecijferige notatie J:a:b die beschrijft hoe kleurstalen worden verdeeld in een referentieblok. De notatie is beroemd verwarrend, maar hier is de praktische betekenis:
4:4:4 — Geen Ondersampling (Volledige Kleur)
Elke individuele pixel krijgt zijn eigen luminantiewaarde (Y) en zijn eigen kleurwaarden (Cb, Cr). Niets wordt gereduceerd. Dit levert de hoogste kwaliteitsuitvoer en de grootste bestanden op. Voor elke 4 pixels in een rij zijn er 4 lumasamples en 4 chromasamples.
4:2:2 — Horizontale Ondersampling
Elke pixel behoudt zijn eigen luminantiewaarde, maar de kleurresolutie wordt horizontaal gehalveerd. In elke rij van 4 pixels zijn er 4 lumasamples, maar slechts 2 chromasamples. Elk paar horizontaal aangrenzende pixels deelt één kleurwaarde. De verticale kleurresolutie blijft ongewijzigd.
4:2:0 — Horizontale en Verticale Ondersampling
Elke pixel behoudt zijn eigen luminantiewaarde, maar de kleurresolutie wordt zowel horizontaal als verticaal gehalveerd. Een 2×2-blok van vier pixels deelt één kleurwaarde. Dit is het agressiefste veelgebruikte ondersamplingschema — en het meest gebruikt, omdat het dramatische bestandsbesparingsvoordelen biedt met verwaarloosbare visuele impact op foto's.
| Ondersampling | Kleurresolutie | Gegevensreductie | Bestandsgrootte vs 4:4:4 | Beste Voor |
|---|---|---|---|---|
| 4:4:4 | Volledig (1:1) | Geen | Basis (grootste) | Tekst, graphics, schermafdrukken |
| 4:2:2 | Horizontaal gehalveerd | 50% minder chromagegevens | ~10–15% kleiner | Professionele video, uitzending |
| 4:2:0 | Beide richtingen gehalveerd (2×2-blok) | 75% minder chromagegevens | ~25–33% kleiner | Foto's, webafbeeldingen, consumentenvideo |
De kolom "gegevensreductie" verwijst alleen naar de chrominantiekanalen. Omdat het luminantiekanaal (dat de meeste visuele informatie draagt) nooit wordt geondersampeld, is de totale bestandsgrootteverkleining minder dan de ruwe chromareductie suggereert. In de praktijk bespaart u bij het overschakelen van 4:4:4 naar 4:2:0 ongeveer 25–33% van de totale bestandsgrootte met dezelfde kwaliteitsinstelling.
Visuele Impact: Wanneer het Uitmaakt en Wanneer Niet
De visuele impact van chromaondersampling hangt volledig af van de inhoud van de afbeelding. Voor sommige afbeeldingen is 4:2:0 niet te onderscheiden van 4:4:4. Voor andere is het verschil duidelijk zichtbaar.
Foto's: 4:2:0 is Praktisch Onzichtbaar
Natuurlijke foto's bevatten vloeiende kleurverlopen — lucht, huid, bladeren, water, stof. Deze verlopen hebben geen scherpe kleurrand voor het oog om op te merken. Als u de kleurresolutie in beide afmetingen halveert, blijven de kleurovergangen vloeiend omdat de originele verlopen vloeiend waren. In zijdelingse vergelijkingen hebben zelfs getrainde fotografen moeite om 4:2:0 van 4:4:4 in typische foto's te onderscheiden.
Daarom gebruiken de meeste telefooncamera's, socialemediaplatforms en webtools voor afbeeldingen standaard 4:2:0 voor JPEG-foto's. De afweging valt overweldigend gunstig uit: 25–33% kleinere bestanden zonder zichtbaar verschil.
Tekst en Afbeeldingen: 4:2:0 Creëert Zichtbare Artefacten
Schermafdrukken, UI-mockups, logo's, diagrammen en tekstzware afbeeldingen zijn een ander verhaal. Deze bevatten scherpe kleurovergang — een rode letter op witte achtergrond, een groene knop met witte tekst, een blauwe lijn op een grijs raster. Als 4:2:0 ondersampling de kleur over een 2×2-pixelblok gemiddelde berekent, worden deze scherpe randen wazig.
Het resultaat is kleurfringing — een zichtbare kleurveeg die buiten de randen van scherpe elementen uitloopt. Zwarte tekst op een witte achtergrond is meestal geen probleem, omdat het contrast puur in het luminantiekanaal zit (zwart en wit verschillen alleen in helderheid). Maar bij gekleurde tekst op een contrasterende achtergrond worden 4:2:0-artefacten duidelijk zichtbaar. Lossless PNG gebruikt helemaal geen chromaondersampling; JPG vs PNG voor schermafdrukken en logo's legt uit wanneer u beter de PNG houdt.
| Inhoudstype | 4:4:4 | 4:2:2 | 4:2:0 |
|---|---|---|---|
| Landschapsfoto's | Perfect | Perfect | Perfect |
| Portretten / huidskleur | Perfect | Perfect | Perfect |
| Productfoto's | Perfect | Perfect | Perfect |
| Zwarte tekst op wit | Perfect | Perfect | Goed |
| Gekleurde tekst / UI-elementen | Perfect | Lichte fringing | Zichtbare fringing |
| Codeschermafdrukken | Perfect | Lichte fringing | Opvallend |
| Logo's met dunne gekleurde lijnen | Perfect | Kleine artefacten | Kleuruitloop |
Bestandsgrootte Impact
Bestandsgroottebesparingen van chromaondersampling zijn aanzienlijk en consistent. In een ongecomprimeerde afbeelding heeft elke pixel drie componenten: Y, Cb en Cr. Bij 4:4:4 worden alle drie in volledige resolutie opgeslagen. Bij 4:2:0 bevatten de Cb- en Cr-kanalen slechts 25% van de samples — een verlaging van 75% in chrominantiegegevens.
Omdat de chrominantiekanalen ongeveer een derde tot de helft van de totale gegevens vertegenwoordigen (afhankelijk van afbeeldingsinhoud en compressie), is de praktische impact op de bestandsgrootte:
| Ondersampling | Typische Bestandsgrootte | Voorbeeld (10 MP foto op Q85) |
|---|---|---|
| 4:4:4 | Basis (100%) | ~3,2 MB |
| 4:2:2 | ~85–90% | ~2,8 MB |
| 4:2:0 | ~67–75% | ~2,3 MB |
Voor een website die duizenden afbeeldingen serveert, stapelen de verschillen tussen 4:4:4 en 4:2:0 zich dramatisch op. Een fotogalerie met 100 afbeeldingen bespaart ongeveer 90 MB bandbreedte door 4:2:0 in plaats van 4:4:4 te gebruiken, zonder zichtbare kwaliteitsverschil voor fotografische inhoud.
Samengesteld met kwaliteit: Chromaondersamplingbesparingscomposiet met JPEG-kwaliteitsreductie. Bij Q85 met 4:2:0 is een foto ongeveer 5–8 keer kleiner dan de originele PNG — de kwaliteitsinstelling en ondersampling werken samen om de bestandsgrootte veel verder terug te dringen dan wat elkeen alleen bereikt.
ImageMagick Gedrag en Standaarden
ImageMagick's JPEG-encoder selecteert automatisch chromaondersampling op basis van de -quality-instelling. Dit is een van de meest over het hoofd geziene aspecten van JPEG-compressie met ImageMagick:
| Kwaliteitsinstelling | Standaard Ondersampling | Reden |
|---|---|---|
| Q90–Q100 | 4:4:4 | Hoge kwaliteit aangevraagd → volledige kleur behouden |
| Q1–Q89 | 4:2:0 | Lagere kwaliteit → agressieve compressie |
Deze automatische omschakeling betekent dat kwaliteit 90 in plaats van 89 een onevenredig grote sprong in bestandsgrootte oplevert. Het is niet slechts één kwaliteitsstap — het is de kwaliteitsstap plus de overstap van 4:2:0 naar 4:4:4. Veel gebruikers merken dat Q90-bestanden verrassend veel groter zijn dan Q89-bestanden en denken dat ImageMagick kapot is. Dat is niet zo — de wijziging in ondersampling is de oorzaak. Om een niveau aan weerszijden van die omschakeling bij Q90 te kiezen, zie welke JPEG-kwaliteitsinstelling u gebruikt voor elk type afbeelding.
De Standaard Vervangen
U kunt chromaondersampling expliciet bedienen met de -sampling-factor-vlag:
# 4:4:4 (no subsampling — best for text/graphics)
convert input.png -quality 85 -sampling-factor 1x1 output.jpg
# 4:2:2 (balanced — used in professional video)
convert input.png -quality 85 -sampling-factor 2x1 output.jpg
# 4:2:0 (smallest — best for photos)
convert input.png -quality 85 -sampling-factor 2x2 output.jpgDe samplingsteller gebruikt het formaat HxV waarbij H horizontale sampling en V verticale sampling is. 1x1 betekent geen ondersampling (4:4:4), 2x1 betekent horizontaal gehalveerd (4:2:2) en 2x2 betekent beide richtingen gehalveerd (4:2:0).
Q85 + 4:4:4: Een gebruikelijke techniek voor schermafdrukken en tekstzware afbeeldingen is -quality 85 -sampling-factor 1x1. Dit geeft u bestandsbesparingen van de kwaliteitsinstelling terwijl volledige kleurresolutie voor scherpe tekst behouden blijft. Zonder -sampling-factor 1x1 gebruikt Q85 standaard 4:2:0 en gekleurde tekst heeft zichtbare fringing.
Aanbevelingen per Inhoudstype
Hier is een praktische besluitvormingsgids voor het kiezen van de juiste chromaondersampling:
Gebruik 4:2:0 Wanneer:
- Foto's van elke soort — landschappen, portretten, productfoto's, eten, architectuur
- Web-afbeeldingen — hero-afbeeldingen, blog-illustraties, social media-berichten
- E-mailbijlagen — bestandsgrootteverkleining helpt met bijlagegrenzen
- Miniaturen en voorbeelden — kleine weergavegrootte maskeert mogelijk artefacten
- Elke afbeelding waarbij bestandsgrootte meer uitmaakt dan perfect kleurrand
Gebruik 4:4:4 Wanneer:
- Schermafdrukken met gekleurde tekst — syntaxisgemarkeerde code, gekleurde UI-elementen
- Logo's en merkactiva — nauwkeurige kleurmarges belangrijk voor merkintegriteit
- Technische diagrammen — gekleurde lijnen en labels hebben scherpe randen nodig
- UI-mockups en ontwerpbestanden — pixel-perfect kleurreproductie vereist
- Medische of wetenschappelijke beeldvorming — kleurnauwkeurigheid is kritiek
Gebruik 4:2:2 Wanneer:
- Professionele videoproductie — uitzendingsnorm voor studiocontent
- Afbeeldingen met gemengde inhoud — foto's met tekstoverlay waarbij 4:4:4 overdreven is, maar 4:2:0 zichtbare fringing creëert
- High-end fotografie waar absolute maximale kwaliteit nodig is, maar 4:4:4 bestandsgrootten onpraktisch zijn
Bij twijfel: Gebruik voor foto's 4:2:0 zonder aarzeling. Voor alles met tekst of scherpe kleurrand, gebruik 4:4:4. Het 4:2:2-middenbereik is zelden nodig voor stilstaande afbeeldingen — het is vooral een videoproductieformaat.
Chromaondersampling Voorbij JPEG
Chromaondersampling is niet uniek voor JPEG. Praktisch alle lossy visuele media gebruiken het:
| Formaat / Codec | Veelgebruikt Ondersampling | Opmerkingen |
|---|---|---|
| JPEG | 4:2:0 (standaard), 4:4:4 | Coder-afhankelijke standaard |
| WebP | 4:2:0 (lossy mode) | Geen optie voor 4:4:4 in lossy WebP |
| AVIF | 4:2:0, 4:4:4 | 4:4:4 beschikbaar maar verhoogt bestandsgrootte |
| H.264 / H.265 video | 4:2:0 (consument), 4:2:2 (pro) | 4:4:4 alleen in gespecialiseerde profielen |
| Blu-ray / Streaming | 4:2:0 | Standaard voor alle consumenten-video |
| PNG | Geen (lossless) | Volledige RGB behouden, geen ondersampling |
WebP is opmerkelijk omdat het geen 4:4:4 in zijn lossy-modus biedt. Als u een schermafdruk met gekleurde tekst hebt en het kleinste bestand met scherpe kleuren nodig hebt, kan lossy WebP niet ideaal zijn — gebruik in plaats daarvan JPEG op 4:4:4, PNG (lossless) of lossless WebP.
AVIF, de nieuwe concurrent, ondersteunt 4:4:4 en combineert het met efficiëntere compressie dan JPEG. Voor tekstzware afbeeldingen die lossy moeten worden gecomprimeerd, kan AVIF met 4:4:4 kleinere bestanden produceren dan JPEG 4:4:4 bij dezelfde visuele kwaliteit.
Chromaondersampling op tv's, monitoren en HDMI
De meeste video, van streaming tot Blu-ray, is opgeslagen als 4:2:0, en tv's tonen die zonder zichtbare problemen.
Het wordt belangrijker wanneer een tv als computermonitor wordt gebruikt. Kleine gekleurde tekst vraagt om 4:4:4; bij 4:2:2 of 4:2:0 krijgt die gekleurde randen. Veel tv's accepteren 4:4:4 alleen in een pc- of gamemodus.
Ook de bandbreedte van de kabel speelt mee: 4K op 60 Hz in 8-bit 4:4:4 past binnen HDMI 2.0 (18 Gbps), maar 4K op 60 Hz met 10-bit HDR niet, dus valt het signaal terug naar 4:2:2 of 4:2:0. HDMI 2.1 draagt 4K op 120 Hz in 4:4:4.
Wilt u uw scherm controleren, open dan een chroma-testafbeelding met dunne gekleurde tekst op gekleurde achtergronden. Wazige rode of blauwe tekst betekent dat het signaal ondersampled is.