Dreamweaver

Images

Hoe maak je nu je (bewerkte) afbeeldingen in Photoshop gereed voor je website? Daarvoor moet je met een paar dingen rekening houden.

1.
Je afbeeldingen moet je niet te groot maken; je wilt immers dat iedereen je afbeeldingen kan zien. Niet iedereen heeft een groot scherm. Het prettigst is het natuurlijk als je afbeelding zonder heen en weer te scrollen is te zien. Wij werken voorlopig met afbeeldingen waarvan de langste zijde (of dat nou de hoogte of de breedte is) van 450 pixels.

PHOTOSHOP

1. Klik op Afbeelding > Afbeeldingsgrootte
2. Maak de langste zijde - in dit geval de hoogte - 450 pixels
3. Zorg er wel voor dat in het vakje voor verhoudingen behouden is aangevinkt.

2.
Ook de grootte van het bestand moet niet al te groot zijn. Een hoge kwaliteitsfoto of een bewerkte Photoshop-bestand is al snel enkele MB's groot. Stel je voor dat je meerdere van zulke foto's op een pagina hebt staan. Het laden van je website duurt dan veel te lang! Je kunt hierboven zien dat het bestand 9,66 MB groot is. Dat zullen we dus moeten aanpassen.

• Dat doen we als volgt: Klik op Bestand > Opslaan voor web
• Er verschijnt een nieuw venster met links bovenin onderstaande:

• Je ziet dat ImageReady is geopend. Hier hoef je voorlopig niet zoveel aan te doen.

• Het rechter gedeelte is voor ons nu even belangrijker. We maken van onze grote Photoshop-afbeeldingen een afbeelding die geschikt is voor het Internet. Ons Photoshop-bestand (.PSD) bestaat uit veel lagen en is bij inzoomen nog steeds heel scherp. Voor Internet hebben we maar één laag nodig en hoeft de resolutie niet zo hoog te zijn. We onderscheiden o.a. JPEG en GIF. Kort gezegd: Heb je een plaatje met een foto dan sla je hem op als JPEG, heb je een plaatje waar alleen maar tekst in staat dan sla je hem op als GIF. (Andere mogelijkheden bespreken we later.)
• De kwaliteit staat hier op 80 (zeer hoog), maar 60 (hoog) volstaat ook wel.

3.
Tot slot moeten we er natuurlijk nog voor zorgen dat de afbeelding in de juiste map wordt opgeslagen (dus in de map waarin jij jouw website hebt staan).

top