Als je afbeeldingen er op desktop goed uitzien maar op mobiel bijgesneden lijken, komt dit meestal door de automatische aanpassing aan verschillende schermformaten. Je kunt het zichtbare gedeelte direct in de editor aanpassen en zo het resultaat verbeteren.
Waarom gebeurt dit?
Jimdo gebruikt een responsive layout die je content automatisch aanpast aan verschillende schermgroottes. Wanneer een afbeelding als achtergrond wordt gebruikt of in een sectie over de volledige breedte staat, wordt deze bijgesneden om op kleinere schermen te passen.
Dit is normaal gedrag. De afbeelding is niet kapot, maar wordt simpelweg anders weergegeven dan op desktop.
De meest voorkomende oorzaken:
- De afbeelding wordt gebruikt als achtergrond van een sectie en niet als los afbeeldingselement
- De afbeelding heeft een staand formaat dat niet goed past in een brede mobiele weergave
- Het belangrijkste deel van de afbeelding bevindt zich dicht bij de randen en kan op kleinere schermen worden afgesneden
Uitsnede van een afbeelding aanpassen
Je kunt bepalen welk deel van de afbeelding zichtbaar blijft door een focuspunt in te stellen in de editor.
- Log in op je Jimdo account en selecteer de website die je wilt bewerken
- Open de editor via Website bewerken
- Selecteer de afbeelding die je wilt aanpassen
- Open de optie Focuspunt instellen
- Bepaal welk deel zichtbaar moet blijven door het gebied te selecteren of het focuspunt te verslepen terwijl je de muisknop ingedrukt houdt
- Klik buiten de afbeelding om de wijzigingen toe te passen
Tip: Plaats het focuspunt in het midden van je onderwerp, bijvoorbeeld een gezicht of logo, zodat dit altijd zichtbaar blijft.
Tips voor afbeeldingen die goed werken op mobiel
- Voor afbeeldingen met tekst, logo’s of in staand formaat kun je beter een About blok gebruiken. Deze blokken schalen de afbeelding in plaats van deze bij te snijden, zodat alles zichtbaar blijft
- Gebruik liggende afbeeldingen voor sectie achtergronden, omdat staande afbeeldingen sterker worden bijgesneden op mobiel
- Vermijd tekst, logo’s of andere belangrijke informatie in afbeeldingen. Gebruik in plaats daarvan de tekstelementen van het blok zodat je content goed leesbaar blijft
- Gebruik de mobiele preview in de editor voordat je publiceert om het resultaat te controleren
Ziet het er nog steeds niet goed uit?
Als de afbeelding na het instellen van het focuspunt nog steeds niet goed wordt weergegeven op mobiel, probeer dan het volgende:
- Vervang de afbeelding door een versie met een breder formaat
- Gebruik een effen kleur of verloop als achtergrond in plaats van een afbeelding