Wenn deine Bilder auf dem Computer korrekt angezeigt werden, aber auf dem Smartphone abgeschnitten wirken, liegt das meist an der automatischen Anpassung an verschiedene Bildschirmgrößen. Du kannst den sichtbaren Bereich direkt im Editor steuern und so die Darstellung verbessern.
Warum passiert das?
Jimdo verwendet ein responsives Layout, das deine Inhalte automatisch an unterschiedliche Bildschirmgrößen anpasst. Wenn ein Bild als Hintergrund oder in einem vollbreiten Bereich verwendet wird, wird es auf kleineren Bildschirmen entsprechend zugeschnitten.
Das ist normales Verhalten. Das Bild ist nicht fehlerhaft, sondern wird lediglich anders dargestellt als auf dem Computer.
Die häufigsten Ursachen:
- Das Bild wird als Hintergrund für einen Abschnitt verwendet und nicht als eigenes Bildelement
- Das Bild hat ein Hochformat, das sich nicht gut für breite mobile Ansichten eignet
- Der wichtige Bereich des Bildes liegt nah am Rand und wird auf kleineren Bildschirmen abgeschnitten
Bildzuschnitt anpassen
Du kannst festlegen, welcher Bereich des Bildes sichtbar bleibt, indem du den Fokuspunkt direkt im Editor setzt.
- Melde dich in deinem Jimdo Konto an und wähle die Website aus, die du bearbeiten möchtest
- Öffne den Editor über Website bearbeiten
- Wähle das Bild aus, das du anpassen möchtest
- Öffne die Option Fokuspunkt festlegen
- Bestimme den sichtbaren Bereich, indem du ihn auswählst oder den Fokuspunkt mit gedrückter Maustaste verschiebst
- Klicke außerhalb des Bildes, um die Änderungen zu übernehmen
Tipp: Setze den Fokuspunkt in die Mitte deines Motivs, zum Beispiel auf ein Gesicht oder Logo, damit es auf allen Bildschirmgrößen sichtbar bleibt.
Tipps für passende Bilder auf Mobilgeräten
- Für Bilder mit Text, Logos oder im Hochformat verwende einen Block aus der Kategorie "About". Diese Blöcke skalieren das Bild, anstatt es zuzuschneiden, sodass es vollständig sichtbar bleibt
- Verwende möglichst breite Bilder für Abschnitt Hintergründe, da Hochformat Bilder auf Mobilgeräten stärker zugeschnitten werden
- Vermeide es, Text, Logos oder andere wichtige Inhalte direkt im Bild zu platzieren. Nutze stattdessen die Textelemente im Block, damit deine Inhalte gut lesbar bleiben
- Nutze die mobile Vorschau im Editor, um die Darstellung vor der Veröffentlichung zu überprüfen
Sieht es immer noch nicht richtig aus?
Wenn das Bild trotz angepasstem Fokuspunkt auf Mobilgeräten nicht korrekt dargestellt wird, kannst du Folgendes versuchen:
- Ersetze das Bild durch eines mit einem breiteren Seitenverhältnis
- Verwende statt eines Bildes eine einfarbige Fläche oder einen Farbverlauf als Hintergrund