Widget „Bild"

Mit dem Bild-Widget bringst du ein Bild auf deine Website. Bilder lassen sich auch wie Buttons einsetzen: Dann führen sie zu anderen Seiten oder Websites, laden Dateien herunter oder öffnen Popups. Und natürlich gestalten Bilder deine Website, präsentieren deine Produkte und schaffen einen weiteren Draht zu deinen Besuchern.

Folgende Bilddateitypen werden unterstützt: png, jpg, jpeg, gif, svg, svg+xml, ico, x-icon, webp.

Warnung: Jedes hochgeladene Bild ist öffentlich zugänglich. Lade keine persönlichen oder vertraulichen Informationen hoch. Um ein Bild vollständig zu entfernen, lösche es im Picker.

Hinweis:

• Jede Website kann bis zu 15.000 Mediendateien enthalten, darunter Bilder, Audio und Dateien. Weitere Dateien führen zu einer Fehlermeldung. Die maximale Größe pro Datei beträgt 50 MB.
• Dateinamen dürfen keine Leerzeichen oder Sonderzeichen enthalten.

Informationen zum Hinzufügen von Widgets findest du unter „Add Widgets".

Tipp: Weitere Informationen zu Widgets und zur Widget-Bibliothek findest du unter „Widgets: Library and Overview".

Bild-Widget über das Media Panel hinzufügen (Editor 2.0)

Über das Media Panel fügst du ein Bild und ein Bild-Widget in einem Schritt zum Canvas hinzu oder ersetzt ein vorhandenes Bild. Mehr über das Media Panel erfährst du unter „Media Panel".

So fügst du ein Bild-Widget über das Media Panel hinzu:

1. Klicke in der Seitenleiste auf Hinzufügen und dann auf Medien.
2. (Optional) Nutze die Filter, um das gewünschte Bild zu finden. Oder klicke auf Upload Media, um ein neues Bild hinzuzufügen.
3. Ziehe das gewünschte Bild per Drag-and-drop auf den Canvas. Beachte, dass Bilder nicht in Widgets platziert werden können, die mit dynamischen Seiten verbunden sind.

Inhalte bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten der Inhalte.

1. Sobald ein Bild-Widget zur Website hinzugefügt wurde, klicke auf + Bild, um ein Bild auszuwählen.
2. Wähle zwischen den vorhandenen Stockfotos in der Galerie oder klicke auf + Hochladen, um dein eigenes Bild hinzuzufügen. Für weitere Auswahlmöglichkeiten klicke auf Vollansicht. Sobald ein Bild ausgewählt ist, steht folgende Option zur Verfügung:
   • Ersetzen. Wähle ein anderes Bild.
3. Im Inhalts-Editor stehen folgende Optionen zur Verfügung:
   • Link-Bild. Bilder lassen sich mit anderen Seiten und URLs, Popups, Ankern, E-Mail-Adressen und herunterladbaren Dateien verknüpfen. Klickt ein Besucher auf das Bild, gelangt er zum Link.
   • Alt-Text. Über den Alt-Text erkennen Suchmaschinen den Bildinhalt. Schreibe einen Text, der das Bild beschreibt.
     • Klicke auf All Alt Text, um den Alt-Text aller Bilder der Website anzusehen und zu verwalten.
   • Tooltip. Text, der erscheint, wenn ein Besucher mit der Maus über ein Bild fährt.
   • Caption. Gib eine Bildunterschrift für das Bild ein.
   • Alternatives Bild beim Bewegen des Mauszeigers.

Bild mit KI erzeugen

Diese Funktion befindet sich noch im Test und wird nach und nach für Konten ausgerollt.

Um ein Bild mit KI zu erzeugen, klicke im schwebenden Menü des Bild-Widgets auf das KI-Funkel-Symbol. Gib einen Prompt ein und wähle dann das Bildformat (quadratisch, horizontal oder vertikal). Klicke auf den orangefarbenen Absende-Pfeil, wenn du bereit bist, ein Bild zu erzeugen.

Klicke auf Use This, um das gewünschte Bild auszuwählen. Oder du startest bei Bedarf mit einem neuen Prompt neu, erzeugst mit demselben Prompt erneut oder bearbeitest das ausgewählte Bild.

Design bearbeiten

Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten des Designs.

Den Schalter, mit dem du die Bildoptimierung ausschaltest, findest du im Tab Stil.

Warnung: Das Ausschalten der Bildoptimierung kann sich auf Seitengeschwindigkeit und/oder Leistung auswirken.

Informationen zu Design-Optionen, die nicht speziell zu diesem Widget gehören (zum Beispiel Layout, Stil oder Abstände), findest du unter „Widget Design".

Häufige Fragen und Fehlerbehebung

Bilder sind unscharf, wie behebe ich das?

Unscharfe Bilder können manchmal durch die Optimierung entstehen. In diesem Fall kannst du die Optimierung ausschalten, das kann sich jedoch auf die Geschwindigkeit der Website auswirken.

So schaltest du die Optimierung aus:

1. Klicke auf das Element, um das schwebende Menü zu öffnen, und klicke dann auf die Option zum Bearbeiten des Designs.
2. Wechsle in den Bereich Stil.
3. Klicke auf den Schalter Bild nicht optimieren.

Ich erhalte die Fehlermeldung „Name wird bereits verwendet", habe aber keine Datei mit diesem Namen

Dateinamen können eine Weile im Cache bleiben. Wurde kürzlich eine Datei mit demselben Namen gelöscht, ist sie wahrscheinlich noch im Cache, und du musst einen anderen Namen verwenden.

Warum ist der Inhalt meiner hochgeladenen Datei falsch?

Möglicherweise wurde kürzlich eine Datei mit demselben Namen gelöscht. Dateinamen können eine Weile im Cache bleiben. Die Datei muss dann umbenannt werden.

Um eine Datei umzubenennen, öffne den Media Manager, wähle die Datei aus und klicke auf Umbenennen. Nutzt du eine Bibliothek oder einen Picker, aktiviere dort die Option Verwalten.

Dem Dateinamen werden zusätzliche Zeichen hinzugefügt

Das liegt wahrscheinlich an einer vorhandenen Datei mit demselben Namen oder an einer kürzlich gelöschten. Dateinamen können eine Weile im Cache bleiben, daher ist Umbenennen bei diesem Problem oft die beste Lösung.

Um eine Datei umzubenennen, öffne den Media Manager, wähle die Datei aus und klicke auf Umbenennen. Nutzt du eine Bibliothek oder einen Picker, aktiviere dort die Option Verwalten.

Wie erreiche ich, dass ein Bild in der richtigen Größe angezeigt wird?

So optimierst du die Bildgrößen für deine Website:

• Lade Bilder nur so groß hoch, wie sie tatsächlich verwendet werden (wird das Bild zum Beispiel mit 300px mal 300px auf der Website angezeigt, lade es nicht als Bild mit 4000px mal 4000px hoch).
• Die maximale Bildgröße, die auf deiner Website angezeigt wird, darf 3.145.728 Pixel nicht überschreiten.
• Achte auf das Seitenverhältnis: 16:9-Bilder sehen auf dem Desktop gut aus, wirken auf dem Handy aber zu klein. In diesem Fall:
  • Nutze die Funktion Hide on Device, um für jedes Gerät eine eigene Version des Bildes zu erstellen.
  • Passe die Bildabmessungen (Seitenverhältnis) an. Größenänderungen gelten geräteunabhängig.

Ein Bild lässt sich nicht hochladen

Dafür kann es mehrere Gründe geben.

Ein guter erster Schritt ist zu testen, ob sich andere Bilder hochladen lassen.

Klappt das, liegt der Fehler meist an der Datei selbst oder die Datei ist zu groß (Dateien dürfen maximal 200 MB groß sein).

Tipp: Es gibt mehrere mögliche Ursachen, die das Hochladen von Dateien verhindern. Eine häufige ist, dass die Datei gesperrt ist. In diesem Fall muss der vorherige Besitzer der Datei sie entsperren und stellt möglicherweise eine neue Version bereit.

Klappt es nicht, kann das an Folgendem liegen:

• Das maximale Dateilimit ist erreicht (pro Website lassen sich bis zu 15.000 Bilder, Audioclips und Dateien hochladen).
• Der verwendete Browser oder das verwendete Gerät. In diesem Fall hilft es vielleicht, den Cache zu leeren, einen anderen Browser oder ein anderes Gerät zu verwenden oder das Gerät neu zu starten.