Schnelle und einfache Bildplatzhalter
Erstellen Sie großartige Platzhalter für Ihre Websites und Projekte.
Platzhalter-Bildgenerator
Live-Vorschau
Bester dynamischer Dummy-Bildgenerator
Platzhalterbilder sind temporäre, generische Visualisierungen, die während des Designprozests Grafiken oder Text auf einer Webseite ersetzen. Sie sind entscheidend für Designer und Entwickler, die ein Designkonzept Kunden präsentieren möchten, bevor Layout und Inhalt finalisiert werden.
Diese Bilder sind leicht erkennbar und einfach zu verwenden. Designer können sie in verschiedenen Projekten einsetzen, wie Markenentwicklung, Marketingkampagnen, Landing Pages, Unternehmensbroschüren und Corporate Identity Suites. Platzhalterbilder helfen, das Layout zu visualisieren, wenn die endgültigen Bilder noch nicht verfügbar sind.
Die Verwendung eines Tools wie plchldr.co kann diesen Prozess optimieren. Dieses Tool generiert Platzhalterbilder durch benutzerdefinierte URLs, ermöglicht die Auswahl von Größe, Farben und Text. Es bietet zahlreiche Optionen, einschließlich Breite, Höhe, Seitenverhältnisse, Hintergrund- und Vordergrundfarben sowie gängige voreingestellte Bildschirm- und Anzeigengrößen. Durch die Verwendung von Platzhalterbildern sparen Designer Zeit und können sich darauf konzentrieren, ihre Designs zu verfeinern, anstatt temporäre Visualisierungen manuell zu erstellen.
Was ist ein Dummy-Bildgenerator?
Ein Dummy-Bildgenerator ist ein Online-Tool, das temporäre, generische Bilder für Designprojekte erstellt. Diese Bilder dienen als Platzhalter in einem Layout, wo der endgültige Inhalt noch nicht verfügbar ist. Designer und Entwickler verwenden diese Generatoren, um Layout, Design und Gesamterscheinung einer Webseite oder Printprojekts zu visualisieren und zu testen, ohne die endgültigen Bilder zu benötigen. Dummy-Bildgeneratoren ermöglichen die Anpassung von Bildgröße, Farben, Text und manchmal sogar Kategorien und Effekten, was sie zu einem vielseitigen Tool für verschiedene Designanforderungen macht. Sie helfen, den Designprozess zu optimieren, indem sie sofortige visuelle Elemente bereitstellen, die später leicht durch endgültige Bilder ausgetauscht werden können.
Warum PLCHLDR.CO wählen?
Blitzschnell
Sofortige Bildgenerierung mit intelligentem Caching. Nachfolgende Anfragen werden in Millisekunden bedient.
100% Kostenlos
Keine Registrierung, keine API-Schlüssel, keine Ratenbegrenzungen. Kostenlos nutzbar für private und kommerzielle Projekte.
Vollständige Anpassung
Wählen Sie jede Größe, Farbe, Text und Schrift. Unterstützung für PNG, WebP und SVG Formate.
SEO-freundliche URLs
Saubere, lesbare URLs, die einfach zu merken und zu teilen sind. Keine Query-Strings nötig.
9 Google Fonts
Schöne Typografie mit Roboto, Open Sans, Lato, Montserrat, Poppins und mehr.
Keine CORS-Probleme
Verwenden Sie Bilder überall ohne Cross-Origin-Beschränkungen. Perfekt für alle Webprojekte.
Integrationsbeispiele
Kopieren und fügen Sie diese Code-Snippets in Ihr Projekt ein
HTML Bild-Tag
<img src="https://plchldr.co/i/600x400"
alt="Placeholder">
CSS Hintergrund
.hero {
background-image: url('https://plchldr.co/i/1920x1080');
background-size: cover;
}
React Komponente
<img
src="https://plchldr.co/i/400x300/667eea/fff"
alt="Placeholder"
loading="lazy"
/>
Markdown Syntax

Vue Template
<img
:src="`https://plchldr.co/i/${width}x${height}`"
alt="Dynamischer Platzhalter"
/>
Next.js Image
<Image
src="https://plchldr.co/i/1200x630"
width={1200}
height={630}
alt="OG Image"
/>
Wie verwendet man Dummy-Bilder?
plchldr.co ist ein serverseitiges Bildrendering-Tool, das Webentwicklern und Designern ermöglicht, dynamisch Bilder zu erstellen, die als Platzhalter in einem Projekt verwendet werden können. Der einzige erforderliche Parameter ist eine Zahl für die Bildbreite. Natürlich haben Sie auch die Möglichkeit, mehr Parameter anzugeben, wie Höhe, Farben, Text und mehr!
Geben Sie einfach die Bildgröße nach unserer URL an und Sie erhalten ein Platzhalterbild. Die Bild-URL sollte so aussehen: https://plchldr.co/i/336x280
Sie können die Bilder in Ihrem HTML oder CSS verwenden, wie hier:
<a href="https://plchldr.co/"><img src="https://plchldr.co/i/336x280" alt="plchldr.co"></a>
Geben Sie Breite und Höhe nach /i/ im Format an WIDTHxHEIGHT:
https://plchldr.co/i/800x600
Maximale Abmessungen: 4000x4000 Pixel
Fügen Sie Ihren benutzerdefinierten Text am Ende der URL hinzu:
https://plchldr.co/i/600x400/667eea/ffffff/png/default/Hello+World
URL-kodieren Sie Leerzeichen als + oder %20. Maximale Textlänge: 100 Zeichen
Fügen Sie Hex-Farbcodes (ohne #) nach der Größe hinzu:
https://plchldr.co/i/600x400/667eea/ffffff
Format: /i/{width}x{height}/{bg-color}/{text-color}
Verwenden Sie 3- oder 6-stellige Hex-Farben (z.B., fff oder ffffff)
Wir unterstützen PNG (Standard), WebP und SVG Formate. Fügen Sie den Format-Parameter nach den Farben hinzu:
https://plchldr.co/i/600x400/667eea/ffffff/webp
PNG: Beste Kompatibilität, größere Dateigröße
WebP: Modernes Format, 25-35% kleiner, schnellere Ladezeiten
SVG: Vektorformat, perfekte Skalierung, kleinste Größe
Ja! Wir bieten 9 schöne Google Fonts. Fügen Sie den Schriftartnamen nach dem Format hinzu:
https://plchldr.co/i/600x400/667eea/ffffff/png/roboto
Verfügbare Schriftarten: roboto, opensans, lato, montserrat, poppins, raleway, inter, playfair, nunito
Standard-Systemschriftart wird verwendet, wenn keine Schriftart angegeben ist.
Sie können Platzhalterbilder als CSS-Hintergrundbilder verwenden:
background-image: url('https://plchldr.co/i/1920x1080/667eea/ffffff');
Oder mit background-Kurzschrift:
background: url('https://plchldr.co/i/1920x1080') center/cover no-repeat;
Minimum: 1x1 Pixel
Maximum: 4000x4000 Pixel
Für beste Leistung empfehlen wir, Bilder unter 2000x2000 Pixel zu halten. Größere Bilder können länger zum Generieren und Laden benötigen.
Ja, plchldr.co ist komplett kostenlos für private und kommerzielle Projekte!
Es gibt keine Ratenbegrenzungen für normale Nutzung. Bilder werden für optimale Leistung gecached, so dass nachfolgende Anfragen für das gleiche Bild sofort bedient werden.
Bitte missbrauchen Sie den Service nicht mit übermäßigen automatisierten Anfragen.
Beispiel Platzhalter
/i/245x155/EC6357/ffffff
/i/245x155/EC6357/ffffff
/i/245x155/EC6357/ffffff
/i/245x155/EC6357/ffffff
/i/336x180/7BC955/ffffff
/i/336x180/7BC955/ffffff
/i/336x180/7BC955/ffffff
/i/520x190/5597C9/ffffff
/i/520x190/5597C9/ffffff
/i/1070x200/C98EC2/ffffff