Afbeelding bijsnijden, draaien en spiegelen

Dit is één klus op één afbeelding, en daarom staan ze op één pagina: elke bewerking is dezelfde tekening op een canvas met een andere transformatie ervoor, en het bestand wordt ingelezen, getekend en teruggelezen zonder ooit naar een server te gaan. Wat ze onderscheidt, is wat ze kosten.

Bijsnijden kost niets. Verkleinen herbemonstert: elke uitvoerpixel wordt geïnterpoleerd uit meerdere invoerpixels, en daarom ziet een vergrote afbeelding er zacht uit. Bijsnijden gooit de pixels buiten het kader weg en laat de rest precies zoals hij was, dus een uitsnede van een scherpe foto blijft scherp. Dat is goed om te weten, want het betekent dat je eerst bijsnijdt en daarna verkleint, nooit andersom: eerst naar een doelmaat verkleinen en dan bijsnijden gooit resolutie weg die je had. De vaste verhoudingen bestaan omdat de meeste plekken waar je een afbeelding plaatst een bepaalde verhouding willen, en een beeld met de verkeerde verhouding wordt door het platform opnieuw bijgesneden, meestal slecht en meestal dwars door iemands gezicht. 1:1 voor de meeste profielfoto’s, 16:9 voor videothumbnails en dia’s, 9:16 voor stories en korte video, 4:3 voor het klassieke camerakader.

Draaien kost niets bij 90, 180 en 270 graden, omdat elke pixel precies op een andere pixel valt. Elke andere hoek moet interpoleren, dus fijn detail wordt iets zachter en harde randen krijgen een vaag trapje; maak de correctie één keer vanuit het origineel en niet in een reeks kleine duwtjes. Het detail dat de meeste draaitools fout doen, is de grootte van het canvas. Een kwartslag verwisselt alleen breedte en hoogte, maar bij 45° heeft een vierkant een canvas van ongeveer 1,41 keer de breedte nodig, anders vallen de hoeken eraf, en omdat het afknippen aan de randen gebeurt, zie je het vaak pas later. Hier wordt het canvas afgestemd op het gedraaide kader, dus de hele afbeelding blijft bij elke hoek heel. Iets wat erbij hoort: een foto die op het ene apparaat gedraaid en op het andere rechtop staat, is meestal helemaal niet gedraaid. Camera’s slaan de oriëntatie op als EXIF-label en laten de pixels met rust, dus software die het label negeert, toont hem op zijn kant. Opslaan vanaf hier legt de huidige oriëntatie vast in de pixels en laat het label vallen, en daardoor blijft de draaiing overal staan.

Spiegelen kost ook niets, omdat het alleen pixels herschikt. De gebruikelijke reden is een selfie: voorcamera’s tonen een gespiegelde preview omdat je dat gewend bent, maar de meeste slaan de ongespiegelde versie op, dus de foto lijkt jou een beetje vreemd en iedereen anders heel gewoon. Controleer vooraf alleen tekst. Alles wat in het beeld geschreven staat, zoals een bord, een etiket, een watermerk of een kenteken, komt in spiegelschrift te staan, en dat mis je makkelijk als de tekst klein is of aan de rand staat.

Afronden snijdt de hoeken af met een knippad in plaats van ze met een kleur op te vullen, en dat is het verschil tussen een afbeelding die overal werkt en een die alleen op wit werkt. Een opgevulde hoek ziet er prima uit op de pagina waarvoor je hem maakte en valt op een donkere achtergrond op als een witte punt. Een cirkel heeft een vierkante bron nodig: de radius wordt gemeten tegen de kortste zijde, dus bij 50 procent wordt een rechthoek een stadionvorm met ronde uiteinden. De bewerkingen stapelen niet (elk tabblad tekent vanuit het bestand dat je opende, niet vanuit het resultaat van de vorige), dus om een rechthoek rond te maken snijd je hem op 1:1 bij, sla je dat op en open je het opgeslagen bestand opnieuw voordat je het afrondt.

Een rand laat het canvas groeien in plaats van over de randen te schilderen, dus het hele originele beeld blijft heel; een rand binnen het kader zou een strook van het beeld bedekken. De breedte is aan alle vier de kanten gelijk, dus het formaat verandert en de vorm nauwelijks: een foto van 300 × 400 met een rand van 20 pixels wordt 340 × 440, nog steeds hoger dan breed. Hij dient voor marge: lucht rond een afbeelding op een dia, of een zichtbare rand zodat een foto met een lichte achtergrond niet wegvalt tegen een witte pagina.

Bij het opslaan: afronden, een rand en draaien onder een scheve hoek houden of maken transparantie, en JPEG heeft geen alfakanaal, dus die worden als PNG geschreven. Bijsnijden en spiegelen kunnen geen transparantie maken, dus daar kies je zelf, en die keuze doet ertoe. PNG bewaart elke behouden pixel exact, en een foto die zo wordt opgeslagen, is vaak twee tot drie keer zo groot als de JPEG waar hij uit kwam: je gooide pixels weg en het bestand groeide. JPEG kost één compressieronde extra, die je bij een foto op hoge kwaliteit niet ziet, en is het goede antwoord voor alles wat terug het web op gaat; PNG is goed voor een schermafbeelding, een logo of alles met egale kleur en harde randen.

Eén bijeffect om te kennen voordat je een foto plaatst die je niet zelf hebt gemaakt: geen van deze bewerkingen raakt de metadata direct aan, maar tekenen op een canvas laat het EXIF-blok vallen, dus locatie, camera en tijdstip overleven het niet.