Bild in HTML-Element wird nicht angezeigt

Frage

Ich habe in einem HTML-Element ein Bild eingebunden, aber es wird nicht angezeigt. Der restliche HTML-Code scheint korrekt zu sein.

Antwort

Die häufigste Ursache ist ein ungültiger Wert im src-Attribut des <img>-Tags. Das src-Attribut erwartet eine vollständige URL – also eine Webadresse, unter der das Bild öffentlich erreichbar ist.

Was eine gültige Bild-URL ist

Das Bild muss auf einem Webserver liegen und über eine URL aufrufbar sein, z.B.:

<img src="https://www.meine-website.de/bilder/produkt.jpg" alt="Produktbild" />

Häufige Fehlerquellen

Was eingegeben wurde	Problem
4145weiß oder ähnliche Artikelnummern	Keine URL – Browser kann das Bild nicht finden
C:\Bilder\produkt.jpg	Lokaler Dateipfad – im Browser nicht erreichbar
/bilder/produkt.jpg	Relativer Pfad – funktioniert nur, wenn das Bild auf demselben Server liegt

So laden Sie ein Bild hoch

Falls das Bild noch nicht online ist, haben Sie zwei Möglichkeiten:

1. Bild in K3 hochladen: Verwenden Sie ein Bildelement im Konfigurator. K3 stellt dann automatisch eine URL bereit, die Sie kopieren und im src-Attribut verwenden können.
2. Bild auf eigene Website hochladen: Laden Sie das Bild über Ihr CMS (z.B. Shopify, Shopware, WordPress) hoch und kopieren Sie die angezeigte URL.

Warum muss das Bild auf einem Server liegen?

Ein Konfigurator wird im Browser des Endkunden ausgeführt. Der Browser kann nur auf Bilder zugreifen, die über eine öffentlich erreichbare URL verfügbar sind – lokale Dateipfade oder interne Netzwerkpfade sind für den Browser nicht sichtbar.

Verwandte Themen

• HTML-Inhalte im Konfigurator
• Bilder einbinden
• Bildquellen und URLs