Du kennst vermutlich Lorem Ipsum, ein Text, der als Platzhalter eingesetzt wird.
Aber wusstest du auch, dass es das Pendant auch für Bilder gibt? Sogar noch besser: Du kannst zufällige Bilder automatisch in der gewünschten Größe anzeigen lassen und sogar Einfluss darauf nehmen, ob und in welcher Stärke das Bild weichgezeichnet ist, ob es in Farbe oder Schwarzweiß dargestellt wird und bei manchen Anbietern sogar, welches Motiv abgebildet sein soll.
Wie fügst du Platzhalterbilder auf deiner Website ein?
Erstelle in deinem Beitrag oder auf deiner Webseite zunächst ein Bildmodul. Als Bildquelle verwendest du eine URL, statt ein Bild hochzuladen oder aus der Mediathek auszuwählen.
Websites, über die du URLs für Platzhalterbilder generieren kannst
Picsum.photos
https://picsum.photos
Wenn du https://picsum.photos/300/200 als Quelle angibst, wird ein zufälliges Bild in der Größe 300 x 200px generiert.
Für ein quadratisches Bild reicht auch nur die Angabe der Breite bzw. der Höhe 🙂 also zum Beispiel https://picsum.photos/300
Wenn du das Bild in Graustufen anzeigen lassen möchtest, fügst du der URL einfach ?gryscale hinzu.
Zum Beispiel: https://picsum.photos/300/200?grayscale
Wenn das Bild unscharf angezeigt werden soll, füge der URL /?blur hinzu. mit einem = und einer Zahl zwischen 1 und 10 kannst du auf den Unschärfegrad Einfluss nehmen (je höher die Zahl desto unschärfer das Bild).
Zum Beispiel https://picsum.photos/500/300/?blur=1 oder https://picsum.photos/300/200/?blur=9
Du kannst diese Parameter auch kombinieren, indem du beide mit einem &-Zeichen in der Mitte hintereinander an die URL anhängst. Zum Beispiel https://picsum.photos/300/200?grayscale&blur=5
Wenn du ein bestimmtes Format wie jpg oder WebP benötigst, füge die Endung an die URL wie beispielsweise https://picsum.photos/300/200.webp
Woher stammen die Fotos?
Die Bilder auf Picsum.photo stammen ursprünglich von der Plattform Unsplash.
Picsum Photos hat eine eigene Datenbank erstellt und den Bildern eine ID vergeben. So kannst du dir sogar ein spezifisches Bild aus dieser Datenbank: https://picsum.photos/images anzeigen lassen, indem du /id/ und die Nummer des Bildes in der URL vor der Größenangabe angibst.
Zum Beispiel für das Bild mit der ID 538 in der Größe 300×200 https://picsum.photos/id/538/300/200
Dummyimages
Ein schlichter Platzhalter mit der Angabe der Bildgröße
https://dummyimage.com/
Dummyimages ist ein Dienst, mit dem du schlichte Platzhalter in einer bestimmten Größe, Farbe und einem Text oder der Größenangabe als Text auf dem Bild generieren und anzeigen lassen kannst.
Auf der Website https://dummyimage.com/ trägst du einfach deine Daten ein und erhältst den Link, den du als Bild-URL nutzen kannst.
Du kannst dir den Link auch selbst generieren, indem du nach der URL die Größe eingibst und die Farbcodes in folgendem Schema: https://dummyimage.com/300×200/fb916a/000061.jpg
Placehold
Ein ähnlich schlichter Platzhaltergenerator ist Placehold
https://placehold.co/
Auf der Homepage werden alle Parameter gut erklärt und du kannst dir einen passenden Link kopieren.
Zusätzlich zu den Farben ist bei diesem Anbieter sogar die Font für den angezeigten Text bzw. für die Größenangabe auszuwählen.
Avatar Platzhalter
https://avatar-placeholder.iran.liara.run/
Benötigst du einen illustrierten Avatar als Platzhalter?
Vielleicht gefallen dir die Illustrationen auf Avatar Placeholder.
Zu kritisieren ist sicherlich das binäre Geschlechtersystem, auf dem die Sortierung beruht.
Hilfreich ist ggf. die Möglichkeit, berufsspezifische Avatare zu verwenden.
Die Bilder können runtergeladen oder als Link verwendet werden.
Die Bilder werden in der Größe 500x500px generiert.
LoremFlickr
https://loremflickr.com/
Du brauchst ausschließlich Katzenbilder?
Dann kannst du folgenden Link für die zufällige Darstellung eines Platzhalters einfügen:
https://loremflickr.com/300/200
Einfach die gewünschten Maßen eingeben und bei jedem Reload erhältst du ein neues Katzenbild.
Die Fotos stammen von Flickr und stehen unter Creative Commons Licence. Die Autor:innen der Bilder werden links unten auf dem Bild angezeigt.
Dummy-Image-Generator
http://dummy-image-generator.com/
Mit diesem Bilder-Generator kannst du dir Bilder in einer bestimmten Größe oder in verschiedenen Formaten und zu verschiedenen Themen oder Farben generieren.
Die Bilder müssen heruntergeladen und auf der eigenen Website hochgeladen werden und können nicht mit einem Link eingebettet werden. Die Angabe der Größe auf dem Bild kann deaktiviert werden.
Placebeard
Seltsam, aber warum nicht
https://placebeard.it/
Für einen Barbier vielleicht ganz nützlich: Bilder von Personen mit Bärten.
Füge die gewünschte Größe an die URL und dir werden random Bärte angezeigt.
https://placebeard.it/300/200
Baconmockup
Irgendwie abstoßend: Schinken als Motiv
https://baconmockup.com/
Du brauchst (warum auch immer) Bilder von Schinken?
Einfach die Größe hinter die URL setzen, schon wird dir Schinken aufgetischt.
https://baconmockup.com/300/200
Refreshe mal diese Seite: Alle zufällig generierten Bilder ändern sich.