Platzhalterbilder Generator
Einfach & Schnell
Erstellen Sie schöne Platzhalterbilder für Ihre Designs
Vorschau
300x200
Verwendung
https://ph.loremipsums.org/300x200/CCCCCC/333333/svg<img src="https://ph.loremipsums.org/300x200/CCCCCC/333333/svg" alt="Placeholder" />Anleitung
- Größe konfigurieren
- Farben wählen
- Schriftart auswählen
- Code erhalten
🚀 Schnellstart
Starten Sie mit einem einfachen Platzhalterbild in drei Schritten:
- Gewünschte Abmessungen eingeben (z.B. 300x200)
- Auf "Bild generieren" klicken, um die URL zu erhalten
- Die generierte URL in Ihrem Projekt verwenden
Beispiel: https://ph.loremipsums.org/300x200
⚙️ Erweiterte Optionen
| Funktion | Beschreibung | Beispiel |
|---|---|---|
| Benutzerdefinierte Farben | Hintergrund-/Textfarben mit Hex-Codes hinzufügen | /300x200/CCCCCC/333333 |
| Benutzerdefinierter Text | Eigenen Text zum Platzhalter hinzufügen | &text=Hallo+Welt |
| Schriftauswahl | Aus verschiedenen Web- und Google-Schriftarten wählen | &font=Inter |
💡 Tipps & Tricks
Voreingestellte Größen für gängige Abmessungen verwenden
# aus Hex-Farben in URLs entfernen
+ statt Leerzeichen in benutzerdefinierten Texten verwenden
Vorschau aktualisiert sich in Echtzeit
Häufig gestellte Fragen
📦 Unterstützte Bildformate
Wir unterstützen folgende Bildformate:
- SVG - Vektorformat, perfekt für responsives Design (Standard)
- PNG - Verlustfreie Komprimierung mit Transparenzunterstützung
- JPG - Effiziente verlustbehaftete Komprimierung für Fotos
- WebP - Modernes Format mit überlegener Komprimierung
- GIF - Grundlegendes Format mit begrenzter Farbpalette
🎨 Anpassungsoptionen
Sie können Ihre Platzhalterbilder anpassen mit:
- Abmessungen - Beliebige Breite und Höhe bis zu 2000px
- Farben - Benutzerdefinierte Hintergrund- und Textfarben mit Hex-Codes
- Text - Ihre eigene benutzerdefinierte Textnachricht
- Schriftarten - Wählen Sie aus beliebten Google Fonts
- Transparenz - Optionaler transparenter Hintergrund
🔗 URL-Struktur
Die URL-Struktur folgt diesem Muster:
https://ph.loremipsums.org/[größe]/[bg-farbe]/[text-farbe]/[format]?text=[text]&font=[schriftart]
Größenformat:
- Quadrat:
/300(300x300) - Rechteck:
/300x200(Breite x Höhe)
Beispiele:
- Quadrat:
/300/FF0000/FFFFFF - Rechteck:
/300x200/FF0000/FFFFFF - Transparent:
/300/transparent/000000 - Benutzerdefinierter Text & Schriftart:
/300?text=Hallo&font=Lato
💡 Beste Praktiken
- SVG für Skalierbarkeit nutzen - Perfekt für responsive Designs
- WebP für Fotos wählen - Bessere Komprimierung als JPG/PNG
- Transparenz aktivieren - Wenn Sie verschiedene Hintergründe anpassen müssen
- Text kurz halten - Für bessere Lesbarkeit auf kleineren Bildern
- Bilder cachen - URLs sind stabil und cachebar
⚠️ Einschränkungen
- Maximale Bildabmessungen: 2000x2000 Pixel
- Textlänge beeinflusst automatisch die Schriftgröße
- Einige Schriftarten unterstützen möglicherweise nicht alle Zeichen
- Farbwerte müssen gültige Hex-Codes sein
- Bildgenerierungszeit kann je nach Größe und Format variieren