Het is een feit van het leven als het gaat om het werken met digitale foto's en afbeeldingen. Soms moeten we ze comprimeren om onze bestandsgroottes kleiner te maken, vooral als we ze e-mailen naar een klant of familieleden, of ze op een website plaatsen.
Aangezien het jpeg.webp-bestandsformaat nog steeds het voorkeursformaat is voor digitale foto's, hoewel het al meer dan 15 jaar bestaat, betekent het comprimeren van afbeeldingen meestal het gebruik van jpeg.webp-compressie, wat een prima manier is om de bestandsgrootte te verkleinen. Helaas vermindert het ook de beeldkwaliteit, hoewel het niet altijd eenvoudig is om te zien wat voor soort negatieve impact de compressie op het beeld heeft, vooral als je het op een computerscherm bekijkt. Maar dankzij Photoshop en een van de zelden gebruikte overvloeimodi worden de gruwelen van jpeg.webp-compressie opvallend duidelijk.
Om precies te zien wat er met onze afbeeldingen gebeurt, gebruiken we de mengmodus Verschillende lagen van Photoshop. De mengmodus Verschil dankt zijn naam aan het feit dat het naar verschillen tussen twee lagen zoekt. Alle gebieden in beide lagen die exact hetzelfde zijn, verschijnen als puur zwart, terwijl gebieden die op de een of andere manier verschillen, verschijnen als vreemde kleuren. De mengmodus Verschil wordt niet vaak gebruikt buiten de wereld van de speciale effecten, maar het laat ons zien hoeveel afval (ja, ik zei afval) we toevoegen aan onze jpeg.webp-afbeeldingen wanneer we ze comprimeren. Dit wil niet zeggen dat we allemaal moeten stoppen met het comprimeren van onze foto's. In een perfecte wereld, zeker, maar dat is gewoon niet realistisch. Het helpt ons echter wel om te zien en te begrijpen wat er met onze afbeeldingen gebeurt, vooral voor degenen die tot nu toe ervan overtuigd zijn dat er geen verschil in beeldkwaliteit is tussen een gecomprimeerde en niet-gecomprimeerde digitale foto.
Hier heb ik twee documentvensters geopend in Photoshop, elk met wat lijkt op dezelfde afbeelding:
Twee documentvensters openen in Photoshop, elk met een kopie van dezelfde foto.
Maar zijn ze echt hetzelfde beeld? Optredens kunnen bedriegen, vooral op een computerscherm. De waarheid is dat ze niet hetzelfde zijn. De foto rechts is de originele, niet-gecomprimeerde foto, alsof deze rechtstreeks van een digitale camera is gedownload. De foto links is een kopie van de foto die is opgeslagen in Photoshop met een beeldkwaliteit van 60%, wat een vrij typische instelling is. Dit betekent dat de afbeelding links is gecomprimeerd.
Ik realiseer me dat het een beetje moeilijk is om te zien in de bovenstaande screenshot, maar als je beide afbeeldingen op mijn scherm in Photoshop zou bekijken, zou je moeite hebben te vertellen welke is gecomprimeerd en welke niet. Als we ze zouden afdrukken, zouden de verschillen duidelijk worden, maar op een computerscherm, dat een veel lagere resolutie heeft dan een afgedrukte afbeelding, zijn de verschillen niet zo gemakkelijk te herkennen. Tenminste, niet zonder de mengmodus Verschil van Photoshop te gebruiken om ons te helpen.
Ik heb zojuist gezegd dat de mengmodus Verschil naar verschillen tussen twee lagen zoekt en dat alle gebieden tussen de twee lagen die exact hetzelfde zijn, als puur zwart worden weergegeven. Laten we dit op de proef stellen. Ik ga mijn originele, niet-gecomprimeerde foto selecteren en ik ga de achtergrondlaag in het palet Lagen dupliceren door op Ctrl + J (Win) / Command + J (Mac) te drukken. Ik heb nu twee lagen in het palet Lagen - de oorspronkelijke achtergrondlaag onderaan en een kopie van de achtergrondlaag, die Photoshop daarboven "Laag 1" heeft genoemd:
Het palet Lagen voor de originele, niet-gecomprimeerde foto met de achtergrondlaag en de kopie van de achtergrondlaag erboven.
Aangezien "Laag 1" een kopie is van de achtergrondlaag, moeten beide lagen identiek zijn. We kunnen de mengmodus Verschil gebruiken om te bewijzen dat dit het geval is. Ik ga naar de overvloeimodusoptie boven aan het palet Lagen en verander de overvloeimodus voor "Laag 1" van "Normaal" naar Verschil:
De overvloeimodus van "Laag 1" wijzigen in "Verschil".
Met "Laag 1" ingesteld op de Verschil-overvloeimodus, als ik naar de afbeelding in het documentvenster kijk, zie ik dat de hele afbeelding nu gevuld is met effen zwart, wat de manier is om de Verschil-overvloeimodus te vertellen dat beide lagen in feite identiek:
De afbeelding is nu volledig gevuld met effen zwart, wat aangeeft dat zowel "Laag 1" als de achtergrondlaag op alle manieren identiek zijn.
Laten we verder gaan om er absoluut zeker van te zijn dat alles wat we nu in de afbeelding zien niets anders is dan puur zwart. Om dat te doen, gebruiken we een aanpassingslaag Niveaus. Ik ga klikken op het pictogram Nieuwe aanpassingslaag onder aan het palet Lagen:
Klik op het pictogram "Nieuwe aanpassingslaag" onder aan het palet Lagen in Photoshop.
Vervolgens kies ik Niveaus uit de lijst met aanpassingslagen die verschijnt:
Klik op het pictogram "Nieuwe aanpassingslaag" onder aan het palet Lagen in Photoshop.
Dit opent het dialoogvenster Niveaus. Ik kan het histogram in het midden van het dialoogvenster gebruiken om precies te zien welke tooninformatie in mijn afbeelding wordt weergegeven. Als elke pixel in de afbeelding puur zwart weergeeft, wat het geval zou moeten zijn als mijn beide lagen identiek zijn, dan zou ik alleen in mijn histogram een enkele verticale balk helemaal links moeten zien, wat toevallig precies is wat Ik zie:
Het histogram in het midden van het dialoogvenster Niveaus geeft uiterst links een enkele verticale balk weer, die me vertelt dat elke pixel in mijn afbeelding zuiver zwart is.
Het histogram bevestigt dat er momenteel geen andere kleuren in mijn afbeelding worden weergegeven, behalve puur zwart, wat betekent dat "Laag 1" en de achtergrondlaag 100% identiek zijn. Tot nu toe, zo goed. We hebben nu bewezen wat de meesten van ons al wisten, dat wanneer we een kopie van een laag maken, de kopie in alle opzichten identiek is aan het origineel. Spannende dingen, toch? Laten we verder gaan.
Plug-in shortcodes, acties en filters: fout in shortcode (ads-essentials-middle)
Ik ga op de knop Annuleren in de rechterbovenhoek van het dialoogvenster Niveaus klikken om het nu te verlaten, en ik ga "Laag 1" verwijderen uit mijn palet Lagen door erop te klikken en het naar beneden te slepen op het prullenbakpictogram:
Sleep "Laag 1" naar beneden naar het prullenbakpictogram onderaan het palet Lagen om het te verwijderen.
Ik heb nu alleen nog maar mijn originele achtergrondlaag:
Het palet Lagen met de oorspronkelijke achtergrondlaag.
Laten we nu kijken wat er gebeurt als we exact dezelfde methode gebruiken om de niet-gecomprimeerde versie van de foto te vergelijken met de gecomprimeerde versie ervan. Zoals ik al zei, is het niet eenvoudig om verschillen tussen beide te zien door ze gewoon op het computerscherm te bekijken, maar laten we eens kijken wat de mengmodus Verschil erover te zeggen heeft. Met elke versie van mijn foto geopend in een eigen documentvenster, ga ik in het documentvenster van de gecomprimeerde versie (die links) met mijn gereedschap Verplaatsen klikken en de afbeelding naar het documentvenster van de niet-gecomprimeerde versie slepen (die op het recht):
Gebruik de tool Verplaatsen en sleep de gecomprimeerde versie van de afbeelding links naar het documentvenster van de ongecomprimeerde versie aan de rechterkant.
Aangezien beide afbeeldingen exact dezelfde pixelafmetingen (breedte en hoogte) hebben, houd ik mijn Shift-toets ingedrukt en laat ik vervolgens mijn muisknop los, die de twee afbeeldingen perfect in het documentvenster uitlijnt:
Beide afbeeldingen zijn nu perfect boven elkaar uitgelijnd in hetzelfde documentvenster.
Als ik in mijn palet Lagen kijk, zie ik dat ik nu weer twee lagen heb. De niet-gecomprimeerde versie van de afbeelding staat op de achtergrondlaag en de versie die is opgeslagen met een beeldkwaliteit van 60% staat er nu boven op "laag 1":
Het palet Lagen toont de niet-gecomprimeerde versie op de achtergrondlaag en de gecomprimeerde versie op "laag 1".
Ik ga de mengmodus van "Laag 1" nogmaals wijzigen van "Normaal" in "Verschil":
De overvloeimodus van "Laag 1" wijzigen in "Verschil".
En nu, met de overvloeimodus van "Laag 1" ingesteld op "Verschil", als er echt geen verschil is tussen de gecomprimeerde en niet-gecomprimeerde versies van de foto, zou ik niets anders dan puur zwart moeten zien als ik naar mijn afbeelding in de documentvenster:
Het documentvenster na het wijzigen van de overvloeimodus van "Laag 1" (de gecomprimeerde versie van de foto) in "Verschil".
Hmm. Zie je al die vage ruis in de bovenstaande afbeelding? Het hangt af van hoe u uw monitor hebt ingesteld. Je ziet misschien alleen zwart, maar ik kan op mijn scherm zien dat het absoluut niet zuiver zwart is zoals het was toen we de achtergrondlaag met een identieke kopie ervan vergeleken. Er is nog iets anders en dat "iets anders" zegt ons dat de gecomprimeerde en niet-gecomprimeerde versies van de foto niet hetzelfde zijn. Maar hoe verschillend zijn ze? Maakt jpeg.webp-compressie echt zoveel verschil?
Laten we nogmaals een aanpassingslaag voor Niveaus gebruiken en laat het Histogram die vraag voor ons beantwoorden. Ik klik op het pictogram Nieuwe aanpassingslaag onder aan het palet Lagen en kies Niveaus in de lijst:
Een aanpassingslaag "Niveaus" selecteren in het palet Lagen.
Dit opent opnieuw het dialoogvenster Niveaus. Bedenk uit de vorige keer dat het histogram uiterst links een enkele verticale balk liet zien, die ons vertelde dat er absoluut niets anders in ons beeld was dan puur zwart. Deze keer zien we iets een beetje anders:
Het histogram is niet langer slechts een enkele verticale balk.
Er lijkt deze keer veel meer aan de linkerkant van het Histogram te gebeuren, wat bevestigt dat mijn ogen me niet voor de gek hielden. Er staat absoluut iets anders in de afbeelding. De enkele verticale balk is vervangen door een groter gebied van zwart, wat betekent dat de afbeelding zelf nu meer dan alleen puur zwart bevat, en dat betekent dat er delen in de twee versies van de foto zijn die niet langer identiek zijn.
Dus wat is er anders aan hen? Eenvoudig - afval. Door één versie van de afbeelding te comprimeren, hebben we de pure, onaangeroerde afbeeldinginformatie overgenomen en er een hoop afval aan toegevoegd. Lawaai, rotzooi, noem het maar wat je wilt. Het komt erop neer dat we de foto hebben beschadigd. Hoeveel afval heeft de jpeg.webp-compressie toegevoegd? Het ziet er misschien nog niet zo uit, en het is nog steeds moeilijk te zien in de afbeelding zelf, dus ik ga op de kleine witte schuif rechtsonder in het histogram klikken en het helemaal naar links slepen totdat het onder de plek is waar de zwarte helling begint:
Sleep de witte schuifregelaar van rechtsonder in het histogram naar links naar het punt waar de zwarte helling begint.
Zonder al te lang in discussie te gaan over hoe het dialoogvenster Niveaus werkt, heb ik zojuist al die vage ruis in de afbeelding genomen en het veel helderder gemaakt zodat we het gemakkelijker kunnen zien. Vergeet niet dat vreemde kleuren die u ziet, gebieden vertegenwoordigen die verschillen tussen de originele, niet-gecomprimeerde versie van de foto en de versie die is opgeslagen met JPEG.webp-compressie:
De ruis is nu veel beter zichtbaar in de afbeelding.
Geen mooi gezicht, toch? Nu we dingen gemakkelijker kunnen zien, vertegenwoordigen al die rare kleuren alle schade die we hebben aangericht aan de afbeelding door deze te comprimeren. De afbeelding is nu gevuld met wat gewoonlijk wordt aangeduid als "compressieartefacten", wat gewoon een mooie manier is om te zeggen: "we hebben uw perfect goede afbeeldinginformatie overgenomen en het allemaal verknald". Het comprimeren van een jpeg.webp-afbeelding kan de bestandsgrootte aanzienlijk verminderen, maar zoals de verschilmixmodus ons laat zien, kan het ook de beeldkwaliteit aanzienlijk verminderen. Nogmaals, het is niet altijd gemakkelijk om te zien hoeveel schade je afbeelding heeft geleden door ernaar te kijken op je computerscherm, maar je zult zeker het verschil merken bij het afdrukken in hoge resolutie.
Dus nu we hebben gezien hoeveel schade we aan een digitale foto kunnen toebrengen door deze te comprimeren, wat kunnen we er dan aan doen? Helaas niet veel. Het jpeg.webp-formaat is nog steeds uw beste keuze voor het opslaan van digitale foto's, en wanneer de bestandsgrootte een probleem is, hebben we echt geen andere keuze dan ze te comprimeren. Als u aan een project voor het web werkt, kunt u meestal met behoorlijk wat compressie wegkomen voordat de beeldkwaliteit een probleem wordt, maar als uw project gaat afdrukken, wilt u de originele, niet-gecomprimeerde afbeeldingen gebruiken wanneer mogelijk. En daar hebben we het!