Kostenloser Image Placeholder Generator
Dieser kostenlose Image Placeholder Generator erstellt ein Platzhalterbild in beliebiger Breite und Höhe bis 2000 Pixel mit Hintergrundfarbe, Textfarbe und eigenem Text. Du erhältst eine PNG zum Herunterladen und das gleiche Bild als SVG-Code zum Einfügen in eine Seite. Es eignet sich für Designer und Entwickler, die Platzhalterbilder benötigen, während ein Layout oder Theme aufgebaut wird.
Image Placeholder Generator
Images
Über dieses Tool
Ein Platzhalterbild ersetzt ein echtes Foto während du eine Seite aufbaust, damit du Layout, Abstände und Seitenverhältnisse sehen kannst, bevor die endgültigen Bilder existieren. Gib die Breite und Höhe in Pixeln ein, wähle die beiden Farben und bestimme den Text. Standardmäßig ist der Text die Größe selbst, z. B. 800x450, was es leicht macht zu sehen, welcher Platz welches Bild bekam.
Du erhältst zwei Versionen. Die PNG ist eine normale Bitmap-Datei, die überall funktioniert, auch in E-Mail-Vorlagen und CMS-Medienbibliotheken, die SVG nicht akzeptieren. Die SVG ist ein paar Zeilen Code, einige hundert Bytes groß, skaliert auf jede Größe ohne Qualitätsverlust und kann direkt in HTML eingefügt oder als .svg-Datei gespeichert werden. Farben und Text werden vor der Verwendung überprüft, und nichts, das du eingibst, wird gespeichert.
Platzhalter sind für die Entwicklung. Ersetze sie durch echte, optimierte Bilder, bevor die Seite live geht, und gib den endgültigen Bildern einen aussagekräftigen Alt-Text, denn Suchmaschinen und Bildschirmleser können von einem grauen Kasten nichts lernen. Die Größenbeschränkung liegt bei 2000 x 2000 Pixeln, und der PNG-Text wird in einer einfachen fetten Schrift gezeichnet. Verwende die SVG, wenn du Textgröße oder Schriftart manuell anpassen musst.
Häufig gestellte Fragen
Wie groß kann das Bild maximal sein?
Bis zu 2000 Pixel breit und 2000 Pixel hoch. Das deckt Full-Width-Hero-Banner, Produktgalerien und Social-Media-Bildgrößen ab. Größere Bilder sind für Layout-Arbeiten nicht erforderlich, und die Größenbeschränkung hält den Generator schnell. Für einen größeren Platzhalter verwende die SVG-Ausgabe, die du in deinem eigenen Code auf jede Größe einstellen kannst.
Sollte ich PNG oder SVG verwenden?
Verwende die PNG, wenn der Ort, an den du hochlädst, nur Bitmap-Dateien akzeptiert, z. B. viele E-Mail-Builder und einige Medienbibliotheken. Verwende die SVG, wenn du in HTML oder CSS einfügst, da sie winzig ist und bei jeder Größe scharf bleibt. Beide zeigen die gleichen Farben, Größe und Text.
Kann ich ein Platzhalterbild auf einer Live-Website verwenden?
Du kannst es, aber es ist keine gute Wahl. Besucher und Suchmaschinen erhalten keine Informationen von einem flachen grauen Kasten, und eine Seite voller Platzhalter sieht unvollständig aus. Wenn Bilder noch produziert werden, blende den Bereich aus oder verwende einen einfachen Farbblock, der eindeutig Teil des Designs ist, und veröffentliche, wenn die echten Bilder fertig sind.
Welche Farben sollte ich wählen?
Für Layout-Arbeiten ist ein mittleres Grau als Hintergrund mit dunkelgrauem Text die übliche Wahl, da es vom Design nicht ablenkt. Wähle Farben mit ausreichendem Kontrast zwischen Hintergrund und Text, sonst wird die Größenbezeichnung schwer lesbar. Gib Farben als Hex-Werte wie #cccccc ein.
Wird das Bild auf deinem Server gespeichert?
Nein. Das Bild wird im Speicher gezeichnet, während die Seite lädt, und direkt als Teil des Ergebnisses an deinen Browser gesendet. Nichts wird gespeichert, und der Download-Link funktioniert nur auf der Seite, die du gerade ansiehst. Speichere die Datei, bevor du gehst.