🏞️ Platzhalter-Bild-Generator
Erstelle individuelle Platzhalterbilder in beliebiger Breite und Höhe — Hintergrundfarbe, Textfarbe und Beschriftung wählen und direkt im Browser als PNG, JPEG oder WebP herunterladen.
Über
Dieses Tool nutzt die Canvas API des Browsers, um ein einfarbiges Rechteck in den angegebenen Pixelmaßen zu rendern und eine zentrierte Textbeschriftung darüberzulegen — standardmäßig wird die Bildgröße angezeigt, zum Beispiel 800×600. Hintergrundfarbe und Textfarbe lassen sich über Farbwähler frei bestimmen; dazu kommt eine eigene Beschriftung und die Wahl zwischen PNG, JPEG und WebP. Das Ergebnis lässt sich als Datei speichern oder als Base64-Daten-URI kopieren und direkt in HTML oder CSS einbetten. Da alles clientseitig läuft, verlassen deine Daten den Browser nie und es wird kein Konto oder Server benötigt.
Verwendung
- Gewünschte Breite und Höhe in Pixeln eingeben (jeweils bis zu 4000).
- Hintergrundfarbe und Textfarbe mit den Farbwählern auswählen.
- Eigene Beschriftung eingeben oder leer lassen, damit die Bildabmessungen automatisch angezeigt werden.
- Ausgabeformat — PNG, JPEG oder WebP — auswählen und die Live-Vorschau auf dem Canvas prüfen.
- Auf Herunterladen klicken, um das Bild zu speichern, oder die Base64-Daten-URI kopieren und direkt in den Code einbetten.
Häufige Fragen
- Was ist ein Platzhalterbild?
- Ein Platzhalterbild ist eine temporäre Ersatzgrafik, die bei der Web- oder App-Entwicklung verwendet wird, um Layoutfläche zu reservieren, bevor das echte Bild bereitsteht — üblich in Wireframes, Prototypen und HTML-Vorlagen.
- Gibt es eine maximale Bildgröße?
- Der Generator unterstützt bis zu 4000×4000 Pixel. Darüber hinaus können Canvas-Speicherlimits des Browsers Fehler verursachen. Für die meisten Entwicklungsanwendungsfälle sind 4000 px pro Seite mehr als ausreichend.
- Was ist eine Base64-Daten-URI und wann sollte ich sie verwenden?
- Eine Base64-Daten-URI kodiert das Bild als Textzeichenkette, die direkt in ein img-src-Attribut oder einen CSS-background-image-Wert eingefügt werden kann — ohne separate Bilddatei. Am besten für kleine Bilder in Prototypen oder E-Mails.
- Welches Ausgabeformat soll ich wählen — PNG, JPEG oder WebP?
- PNG für verlustfreie Qualität und Transparenzunterstützung wählen, JPEG für kleinere Dateigrößen ohne Transparenz, und WebP für die beste Balance aus Größe und Qualität in modernen Browsern.
- Lädt dieses Tool meine Daten auf einen Server hoch?
- Nein. Das Bild wird vollständig im Browser mithilfe der Canvas API generiert und nie an einen Server übertragen. Kein Login, kein Upload, keine Datenerfassung.