7. Afbeeldingen
Alle afbeeldingen die je gebruikt, staan in je mediabibliotheek. Je uploadt ze één keer en gebruikt ze daarna zo vaak je wilt.
Twee bibliotheken
| Bibliotheek | Waarvoor |
|---|---|
| Deze site | Afbeeldingen die bij deze ene website horen |
| Algemeen | Afbeeldingen die je op al je websites wilt gebruiken — bijvoorbeeld je logo |
In de editor zie je beide als tabbladen. Vanuit je dashboard (Algemene media) open je alleen de algemene afbeeldingen.
Een afbeelding uploaden
Twee manieren:
- Vanuit de mediabibliotheek — klik op het plaatje-icoontje 🖼 in de werkbalk, kies het juiste tabblad en klik op + Uploaden.
- Direct vanuit een blok — selecteer een Afbeelding-blok, klik rechts op het afbeeldingveld en upload of kies. Je kunt een bestand ook zo naar het veld slepen.
Je mag meerdere bestanden tegelijk uploaden.
Wat kan er in?
- Bestandstypen: PNG, JPG en WebP. Andere types worden geweigerd.
- Maximaal 8 MB per afbeelding.
Is je foto groter dan 8 MB? Dan biedt de bibliotheek aan om 'm te comprimeren naar .webp en alsnog te uploaden. Het bestand wordt dan kleiner; de beeldkwaliteit kan daar iets onder lijden, maar meestal valt dit mee en blijft de afbeelding goed voor plaatsing op je website.
Snelheid: waarom dit uitmaakt
Van elke afbeelding maken we automatisch kleinere versies. Bezoekers op een telefoon krijgen de kleine versie, bezoekers op een groot scherm de grote. Dat scheelt enorm in laadtijd, en je hoeft er zelf niets voor te doen.
Je helpt jezelf wel door geen onnodig grote foto's te uploaden. Een foto van 6000 pixels breed voor een klein vakje is verspilling. Maximaal rond de 2000 pixels breed is voor bijna alles ruim voldoende.
Een afbeelding vervangen of weghalen
Selecteer het blok. In het afbeeldingveld rechts staan twee knoppen:
- Wijzigen — kies een andere afbeelding;
- Verwijderen — haal de afbeelding uit dit blok.
Je kunt ook een nieuw bestand op het veld droppen om te vervangen.
Let op: Verwijderen in het blok haalt de afbeelding alleen uit dat blok. In de mediabibliotheek verwijderen haalt 'm echt weg — en dan verdwijnt hij overal waar je 'm gebruikte.
Logo's
Bij de logo-velden (in de site-instellingen en de inrichtings-wizard) snijden we automatisch de witruimte rondom je logo weg. Zo staat je logo altijd netjes uitgelijnd in de balk, ook als er lucht om het bestand zit.
Voor het beste resultaat: gebruik een PNG met doorzichtige achtergrond.
Praktische tips
- Kies één stijl. Allemaal warme foto's, of allemaal strakke productfoto's — dat oogt professioneler dan een mengelmoes.
- Foto's van jezelf en je werk doen het beter dan stockfoto's.
- Let op de uitsnede. Zet een Afbeelding-blok op vullend en de foto wordt bijgesneden tot een strak vlak. Valt er dan net een gezicht weg? Verschuif het beeld met Positie, of zet het blok op passend.
- Gebruik geen tekst in je afbeeldingen. Google kan die niet lezen, en op een telefoon wordt hij onleesbaar klein. Zet tekst in een Tekst-blok.
