Platzhalterbild-Generator
Generieren Sie schnell ein Platzhalterbild mit benutzerdefinierten Dimensionen, Farben und Text — als SVG, data: URI oder img-Tag.
Platzhalterbild-Generator
Wählen Sie eine Breite und Höhe — oder ein häufiges Seitenverhältnis wie 16:9 oder 4:3 — und dieses Tool zeichnet sofort ein Platzhalterbild, das Sie in ein Mockup, einen Wireframe oder eine Stelle in Ihrem Markup einfügen können, wo das endgültige Bild noch nicht bereit ist. Es wird als SVG gerendert, sodass das Kästchen in jeder Größe scharf bleibt und ohne unscharfe Rasterung skaliert.
Legen Sie eine Hintergrund- und Textfarbe fest, und lassen Sie die Bezeichnung entweder auf den angezeigten Abmessungen (wie "800×600") basieren oder geben Sie Ihre eigene Überschrift ein — einen Komponentennamen, einen Breakpoint, alles, das Ihnen hilft, ein Platzhalterbild von einem anderen zu unterscheiden, während Sie bauen. Schriftfamilie und -größe sind ebenfalls anpassbar, und das Abrunden der Ecken oder das Überlagern eines Gitters oder einer diagonalen Kreuzes verleiht dem Kästchen das vertraute "dies ist ein Platzhalter"-Aussehen statt eines einfachen grauen Rechtecks.
Wählen Sie, wie das Ergebnis angezeigt wird: rohes SVG-Markup zum Speichern als Datei, ein prozentual kodierter data: URI oder ein base64-kodierter für einen CSS-Hintergrund oder eine Inline-Bildquelle, oder ein komplettes img-Tag, das Sie direkt in HTML einfügen können. Sehr große Abmessungen oder ein unangemessen langes Label werden begrenzt, statt dem Tab einzufrieren oder etwas zu erstellen, das niemand verwenden könnte.
Alles wird lokal in Ihrem Browser gezeichnet, wenn Sie eine Option ändern — kein Bild wird auf einem Server generiert und nichts, was Sie eingeben, wird hochgeladen. Kopieren Sie das Ergebnis, laden Sie es als .txt-Datei herunter, oder senden Sie es direkt an ein anderes Tool wie den SVG-URL-Encoder oder den Farbkonverter.