Photoshop gebruiken om afbeeldingen voor het web te vergroten / verkleinen en te verscherpen

Inhoudsopgave:

Anonim

Heeft u moeite om uw afbeeldingen er superscherp uit te laten zien wanneer u ze online gebruikt? Zien ze er zelfs wazig uit? Het maakt niet uit of u uw afbeeldingen deelt op sociale mediaplatforms of sites voor het delen van foto's zoals Flicker en 500px, u wilt dat uw afbeeldingen er zo scherp mogelijk uitzien.

De meeste fotografen komen op een gegeven moment problemen met het verscherpen van het web tegen. Maar wist u dat de meeste problemen met het verscherpen van het web die u ondervindt, voortkomen uit het formaatwijzingsproces? Als u het formaat van uw afbeelding wijzigt, kan uw afbeelding er wazig en veel minder scherp uitzien dan de afbeelding op volledige grootte. Het kan zijn dat je een lange tijd bezig bent geweest met het verwerken van je afbeelding, dus het zou jammer zijn dat deze als een minder scherpe online versie zou eindigen.

In dit artikel leert u de veelvoorkomende valkuilen bij het verscherpen van uw afbeeldingen voor webgebruik, en nog belangrijker, hoe u deze kunt verscherpen op een manier die u zowel volledige controle als de beste resultaten geeft.

Laten we echter eens kijken hoe we het formaat van afbeeldingen voor online gebruik niet kunnen wijzigen voordat we ingaan op de beste manier om het formaat en de verscherping in Photoshop te wijzigen.

Milford Sound Mitre Peak © Peter Dam

Hoe u uw afbeeldingen NIET verkleint en verscherpt voor online gebruik

Om scherpe en fantastisch uitziende afbeeldingen online te krijgen, moet u voorkomen dat u een afbeelding op volledige grootte uploadt en erop vertrouwt dat de website het formaat voor u afhandelt. U heeft geen enkele controle over de mate van verscherping (indien aanwezig) die de uploadfunctie van een website aan uw afbeelding toevoegt.

U moet ook vermijden alleen het exportdialoogvenster in Photoshop te gebruiken. Ook al is het goed, het is niet geweldig. U kunt nog steeds wazige afbeeldingen krijgen, vooral als de grootte drastisch verandert. Alsof je een afbeelding van 6000 px breed wilt verkleinen tot slechts 1200 px.

Vermijd ook alleen het formaat wijzigen in Photoshop en laat de exporttool de rest doen als u de beste resultaten wilt. Hoewel u het formaat van de afbeelding wijzigt, heeft u weinig controle over het verscherpingsproces wanneer u alleen de exporttool gebruikt.

Hoe u uw afbeeldingen in Photoshop kunt verscherpen voor de beste resultaten

Om verder te gaan, opent u een kopie van een afbeelding die u al in Photoshop hebt verwerkt, aangezien we de beste methode doornemen om uw foto's te verkleinen en te verscherpen voor online gebruik.

Opmerking: Zorg ervoor dat u een kopie van de afbeelding gebruikt en niet het origineel, want u gaat het formaat van uw afbeelding wijzigen naar een veel kleinere versie. Als u de afbeelding per ongeluk opslaat zonder de naam te wijzigen en Photoshop te sluiten, kunt u de afbeelding niet herstellen naar de volledige grootte.

The Chute © Peter Dam

Het zou logisch zijn om rechtdoor te gaan en het formaat van uw afbeelding te wijzigen naar de gewenste outputgrootte. Dit leidt echter niet tot de beste resultaten, aangezien het voor Photoshop moeilijk kan zijn om een ​​afbeelding goed te verscherpen die aan kwaliteitsverlies lijdt wanneer u veel verkleint.

Verander in plaats daarvan het formaat in twee stappen en verscherp tussen de stappen.

Laten we het proces stap voor stap doorlopen met de afmetingen hierboven als voorbeeld, waarbij het formaat wordt aangepast van een afbeelding van 6000 px breed naar een breedte van 1200 px.

De eerste stap is het verkleinen van uw afbeelding tot ca. 1.6 van het uiteindelijke uitvoergrootte dat u online wilt gebruiken. In dit geval zou dit 1,6 X 1200px = 1920px zijn.

Als u het formaat van uw afbeelding in Photoshop wilt wijzigen, gaat u naar Beeld->Afbeeldingsgrootte en voer de breedte in.

Dit geeft je een afbeelding die niet al te veel is verslechterd door het vergroten of verkleinen, maar die nog steeds relatief dicht bij de uiteindelijke afbeeldingsgrootte ligt.

Voordat u het formaat wijzigt naar het uiteindelijke uitvoergrootte, moet u verscherping toevoegen. Dit doe je door naar Filter->Verscherpen->Verscherpen.

Als je het leuk vindt om bij te houden wat elke laag doet, raad ik aan de laag te hernoemen naar 'Sharpened'.

Na het aanbrengen van deze eerste verscherpingslaag, dupliceert u de laag. U kunt dit doen door op CMD + J (op Mac) of CTRL + J (op Windows) te drukken.

Breng vervolgens nog een slijpronde aan met behulp van het menu Filter->Verscherpen->Verscherpen. Hernoem deze laag naar "Extra verscherping".

Nu bent u klaar om het formaat te wijzigen naar de uiteindelijke afbeeldingsgrootte. Dit doe je door naar Beeld->Afbeeldingsgrootte en voer 1200px in als de breedte.

Nu u de afbeelding hebt verkleind tot de uiteindelijke uitvoergrootte, zou u moeten zien dat de afbeelding er erg scherp uitziet wanneer u deze op ware grootte bekijkt.

Als u denkt dat het er wat te scherp uitziet, kunt u het eenvoudig aanpassen door de dekking van de bovenste laag (die genaamd "Extra verscherping") te wijzigen. Trek de dekking naar beneden tot ongeveer 60-70%.

Nu ben je klaar met het slijpproces. U moet echter weten dat er extra problemen optreden bij het wijzigen van het formaat van afbeeldingen.

Het verscherpen van een afbeelding heeft ook de neiging om het een klein beetje helderder te maken. Als je dit wilt aanpakken, moet je een aanpassingslaag voor Niveaus toevoegen en het middentoonpunt iets naar rechts trekken. Als u het middentoonpunt meestal wijzigt naar 0,97, wordt het oorspronkelijke helderheidsniveau teruggebracht. U kunt ook een aanpassingslaag voor belichting gebruiken als u die liever gebruikt in plaats van een aanpassingslaag voor niveaus.

De kleuren in je afbeelding lijden ook een beetje bij het vergroten of verkleinen en verscherpen; het is echter niet altijd zichtbaar. Als je merkt dat je afbeelding er wat minder kleurrijk uitziet nu het formaat is gewijzigd, moet je een aanpassingslaag Kleurtoon / verzadiging toevoegen en weer een beetje verzadiging aan de afbeelding toevoegen. Ongeveer +5 tot +9 brengt uw afbeelding meestal terug naar het niveau waarop het was voordat het formaat werd gewijzigd en verscherpt.

Dat is het einde van de methode voor het wijzigen van het formaat en de verscherping van het web die door veel professionele fotografen die Photoshop gebruiken, wordt gebruikt.

Als u bekend bent met het maken van Photoshop-acties, kunt u het proces van het vergroten / verkleinen en verscherpen van afbeeldingen opnemen naar de afmetingen die u het vaakst online gebruikt. Hierdoor kunt u het proces aanzienlijk versnellen.

Je afbeelding exporteren

De laatste stap is om uw afbeelding te exporteren. U kunt dit doen door naar Bestand -> Exporteren -> Exporteren als … te gaan

De instelling die u kiest bij het exporteren van uw afbeelding, is afhankelijk van waar u uw afbeelding wilt uploaden. Voor sommige sites, zoals afbeeldingengalerijen of uw portfoliowebsite, is de beeldkwaliteit belangrijker dan de bestandsgrootte. Terwijl blogs de voorkeur geven aan kleinere bestandsgroottes, maar met een iets lagere beeldkwaliteit.

Een van de belangrijkste dingen, zoals besproken in dit artikel, is dat het resultaat een scherp uitziend beeld is. Je hebt hiervoor al gezorgd door de bovenstaande workflow voor verscherpen en vergroten / verkleinen te volgen, waarbij je de afbeelding hebt verkleind tot het uitvoergrootte dat je nodig hebt. Dit betekent dat u zich geen zorgen hoeft te maken over het vergroten of verkleinen van de afbeelding of over welke methode voor het opnieuw samplen u tijdens het exporteren moet gebruiken.

Het enige waar u zich zorgen over hoeft te maken bij het volgen van deze workflow voor verscherpen en vergroten / verkleinen, is het kiezen van het gewenste bestandsformaat en de te gebruiken kwaliteit. Het bestandsformaat is hoogstwaarschijnlijk JPG.webp voor internetgebruik. De instellingen voor de beeldkwaliteit zijn afhankelijk van of u de voorkeur geeft aan een heel kleine bestandsgrootte (zodat de afbeelding razendsnel online wordt geladen), of dat u de best mogelijke beeldkwaliteit wilt behouden. Meestal kunt u de beeldkwaliteit verlagen tot 80% zonder dat de beeldkwaliteit zichtbaar achteruitgaat. Dit is mijn favoriete persoonlijke instelling voor beeldkwaliteit. U kunt de bestandsgrootte nog meer optimaliseren door een lagere beeldkwaliteit te gebruiken. Ik zou echter nooit aanraden om lager dan 50% te gaan om kleinere bestandsgroottes te krijgen. Er zijn ook enkele sites voor het optimaliseren van afbeeldingen die u kunt gebruiken, zoals TinyJpeg.webp, die uw bestandsgrootte verkleinen zonder uw afbeeldingskwaliteit te veel in gevaar te brengen.

Conclusie

Toegegeven, het is een veel gecompliceerder methode om het formaat van uw afbeeldingen aan te passen dan het gebruik van de ingebouwde exportfunctie in Photoshop. Het leidt echter ook tot veel betere resultaten. Wat heeft het voor zin om veel moeite te steken in het vastleggen en verwerken van een afbeelding, als deze er niet zo goed uitziet als zou kunnen wanneer u deze online laat zien?

Welke methode gebruik je om je afbeeldingen te verscherpen voordat je ze online gebruikt? Deel gerust uw mening in de onderstaande opmerkingen.