Creëer een prachtige visuele ervaring op je mobiele website door de afbeeldingen die zijn overgenomen van je desktopversie te verfijnen en de afbeeldingen die je toevoegt vanuit de mobiele Editor aan te passen.
Het aanpassen van afbeeldingen die van de desktopversie zijn overgenomen, is beperkt. Je kunt je afbeeldingsinstellingen aanpassen, de afbeelding bijsnijden en leuke animaties toevoegen. Met afbeeldingen die zijn toegevoegd vanuit de mobiele Editor, heb je volledige controle over aanpassingen. Voeg filters en frames toe, pas aan wat er gebeurt als er op een afbeelding wordt geklikt en voeg zelfs links toe.
Lees meer over afbeeldingen:
Afbeeldingen overgenomen van je desktopversie
Afbeeldingen die je toevoegt aan de desktopversie van je website, worden automatisch overgebracht naar je mobiele website. Je kunt de instellingen van de afbeelding aanpassen, de afbeelding bijsnijden en een animatie toevoegen om deze anders te maken dan de desktopversie.
Afbeeldingen aanpassen die zijn overgedragen van de desktopversie:
- Klik op de afbeelding in je mobiele Editor.
- Afhankelijk van wat je wilt aanpassen, doe je het volgende:
Mijn afbeeldingsinstellingen wijzigen
Pas aan hoe je bezoekers interactie hebben met je afbeeldingen en wat er gebeurt als het formaat van afbeeldingen op verschillende mobiele apparaten wordt gewijzigd.
Om je afbeeldingsinstellingen te wijzigen:
- Klik in de mobiele weergave op de afbeelding.
- Klik op het Instellingen-pictogram .
- Personaliseer het volgende:
- Beeldgedrag: Bepaal hoe je bezoekers interactie hebben met afbeeldingen.
- Als er op een afbeelding wordt getikt:
- Niets: De afbeelding is niet klikbaar, er gebeurt niets als erop wordt geklikt.
- Er wordt een link geopend: De afbeelding fungeert als een knop en kan worden gekoppeld aan een pagina, een anker op je website, een externe URL en meer.
- Het opent in een pop-up: De afbeelding wordt geopend in een pop-upvenster.
- Formaat van afbeelding wijzigen: Bepaal wat er gebeurt wanneer het formaat van je afbeeldingen wordt gewijzigd.
- Verhoudingen behouden: De afbeelding en vorm behouden de oorspronkelijke verhoudingen wanneer het formaat wordt gewijzigd.
- Automatisch aavullen: De afbeelding wordt automatisch aangepast om de ruimte op het apparaat van je bezoeker te vullen.
Mijn afbeelding bijsnijden
Presenteer een nieuwe versie van je afbeelding in je mobiele weergave door je afbeelding handmatig bij te snijden of een vormuitsnede te gebruiken.
Om een afbeelding handmatig bij te snijden:
- Klik in de mobiele weergave op de afbeelding.
- Klik op het Bijsnijden-pictogram .
- Sleep de schuifregelaar om de afbeelding in en uit te zoomen.
- Verplaats de afbeelding om het gewenste deel weer te geven.
- Klik op Toepassen.
Een afbeelding bijsnijden met vormen:
- Klik in de mobiele weergave op de afbeelding.
- Klik op het Bijsnijden-pictogram .
- Sleep de schuifregelaar om de afbeelding in en uit te zoomen.
- Klik op het Vorm bijsnijden-pictogram en kies een vorm.
- Klik op Toepassen.
Voeg een afbeeldingsanimatie toe
Voeg een leuke animatie toe aan je afbeelding op mobiel om je website op te fleuren.
Om een animatie toe te voegen:
- Klik in de mobiele weergave op de afbeelding.
- Klik op het Animatie-pictogram .
- Selecteer de animatie die je wilt toepassen.
- Klik op Aanpassen om je animatie aan te passen.
Afbeeldingen toegevoegd vanuit de mobiele Editor
Kies uit verschillende soorten afbeeldingen om direct vanuit de mobiele Editor aan je website toe te voegen. Afbeeldingen die in de mobiele Editor zijn toegevoegd, kunnen volledig worden aangepast. Pas je afbeeldingsinstellingen en ontwerp aan, voeg filters toe, snijd afbeeldingen bij en voeg zelfs animaties toe.
Welke soorten afbeeldingen zijn beschikbaar?
- Mijn uploads: Upload je eigen afbeeldingsbestanden om op je website te gebruiken.
- Collecties: Kies uit honderden stockfoto's en illustraties die beschikbaar zijn bij Wix, Shutterstock en Unsplash.
- Social media: Verbind je social media-accounts om afbeeldingen van platforms zoals Facebook en Instagram weer te geven.
Om afbeeldingen voor alleen mobiel toe te voegen en aan te passen:
- Klik links op het Toevoegen aan mobiel-pictogram .
- Klik op Afbeelding.
- Selecteer het type afbeelding dat je wilt toevoegen.
- Klik op de afbeelding die je wilt uploaden en klik op Toevoegen aan pagina.
- Afhankelijk van wat je wilt aanpassen, doe je het volgende:
Mijn afbeeldingsinstellingen wijzigen
Verfijn wat er gebeurt als er op je afbeelding wordt geklikt, voeg een tooltip en/of alt-tekst toe om Google te helpen je afbeelding te lezen. Je kunt ook kiezen wat er met je afbeeldingen gebeurt wanneer het formaat wordt aangepast.
Instellen wat er gebeurt als er op een afbeelding wordt geklikt:
- Klik op de afbeelding.
- Klik op het Instellingen-pictogram .
- Klik op het Bij het aanklikken-drop-down menu en selecteer een optie:
- Gebeurt er niets: Er gebeurt niets wanneer op de afbeelding wordt geklikt.
- Gaat een koppeling open: De afbeelding fungeert als een knop en kan worden gekoppeld aan een pagina, positie of anker op je website, een externe URL, een document of een e-mailadres.
- Openen in een pop-up: De afbeelding wordt geopend in een pop-upvenster.
- Kan worden vergroot: De cursor wordt een vergrootglas wanneer een bezoeker over de afbeelding zweeft. Als je op de afbeelding klikt, wordt deze vergroot.
Alt-tekst aan je afbeelding toevoegen:
- Klik op de afbeelding.
- Klik op het Instellingen-pictogram .
- Voer de tekst in het Wat staat er op de afbeelding? Laat het Google weten-tekstvak in.
Om een tooltip toe te voegen aan een afbeelding:
- Klik op de afbeelding.
- Klik op het Instellingen-pictogram .
- Voer de tekst in het Heeft deze afbeelding een tooltip?-tekstvak in.
Om het formaat van je afbeelding te wijzigen:
- Klik op de afbeelding.
- Klik op het Instellingen-pictogram .
- Klik op de relevante schakelaar om te kiezen wat er met je afbeeldingen gebeurt wanneer het formaat wordt gewijzigd.
- Verhoudingen behouden: De afbeelding en vorm behouden de oorspronkelijke verhoudingen wanneer het formaat wordt gewijzigd.
- Automatisch vullen: De afbeelding past zich automatisch aan om de ruimte te vullen.
Let op: Automatisch vullen kan alleen worden ingeschakeld nadat Verhoudingen behouden is ingeschakeld.
Voeg een afbeeldingskader-ontwerp toe
Wijzig het ontwerp van je afbeelding en pas aan hoe je afbeeldingskader eruitziet op je mobiele website.
Om het ontwerp van je afbeeldingskader aan te passen:
- Klik op de afbeelding.
- Klik op het Ontwerp-pictogram .
- Selecteer een vooraf ingesteld ontwerp of klik op Ontwerp aanpassen.
- Pas de afbeelding aan:
- Opvulkleur en dekking: Selecteer de kleuren en dekking van de afbeelding.
- Rand: Ontwerp de randen van je afbeelding.
- Hoeken: Rond de hoeken van je afbeelding af.
- Schaduw: Ontwerp een schaduw voor je afbeelding.
Mijn afbeelding bijsnijden
Presenteer een nieuwe versie van je afbeelding in je mobiele weergave door je afbeelding handmatig bij te snijden of een vormuitsnede te gebruiken.
Om een afbeelding bij te snijden:
- Klik op de afbeelding.
- Klik op het Bijsnijden-pictogram .
- Sleep de schuifregelaar om de afbeelding in en uit te zoomen.
- Verplaats de afbeelding om het gewenste deel weer te geven.
- Klik op Toepassen.
Een afbeelding bijsnijden met vormen:
- Klik in de mobiele weergave op de afbeelding.
- Klik op het Bijsnijden-pictogram .
- Sleep de schuifregelaar om de afbeelding in en uit te zoomen.
- Klik op het Vorm bijsnijden-pictogramen selecteer een vorm.
- Klik op Toepassen.
Voeg filters en animaties toe
Transformeer je afbeelding door een van onze filters toe te passen en voeg een coole animatie toe om je mobiele website op te fleuren.
Om een filter toe te voegen:
- Klik op de afbeelding.
- Klik op het Filters-pictogram .
- Klik op een filter om het aan je afbeelding toe te voegen.
Om een animatie toe te voegen:
- Klik in de mobiele weergave op de afbeelding.
- Klik op het Animatie-pictogram .
- Selecteer de animatie die je wilt toepassen.
- Klik op Aanpassen om je animatie verder aan te passen.
Voeg een link toe aan mijn afbeelding
Voeg links naar je afbeeldingen toe om bezoekersinteractie op je website aan te moedigen.
Om een link aan een afbeelding toe te voegen:
- Klik op het Koppeling-pictogram.
- Selecteer een koppelingstype en voer de details in.
- Klik op Gereed.
Lees meer over de linktypes die je aan een afbeelding toe kunt voegen.