Platzhalterbild-Generator
Erstellen Sie ein vorläufiges Bild für Wireframes, Prototypen oder Inhaltsflächen. Legen Sie Maße, Farben und eine optionale Beschriftung fest und laden Sie das im Browser gezeichnete PNG herunter. Zusätzlich erzeugt das Tool eine URL und ein HTML-Bildelement für placehold.co, picsum.photos oder dummyimage.com.
So erstellen Sie ein Platzhalterbild
-
1
Dienst wählen
Wählen Sie placehold.co, picsum.photos oder dummyimage.com für die kopierte externe URL.
-
2
Größe festlegen
Geben Sie Breite und Höhe zwischen 1 und 4000 Pixeln ein.
-
3
Leinwand gestalten
Wählen Sie Vorder- und Hintergrundfarbe sowie optional einen Text. Picsum-URLs ignorieren diese Gestaltung.
-
4
Ergebnis verwenden
Laden Sie die lokal gezeichnete Leinwand als PNG herunter oder kopieren Sie URL beziehungsweise HTML.
Sinnvolle Abmessungen wählen
Verwenden Sie das Seitenverhältnis des späteren Bildes, damit das Layout beim Austausch nicht springt.
| Beispiel | Abmessungen | Seitenverhältnis |
|---|---|---|
| Open-Graph-Bild | 1200 × 630 px | 1,91:1 |
| Video-Vorschaubild | 1280 × 720 px | 16:9 |
| Quadratische Produktkarte | 600 × 600 px | 1:1 |
| E-Mail-Banner | 600 × 200 px | 3:1 |
Die Ausgaben
- PNG herunterladen speichert die im Browser gezeichnete Leinwand samt Farben, Raster, Kreuz und Text.
- URL verweist auf den gewählten Drittanbieter. Picsum liefert ein Zufallsfoto und übernimmt weder Farben noch Text.
- HTML setzt diese externe URL in ein
<img>-Element mit Breite, Höhe und Alternativtext.
Die Beschriftung gehört zum Status auf dem Server und kann auch in der kopierten Drittanbieter-URL stehen. Geben Sie keine vertraulichen Texte ein.
Häufig gestellte Fragen
Die Schaltfläche erzeugt eine PNG-Datei. SVG, JPEG und WebP werden nicht exportiert.
Breite und Höhe sind jeweils auf 4000 Pixel begrenzt. Sehr große Leinwände benötigen viel Browserspeicher.
Die Vorschau ist ein lokaler Platzhalter. Picsum liefert ein zufälliges Foto und ignoriert Farben und Beschriftung.
Behandeln Sie sie nicht als privat: Sie wird an die Anwendung übertragen, kann in Funnel-URLs erscheinen und wird in unterstützte Drittanbieter-URLs eingefügt.
Verwandte Tools
ASCII-Tabelle Referenz
Vollständige ASCII-Tabelle von 0 bis 127 mit Dezimal-, Hex-, Oktal-, Binär- und numerischer HTML-Zeichenreferenz für jedes Zeichen, einschließlich Steuerzeichen wie NUL, LF und DEL.
HTML-Zeichenreferenz
Durchsuchbare Liste von HTML-Entitäten, ihren benannten und numerischen Codes sowie eine Ein-Klick-Kopie für Sonderzeichen und Symbole.
Farbrad-Explorer
Erforschen Sie das Farbrad interaktiv. Rotieren Sie Harmonien, vergleichen Sie HSL mit RYB, erkennen Sie komplementäre und triadische Paare in Echtzeit.
Referenz für Tastenkombinationen
Durchsuchen Sie dokumentierte Standardkürzel für VS Code, Chrome und Bash mit GNU Readline unter macOS, Windows und Linux.
CSS-Scrollbar-Generator
Passen Sie das Erscheinungsbild der Bildlaufleiste per CSS an. Modernes scrollbar-color / scrollbar-width und das ältere ::-webkit-scrollbar für breite Browser-Unterstützung.
Zufallsbuchstaben-Generator
Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.
Tool in anderen Sprachen verfügbar
- 플레이스홀더 이미지 생성기 [KO]
- Generator för platshållarbilder [SV]
- منشئ الصور النائبة [AR]
- Generator obrazów zastępczych [PL]
- Générateur d’images de remplacement [FR]
- เครื่องมือสร้างภาพตัวแทน [TH]
- Pembuat gambar placeholder [ID]
- Generator voor tijdelijke afbeeldingen [NL]
- プレースホルダー画像ジェネレーター [JA]
- Trình tạo ảnh giữ chỗ [VI]
- Gerador de imagens de preenchimento [PT]
- Generador de imágenes de marcador de posición [ES]
- Placeholder Image Generator [EN]
- Generatore di immagini segnaposto [IT]
- 占位图片生成器 [ZH]
- Генератор изображений-заполнителей [RU]
- Yer tutucu görsel oluşturucu [TR]