Plaatjes vullen wel degelijk gaatjes
Praatjes ook maar daarover een andere keer
De gemiddelde webpagina is momenteel meer dan 2 MB en de meerderheid van deze bytes betreft toch steeds weer die afbeeldingen. Schermen worden scherper en/of groter zodat voor een mooi effect grotere afbeeldingen worden geplaatst. Ik zie nog steeds uploads van 2MB en zelfs meer. Dat is écht niet de bedoeling! Verklein je foto’s, comprimeer deze en laat ze onder de 100 kB als ze klein worden gebruikt.
Max 200 kB voor groter gebruik. Afhankelijk van je doel mogen headers in volle breedte wel iets groter zijn. Bovengrens: 1920 pixels breed. Breder dan 1920 pixels heeft geen zin op je site, tenzij de foto bedoelt is als download zodat klanten hem groot kunnen afdrukken.
Als je niet oppast vertragen afbeeldingen de laadtijd enorm - met name op oudere apparaten en op tragere / dure netwerkverbindingen.
Gelukkig is WordPress hierop beter ingesteld
Sinds WordPress 4.4 is door het toevoegen van nieuwe code al een verbetering gerealiseerd.
We kunnen je wel helpen met een plugin maar als het er al te groot in staat heeft dat geen zin.
Welke bestanden ga je aanleveren voor je website?
Wil je meer dan alleen maar tekst op je site? Duh! Dit hebben we van je nodig:
- je logo (bij voorkeur .png als je deze ook met transparante achtergrond verwerkt wilt zien. .jpg kan ook of een vector bestand.
- je profielfoto (pagina over mij) in goede kwaliteit. Laat een goede “Headshot” maken. Is het meer dan waard!
- Afbeeldingen en achtergronden om op je website verder te gebruiken, lees wel hieronder belangrijke info over copyright…
- Gifjes en video’s als je die wilt gebruiken: geef ons de link, niet de bestanden zelf. Die vertragen je website.
Wat kun je zelf aan afbeeldingen doen?
- geef je afbeelding eerst een logische bestandsnaam
- sla een foto op als .jpg
- een logo of afbeelding met transparantie - grafische bestanden als .png
- Heb je een fotograaf? Die weten wel wat je bedoelt met webformaat.
- Doe je het zelf? Dan kun je het ook doen (1 voor 1 of max 20 tegelijk max 5 MB)
ga naar https://tinypng.com/
(Deze site is gratis, verklein hier je afbeeldingen zonder zichtbaar verlies) Heb je veel fotos tegelijk om te verkleinen? Volg dan deze instructie - vervang de grote afbeelding door de nieuwe op je site, en verwijder hem uit de mediabibliotheek.
Dat is alles!
Tip:
Bij een SoCherish pakket regelt SoPressed dat allemaal voor jou. Je site wordt regelmatig getest en moet van ons onder de 4 seconden laden. Wel verwachten we van jou dat je onze instructies volgt. Zorg dat ze al voor het uploaden vooral niet te groot en juist genoemd zijn, want wij kunnen de afbeeldingen die op de pagina worden getoond wel optimaliseren, maar de bestandnaam veranderen gaat dan niet meer. Ook loopt je hostingpakket snel vol als je er veel bestanden van circa 10MB in zet, de bron wordt immers ook bewaard.
Heb je snelle hosting van SoPressed en niet te veel koppelingen met externe sites (Social media koppelingen en dergelijke kunnen ook vertragen) dan streven we naar 2 seconden of minder.
P.S. Let even op Copyright: niet zomaar plaatjes scoren op internet
Voor wie het misschien niet weet: Op foto´s, graphics, logo´s, maar ook op teksten rust auteursrecht. Gebruik dus alleen afbeeldingen op je website die je zelf hebt gemaakt of hebt laten maken. De eigenaar van de website (dat ben jij) is verantwoordelijk voor de inhoud ervan. Heb je geen budget om eigen foto´s te maken? Kies dan voor rechtenvrije foto´s of maak leuke afbeeldingen in bijvoorbeeld:
- Canva.com
- Unsplash
- The Stocks
- ISO Republic
- Pixaby
- iStock
- Coverr
- Startup Stock Photos