Schnelle und einfache Bildplatzhalter

Erstellen Sie großartige Platzhalter für Ihre Websites und Projekte.

Platzhalter-Bildgenerator

PNG
WebP
SVG

Live-Vorschau

600x400
https://plchldr.co/i/600x400

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

![Alt text](https://plchldr.co/i/800x600)

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

Beispiel 1 /i/245x155/EC6357/ffffff
Beispiel 2 /i/245x155/EC6357/ffffff
Beispiel 3 /i/245x155/EC6357/ffffff
Beispiel 4 /i/245x155/EC6357/ffffff
Beispiel 5 /i/336x180/7BC955/ffffff
Beispiel 6 /i/336x180/7BC955/ffffff
Beispiel 7 /i/336x180/7BC955/ffffff
Beispiel 8 /i/520x190/5597C9/ffffff
Beispiel 9 /i/520x190/5597C9/ffffff
Beispiel 10 /i/1070x200/C98EC2/ffffff