Als grafisch ontwerper of webontwerper wordt u mogelijk gevraagd om webklare afbeeldingen te leveren, zoals foto's voor een website of banneradvertentie. De Photoshop Save for Web-tool is een eenvoudige manier om uw JPEG-bestanden voor te bereiden voor het web, wat helpt bij de afweging tussen bestandsgrootte en beeldkwaliteit.
Voor deze zelfstudie slaat u JPEG-afbeeldingen op. De tool Opslaan voor Web is ook gemaakt om GIF-, PNG- en BMP-bestanden op te slaan.
Wat maakt een grafische web-klaar?
De meeste webklare grafische afbeeldingen delen gemeenschappelijke kenmerken:
- Resolutie is 72 dpi.
- Kleurmodus is RGB.
- Bestanden worden verkleind voor sneller ladende webpagina's.
Open een afbeelding
Om te oefenen met het Save for Web-hulpmiddel, opent u een afbeelding in Photoshop.
Klik het dossier> Open, blader naar de afbeelding op uw computer en klik op Open. Voor oefeningsdoeleinden werkt een foto goed, hoewel elk type afbeelding dat wel doet.
Verklein de grootte van de foto tot een klein formaat dat je op een website zou kunnen gebruiken. Om dit te doen, klik op Beeld> Afbeeldingsgrootte, voer een nieuwe breedte in het veld Breedte in en selecteerpixels. Voer in dit geval 400 pixels in en klik OK.
Open de Save for Web Tool
Stel dat iemand je heeft gevraagd om een foto van 400 pixels breed af te leveren, klaar om op een website te worden geplaatst.
Klik het dossier > Opslaan voor internet om de te openen Opslaan voor internet dialoog venster. (In latere versies van Photoshop is het pad het dossier > Exporteren > Opslaan voor internet.)
Blader door de verschillende instellingen en hulpmiddelen in het venster.
03 van 07Stel de vergelijking in
Aan de top van de Opslaan voor internet venster zijn een reeks tabbladen met het label origineel, geoptimaliseerde, 2-Up, en 4-Up. Door op deze tabbladen te klikken, kunt u schakelen tussen een weergave van uw originele foto, uw geoptimaliseerde foto met de Save for Web-instellingen erop of een vergelijking van twee of vier versies van uw foto.
Kiezen 2-Up om de originele foto te vergelijken met de geoptimaliseerde door kopieën van de afbeelding naast elkaar weer te geven.
04 van 07Stel het originele voorbeeld in
Klik op de foto aan de linkerkant om deze te selecteren. Kiezen origineel van de Vooraf ingesteld menu aan de rechterkant van de Opslaan voor internet venster (als dit nog niet is geselecteerd). Hiermee wordt een voorbeeld van de originele, onbewerkte foto aan de linkerkant weergegeven.
05 van 07Stel het geoptimaliseerde voorbeeld in
Klik op de foto aan de rechterkant om deze te selecteren. Kiezen JPEG Hoog van de Vooraf ingesteld menu. U kunt nu de geoptimaliseerde foto rechts, die uw laatste bestand zal zijn, vergelijken met het origineel aan de linkerkant.
06 van 07Bewerk de JPEG-kwaliteit
De belangrijkste instelling in de rechterkolom is de Kwaliteit waarde. Naarmate u de kwaliteit verlaagt, ziet uw afbeelding er slordiger uit, maar de bestandsgrootte neemt af en kleinere bestanden zorgen voor sneller laden van webpagina's.
Probeer de kwaliteit te wijzigen in 0 en let op het verschil in de foto's aan de linker- en rechterkant, evenals de kleinere bestandsgrootte die zich onder de foto bevindt.
Het doel is om een goed medium te vinden tussen bestandsgrootte en kwaliteit. Een kwaliteit tussen 40 en 60 is meestal een goed bereik, afhankelijk van uw behoeften. Probeer de vooraf ingestelde kwaliteitsniveaus te gebruiken (JPEG-medium, bijvoorbeeld) om tijd te besparen.
07 van 07Bewaar je afbeelding
Als u tevreden bent met de foto aan de rechterkant, klikt u op de Opslaan knop. De Bespaar geoptimaliseerd als venster opent. Typ een bestandsnaam, blader naar de gewenste map op uw computer en klik op Opslaan. U hebt nu een geoptimaliseerde, webklare foto.
