Drücke Ctrl+D, um diese Seite als Lesezeichen zu speichern
Der Platzhalter-Bild-Generator ist ein kostenloses Online-Tool zur Erstellung temporärer Bilder für Entwicklung und Design.
Wie benutzt man Platzhalter-Bild?
Geben Sie die Abmessungen ein (Breite × Höhe).
Legen Sie Hintergrundfarbe, Textfarbe und Anzeigetext fest.
Klicken Sie auf Generieren und laden Sie das Bild herunter oder kopieren Sie die URL.
Häufig gestellte Fragen zu Platzhalter-Bild
Wofür werden Platzhalterbilder verwendet?
Sie werden in der Webentwicklung für Layout-Überprüfung, Wireframes, Prototypen und Design-Mockups verwendet, bevor die eigentlichen Bilder fertig sind.
Kann ich benutzerdefinierten Text auf dem Bild anzeigen?
Ja, standardmäßig werden die Abmessungen angezeigt, aber Sie können beliebigen Text eingeben. Textfarbe und Schriftart sind ebenfalls anpassbar.
Was passiert, wenn ein Platzhalterbild in die Produktion gelangt?
Ein einziges graues Rechteck sagt Besuchern, dass die Website unfertig ist – auf einer Produktseite zögern sie dann beim Kauf. Auch in der Suche kostet es: Der leere Platzhalter landet in der Google-Bildersuche, und zeigt das image-Feld Ihrer Produkt-Strukturdaten auf diese URL, kann die Seite ihre Eignung für Rich Results verlieren. Durchsuchen Sie vor jedem Release den gesamten Code nach Zeichenfolgen wie placeholder oder via.placeholder.
Welche Größe braucht ein Platzhalter, damit das Layout nicht springt?
Er muss exakt dasselbe Seitenverhältnis haben wie das Bild, das später dort steht. Lädt die echte Aufnahme in anderer Form, rutscht alles darunter nach unten – und das verschlechtert Ihren Wert für Cumulative Layout Shift in Googles Messungen. Die Pixelmaße müssen nicht übereinstimmen, das Verhältnis schon; setzen Sie zusätzlich width und height als Attribute auf das img-Element, damit der Browser den Platz vorab reserviert.
Wie nutzt man Platzhalter-Bild optimal?
Nehmen Sie dasselbe Seitenverhältnis wie das spätere Foto, sonst verrutscht das Layout.
Schreiben Sie die Größe (1200x630) ins Bild – das spart Abstimmungsrunden im Team.
Auch ein Platzhalter braucht Alt-Text: notieren Sie, was dort später zu sehen sein wird.