Schaffe ein schönes visuelles Erlebnis auf deiner Mobile-Website, indem du die Bilder aus deiner Desktop-Version optimierst und die Bilder anpasst, die du aus dem Mobile-Editor hinzufügst.
Du kannst die Bilder, die vom Desktop übertragen werden, nur begrenzt anpassen - du kannst deine Bildeinstellungen anpassen, das Bild zuschneiden und lustige Animationen hinzufügen. Wenn du Bilder im Mobile-Editor hinzufügst, hast du die volle Kontrolle über die Anpassung – füge Filter und Rahmen hinzu, passe an, was passiert, wenn ein Bild angeklickt wird, und füge sogar Links hinzu.
Erfahre mehr über Bilder:
Bilder, die von deiner Desktop-Version übernommen wurden
Bilder, die du zur Desktop-Version deiner Website hinzufügst, werden automatisch auf deine Mobile-Website übertragen. Du kannst die Einstellungen des Bildes anpassen, es zuschneiden und eine Animation hinzufügen, damit es sich von der Desktop-Version unterscheidet.
Um Bilder anzupassen, die vom Desktop übertragen werden:
- Klicke im Mobile-Editor auf das Bild.
- Je nachdem, was du anpassen möchtest, gehe wie folgt vor:
Meine Bildeinstellungen ändern
Passe an, wie deine Besucher mit deinen Bildern interagieren und was passiert, wenn die Bildgröße auf verschiedenen Mobilgeräten angepasst wird.
Um deine Bildeinstellungen zu ändern:
- Klicke in der Mobile-Ansicht auf das Bild.
- Klicke auf das Symbol für Einstellungen
. - Passe Folgendes an:
- Bildverhalten: Entscheide, wie deine Besucher mit Bildern interagieren.
- Wenn auf ein Bild getippt wird:
- Nichts: Das Bild ist nicht anklickbar, es passiert nichts, wenn es angeklickt wird.
- Ein Link wird geöffnet: Das Bild fungiert als Button und kann mit einer Seite, einem Anker auf deiner Website, einer externen URL usw. verlinkt werden.
- In einem Pop-up öffnen: Das Bild wird als Pop-up geöffnet.
- Bildgröße ändern: Entscheide, was passiert, wenn die Größe deiner Bilder geändert wird.
- Proportionen beibehalten: Wenn du die Größe änderst, werden die ursprünglichen Proportionen von Bild und Form bei.
- Automatisch ausfüllen: Das Bild wird automatisch so angepasst, dass es den Bereich auf dem Gerät deines Besuchers ausfüllt.
Präsentiere eine neue Version deines Bildes in deiner Mobile-Ansicht, indem du dein Bild manuell zuschneidest oder eine Form zuschneidest.
Um ein Bild manuell zuzuschneiden:
- Klicke in der Mobile-Ansicht auf das Bild.
- Klicke auf das Symbol für Zuschneiden
. - Ziehe den Schieberegler, um das Bild zu vergrößern oder zu verkleinern.
- Verschiebe das Bild, um den gewünschten Bereich anzuzeigen.
- Klicke auf Übernehmen.
Um ein Bild mit Formen zuzuschneiden:
- Klicke in der Mobile-Ansicht auf das Bild.
- Klicke auf das Symbol für Zuschneiden .
- Ziehe den Schieberegler, um das Bild zu vergrößern oder zu verkleinern.
- Klicke auf das Symbol für Form zuschneiden
und wähle eine Form. - Klicke auf Übernehmen.
Eine Bildanimation hinzufügen
Füge deinem Bild auf Mobilgeräten eine lustige Animation hinzu, um deine Website zu beleben.
Um eine Animation hinzuzufügen:
- Klicke in der Mobile-Ansicht auf das Bild.
- Klicke auf das Symbol für Animation
. - Wähle die Animation aus, die du verwenden möchtest.
- Klicke auf Anpassen, um deine Animation anzupassen.
Aus dem Mobile-Editor hinzugefügte Bilder
Wähle aus einer Vielzahl von Bildtypen aus, die du direkt aus dem Mobile-Editor deiner Website hinzufügen möchtest. Bilder, die im Mobile-Editor hinzugefügt werden, sind vollständig anpassbar. Passe deine Bildeinstellungen und dein Design an, füge Filter hinzu, schneide diese zu und füge sogar Animationen hinzu.
Welche Arten von Bildern sind verfügbar?
- Meine Dateien: Lade deine eigenen Bilddateien hoch, um sie auf deiner Website zu verwenden.
- Bildersammlungen: Wähle aus Hunderten von Stock-Bildern und Illustrationen von Wix, Shutterstock und Unsplash.
- Social-Media-Bilder: Verbinde deine Konten in den sozialen Netzwerken, um Bilder von Plattformen wie Facebook und Instagram anzuzeigen.
Um Mobile-Only-Bilder hinzuzufügen und anzupassen:
- Klicke links auf das Symbol für Zur Mobile-Website hinzufügen
. - Klicke auf Bild.
- Wähle den Bildtyp aus, den du hinzufügen möchtest.
- Klicke auf das Bild, das du hochladen möchtest, und klicke auf Hinzufügen.
- Je nachdem, was du anpassen möchtest, gehe wie folgt vor:
Meine Bildeinstellungen ändern
Lege fest, was passiert, wenn auf dein Bild geklickt wird, und füge eine Quickinfo und/oder einen Alt-Text hinzu, damit Google dein Bild besser lesen kann. Du kannst auch auswählen, was mit deinen Bildern passiert, wenn ihre Größe geändert wird.
Um festzulegen, was passiert, wenn ein Bild angeklickt wird:
- Klicke auf das Bild.
- Klicke auf das Symbol für Einstellungen .
- Klicke auf das Aufklappmenü Beim Anklicken des Bildes und wähle eine Option aus:
- Nichts: Es passiert nichts, wenn das Bild angeklickt wird.
- Ein Link wird geöffnet: Das Bild fungiert als Button und kann mit einer Seite, einer Position oder einem Anker auf deiner Website, einer externen URL, einem Dokument oder einer E-Mail-Adresse verlinkt werden.
- In einem Pop-up öffnen: Das Bild wird in einem Pop-up-Fenster geöffnet.
- Kann vergrößert werden: Der Cursor wird zu einer Lupe, wenn ein Besucher mit der Maus über das Bild fährt. Wenn du auf das Bild klickst, wird es vergrößert.
Um Alt-Text zu deinem Bild hinzuzufügen:
- Klicke auf das Bild.
- Klicke auf das Symbol für Einstellungen .
- Gib den Text in das Textfeld Was ist auf dem Bild zu sehen? Relevant für Google ein.
Um eine Quickinfo zu einem Bild hinzuzufügen:
- Klicke auf das Bild.
- Klicke auf das Symbol für Einstellungen .
- Gib den Text in das Textfeld Quickinfo (bei Mouseover) ein.
Um die Größe deiner Bilder zu ändern:
- Klicke auf das Bild.
- Klicke auf das Symbol für Einstellungen .
- Klicke auf den entsprechenden Schalter, um auszuwählen, was mit deinen Bildern passiert, wenn ihre Größe geändert wird.
- Proportionen beibehalten: Das Bild und die Form behalten bei der Größenänderung die ursprünglichen Proportionen bei.
- Automatisch ausfüllen: Das Bild wird automatisch so angepasst, dass es den Bereich ausfüllt.
Hinweis: Die automatische Füllung kann nur aktiviert werden, wenn Proportionen beibehalten aktiviert ist.
Das Design des Bildrahmens hinzufügen
Ändere das Design deines Bildes und passe an, wie der Rahmen deines Bildes auf deiner Mobile-Website aussieht.
Um das Design deines Bildrahmens anzupassen:
- Klicke auf das Bild.
- Klicke auf das Symbol für Design
. - Wähle ein voreingestelltes Design aus oder klicke auf Design anpassen.
- Passe das Bild an:
- Füllfarbe & Deckkraft: Wähle eine Hintergrundfarbe und die Deckkraft aus.
- Rand: Gestalte den Rand deines Bildes.
- Ecken: Runde die Ecken des Bildes ab.
- Schattierung: Gestalte eine Schattierung für dein Bild.
Präsentiere eine neue Version deines Bildes in deiner Mobile-Ansicht, indem du dein Bild manuell zuschneidest oder eine Form zuschneidest.
Um ein Bild zuzuschneiden:
- Klicke auf das Bild.
- Klicke auf das Symbol für Zuschneiden .
- Ziehe den Schieberegler, um das Bild zu vergrößern oder zu verkleinern.
- Verschiebe das Bild, um den gewünschten Bereich anzuzeigen.
- Klicke auf Übernehmen.
Um ein Bild mit Formen zuzuschneiden:
- Klicke in der Mobile-Ansicht auf das Bild.
- Klicke auf das Symbol für Zuschneiden .
- Ziehe den Schieberegler, um das Bild zu vergrößern oder zu verkleinern.
- Klicke auf das Symbol für Form zuschneiden
und wähle eine Form. - Klicke auf Übernehmen.
Filter und Animationen hinzufügen
Verwandle dein Bild, indem du einen unserer Filter anwendest und eine coole Animation hinzufügst, um deine Mobile-Website zu beleben.
Um einen Filter hinzuzufügen:
- Klicke auf das Bild.
- Klicke auf das Symbol für Filter
. - Klicke auf einen Filter, um ihn zu deinem Bild hinzuzufügen.
Um eine Animation hinzuzufügen:
- Klicke in der Mobile-Ansicht auf das Bild.
- Klicke auf das Symbol für Animation .
- Wähle die Animation aus, die du verwenden möchtest.
- Klicke auf Anpassen, um deine Animation anzupassen.
Einen Link zu meinem Bild hinzufügen
Füge Links zu deinen Bildern hinzu, um die Besucherinteraktion auf deiner Website zu fördern.
Um einen Link zu einem Bild hinzuzufügen:
- Klicke auf das Symbol für Link
. - Wähle den Link-Typ aus und gib die Details ein.
- Klicke auf Fertig.
, wenn du darauf klickst.
