Afbeeldingen optimaliseren

Voorbereiden voor plaatsen op je website

 

 

 

 

 

 

De afbeeldingen voor je website optimaliseren

Voor elke website blijft dit een punt van aandacht: de afbeeldingen in de juiste verhoudingen en in de juiste bestandsgrootte plaatsen.

Samenvatting:

  • Zorg dat je afbeeldingen een bestandsgrootte hebben die in kb wordt aangegeven. Zie je ergens mb, dan weet je dat het veel te groot is voor een afbeelding op een website.
  • Als je de afbeeldingen in de juiste verhoudingen gebruikt, voorkom je verschillen in bijv. kolomhoogtes naast elkaar.

Hoe doe je dat?

Bereid je afbeeldingen voor. Upload geen .jpg’s die zo van de camera komen. Photoshop, evt Gimp, is een bijzonder prettig tool om je afbeeldingen voor te bereiden. Hiermee kun je je afbeeldingen op het juiste formaat maken, de juiste verhoudingen in pixels breed x hoog, en tevens opslaan in een compactere kwaliteit .jpg.

Bestandsformaten:

  • .tif: veelal door fotografen gebruikt om afbeeldingen zonder kwaliteitsverlies op te slaan
  • .psd: het bestandsformaat van Photoshop, waarin evt vele lagen aanwezig zijn
  • .png: een bestandsformaat dat het mogelijk maakt om transparantie in een afbeelding te gebruiken
  • .gif: een compact bestandsformaat dat animaties mogelijk maakt, met een beperkt aantal kleuren of grijstinten in je afbeelding. Evt ook geschikt om een afbeelding met een beperkt aantal tinten als een nog kleiner bestand op te slaan
  • .jpg het meest gebruikte bestandsformaat waarbij de ene .jpg de andere niet is. Hierover later meer.

Verwarrend begrip:
grootte of bestandsgrootte of grote van je afbeelding.

Een afbeelding heeft zowel fysieke afmetingen die voor beeldschermtoepassingen in pixels wordt gerbuikt. je hebt dan bijv. een afbeelding die 200 pixels hoog is en 300 pixels breed. Deze afbeelding is dus kleiner dan eentje van 2500 hoog x 3500 breed.

Als je een afbeelding opslaat

Verdere mogelijkheden voor optimalisatie:

  • Caching gebruiken (let op: de ene caching is de andere niet!)
  • Teveel afbeeldingen zoals voor bijv. een slider voorkomen
icon2

Meer te weten komen over Wordpress?
Volg dan onze workshop.

Must read over Divi

Pagebuilders

Je wilt als ondernemer met jouw website of webshop hoog scoren in de zoekresultaten van google en het liefst ook nog op zoekwoorden die flink wat bezoekers naar de website trekken. Wij leggen het verschil uit tussen long tail en short tail zoekwoorden zodat jij de juiste keus kan maken voor jouw website.

Lees meer

Divi handleiding oude versie (3.26 tot 4.0)

Handleiding voor het Divi thema, oude versie (3.26 tot 4.0) Uitleg voor de belangrijkste functiesIn deze handleiding wordt gebruik gemaakt van de nieuwste versie van de Divi builder, vanaf versie 4.0. Mocht je nog gebruik maken van een oudere Divi builder, dan kun je...

Lees meer

Divi handleiding oude versie (tot en met 3.26)

Handleiding voor het Divi thema, oude versie (tot en met 3.26) Uitleg voor de belangrijkste functies Let op: Deze versie is verouderd. Ga hier naar de actuele versie.Inhoudsopgave: Pagina aanmaken en layout laden Tekst bewerken Afbeeldingen plaatsen Linkjes maken...

Lees meer

Divi Nieuws

       Alle nieuws rondom Divi Voor als je meer wilt weten over wat er recent aan Divi is toegevoegd, wat de veranderingen aan de backend zijn, of er actuele problemen bekend zijn, etc.  Divi heeft vrijwel wekelijks updates. Veelal gaat het om kleine...

Lees meer

Divi tekstblok naar Word

            Maatwerk plugin om je teksten uit je website te halen en in een Word document te plaatsen.  Ken je het probleem: je website mag internationale bezoekers gaan verwelkomen. Dus alles dient te worden vertaald!...

Lees meer

Hulp nodig?

Heb je problemen met je Divi website?

Neem gerust eens contact met ons op. We helpen je graag verder.

reCAPTCHA is required.