Professionelle Platzhalterbilder für Webdesign, Wireframes und Mockups erstellen. Abmessungen, Farben, Text und Format anpassen.
<img src="placeholder.png" width="800" height="400" alt="Placeholder">Use width and height attributes to prevent layout shift (CLS)
background: #ccc url('placeholder.svg') center/cover;SVG placeholders are ideal for CSS backgrounds — infinitely scalable
<Image src="/placeholder.png" width={800} height={400} alt="..." />Use Next.js Image component for automatic optimization
<img src="data:image/png;base64,..." alt="Placeholder">Embed small placeholders directly in HTML — no extra HTTP request
| Anwendungsfall | Abmessungen | Seitenverhältnis |
|---|---|---|
| Favicon / Icon | 64 × 64 | 1:1 |
| Avatar / Profile | 150 × 150 | 1:1 |
| Thumbnail | 300 × 200 | 3:2 |
| Blog Feature Image | 1200 × 630 | ~1.9:1 |
| Social Media OG | 1200 × 630 | ~1.9:1 |
| Hero Banner | 1920 × 600 | 16:5 |
| Full HD | 1920 × 1080 | 16:9 |
| Product Photo | 800 × 800 | 1:1 |
Platzhalterbilder werden in der Webentwicklung und im Design verwendet, um Bildplätze während des Prototypings, Wireframings und der Entwicklung zu füllen, bevor die endgültigen Bilder bereit sind. Sie helfen bei der Visualisierung von Layouts und dem Testen von responsiven Designs.
Ja, alle von diesem Tool generierten Platzhalterbilder werden lokal in Ihrem Browser erstellt und sind für jeden Zweck, einschließlich kommerzieller Projekte, kostenlos verwendbar.
Sie können Bilder bis zu 4096x4096 Pixel generieren. Bei größeren Abmessungen kann das Browser-Canvas je nach Gerätespeicher Einschränkungen haben.
Sie können Platzhalterbilder als PNG (Rasterformat, ideal für Web) oder SVG (Vektorformat, unendlich skalierbar) herunterladen. Sie können das Bild auch als Daten-URL zur Inline-Verwendung in HTML oder CSS kopieren.