
Grafisch ontwerpers, webontwerpers en anderen die inhoud voor het web maken, maken ook afbeeldingen die geschikt zijn voor het web, zoals foto’s voor websites en banneradvertenties. Voordat deze afbeeldingen worden geüpload, worden de afbeeldingen geoptimaliseerd om snel te downloaden en weer te geven in een webbrowser. De tool Opslaan voor web in Photoshop is een eenvoudige manier om JPEG-bestanden voor het web voor te bereiden. Deze tool slaat ook GIF-, PNG- en BMP-bestanden op. Hier leest u hoe u de tool Opslaan voor web gebruikt om de juiste balans tussen afbeeldingskwaliteit en bestandsgrootte voor uw afbeeldingen te krijgen. De instructies in dit artikel zijn van toepassing op Photoshop 5.5 en hoger. Commando’s en menu-opties kunnen per versie verschillen.
Wat maakt een grafische web-ready?
De meeste web-ready afbeeldingen hebben gemeenschappelijke kenmerken:
- Resolutie is 72 dpi.
- Kleurmodus is RGB.
- Bestanden worden verkleind om webpagina’s sneller te laden.
Opslaan voor internet in Photoshop
Save for Web is geen tool, zoals de Marquee, Move of Magnetic Lasso. Het is een manier om een onbewerkt bestand te exporteren naar een formaat dat andere mensen gemakkelijk kunnen gebruiken. Hier leest u hoe u het kunt gebruiken om afbeeldingen te optimaliseren.
-
Open de afbeelding die u wilt opslaan in Photoshop.
-
Selecteer Afbeelding > Afbeeldingsgrootte. Of druk op Alt/Option+Command+I op het toetsenbord.
-
In de Breedte veld, voer een nieuwe breedte in, selecteer Pixelsen selecteer vervolgens OK. Verklein de foto naar een klein formaat dat op een website kan worden gebruikt.
-
Selecteer Bestand > Opslaan voor internet en apparaten. Of gebruik de sneltoets: Alt/Option+Command+Shift+S. In andere versies van Photoshop is het pad Bestand > Exporteren > Opslaan voor internet. Het item kan Save for Web of Save for Web and Devices heten.
-
In de Opslaan voor internet venster, ga naar de Origineel, Geoptimaliseerd, 2-Up, en 4-Up tabbladen. Deze tabbladen schakelen tussen een weergave van de originele foto, de geoptimaliseerde foto waarop de instellingen voor Opslaan voor web zijn toegepast, of een vergelijking van twee of vier versies van de foto. Kiezen 2-Up om de originele foto te vergelijken met de geoptimaliseerde foto. Hiermee worden kopieën van de afbeelding naast elkaar weergegeven.
-
Verander de Kwaliteit waarde. Naarmate u de kwaliteit verlaagt, ziet de afbeelding er modderiger uit en neemt de bestandsgrootte af. Kleinere bestanden betekenen sneller ladende webpagina’s. Zoek een gulden middenweg tussen bestandsgrootte en kwaliteit. Een kwaliteit tussen de 40 en 60 is een goed bereik. Gebruik de vooraf ingestelde kwaliteitsniveaus (bijvoorbeeld JPEG Medium) om tijd te besparen.
-
Wijzig indien nodig het bestandstype in JPEG, GIF, PNG-8, PNG-24 of WBMP.
-
Wijzig indien nodig de grootte van de afbeelding. Voer een breedte of hoogte in of schaal deze met een percentage. Klik op de slot pictogram om het aandeel van de afbeelding te wijzigen. Voer anders een andere breedte of hoogte in om de andere waarde in verhouding te wijzigen.
-
De waarden onder het afbeeldingsvoorbeeld geven het bestandstype, de grootte weer en hoe lang het duurt voordat de afbeelding op een website wordt geopend. Deze cijfers worden bijgewerkt terwijl u wijzigingen aanbrengt.
-
Als u tevreden bent met de foto, selecteert u Sparen.
-
Typ een naam voor de foto en klik vervolgens op Sparen.