Even je foto verkleinen: werkt in je voordeel
Een digitale foto betaat uit pixels. Hoe groter en verfijnder je foto, hoe meer pixels = hoe meer bytes. Die moeten allemaal naar de computer (of tablet / smartphone) van je bezoeker overgebracht worden om je foto te kunnen tonen.
Onder ‘Grootte’ wordt de bestandsgrootte vermeld. 1,7 MB = 1700 KB = niet geschikt voor uploaden.
In de Verkenner (Windows) of Finder (Mac) wordt de grootte van je bestanden vermeld. Zie je dit niet, klik met je rechtermuisknop op de naam van het bestand en kies Eigenschappen (Windows) of Toon Info (Mac).
Ga er maar van uit dat wanneer je foto rechtstreeks van je camera of smartphone komt, deze veel te groot is om op je website te zetten. Zo’n foto bevat teveel data voor schermvertoning.
- Een bezoeker moet al die data downloaden vooraleer hij je foto kan zien.
Iemand die op zijn smartphone surft wil graag wat langer plezier hebben van zijn data-abonnement. Daarom wacht een bezoeker meestal niet tot jouw mooie foto geladen is. - Daarnaast nemen grote foto’s veel serverruimte in beslag, waardoor je eerder aan je hostinglimiet zit. Grote kans dat je dan moet bijbetalen voor een duurder hostingabonnement voordat je verder kunt werken aan je website.
Dus ga je eerst je foto verkleinen.
Probeer een foto voor in je blog / pagina naar plm. 50 kb te verkleinen
(ook aan te raden voor foto’s in je zijbalk).
Een headerfoto mag tegen de 80 kb zijn.
Foto verkleinen zonder Photoshop
Dankzij de gratis online tool pixlr.com/editor heb je geen duur fotobewerkingspakket nodig.
Je hoeft er niet eens je emailadres achter te laten.
Klik op ‘Open afbeelding van computer’ en upload je foto.
Kies onder Beeld de optie ‘Afbeeldingsgrootte‘.
Afb. 1. Foto verkleinen: onder Beeld > Afbeeldingsgrootte
Met ‘Beperk verhoudingen‘ aangevinkt houdt de foto dezelfde verhouding, dwz. wordt niet vervormd.
Afb. 2. 500pixels breed is meestal genoeg voor een afbeelding in de tekstkolom.
(Je kunt zelfs een uitsnede maken op een vooraf bepaald pixelformaat.)
Klik OK. De foto wordt nu nogal klein getoond.
Klik onder Weergave op Alles weergeven om je foto groter te zien.
Afb. 3. Kies ‘Alles Weergeven’ om de foto vergroot weer te geven.
In dit voorbeeld sla ik de verkleinde foto nu op mijn computer op.
Afb. 4. Onder ‘Bestand’ vind je de optie ‘Bewaren’, je kunt nu kiezen waar je je foto wil opslaan..
Afb. 5. Probeer je foto rond de 50 kb te houden. Een headerfoto mag tegen de 80 kb zijn.
Afb. 6. Niet tevreden? Met de optie ‘Ongedaan maken’ onder Bewerken, of in de rechterkolom onder Geschiedenis, kun je altijd één of meerdere stappen terug.
Hierna kun je de foto uploaden naar WordPress, in je blogpost of pagina waar je de foto wil gebruiken.
Om het helemaal af te maken optimaliseer je je afbeelding voor Google, waardoor je website nog beter geïndexeerd wordt, en in Googles afbeeldingsresultaten eerder getoond wordt.
Hoe je tekst plaatst over een foto bijvoorbeeld voor je header, zoals in dit voorbeeld hieronder, lees je hier.
