Das Lorem Ipsum für Bilder – ganz einfach Platzhalterbilder auf Websites einbinden
13. Mai 2019
„Lorem ipsum“ ist wohl der bekannteste Blindtext schlechthin. Dieser hat keine spezielle Bedeutung, sondern soll helfen, einen Eindruck für das Layout zu gewinnen. Nun gibt es auch eine einfache Lösung für alle Webdesigner und -entwickler: Lorem Picsum.
Einfache Platzhalter-Bilder in der passenden Größe
Die Verwendung ist denkbar einfach. Man hängt an die URL des Tools einfach die gewünschte Bildgröße (Breite und Höhe) an und schon erhält man ein passendes Platzhalterbild.
Beispiel für ein Bild mit der Breite 800px und der Höhe 600px:
https://picsum.photos/1100/400
Das daraus entstehende Bild sieht dann so aus:
Für quadratische Bilder reicht die einmalige Angabe der Seitenlänge:
https://picsum.photos/400
Bestimmtes Bild verwenden
Anstatt sich ein zufälliges Bild ausgeben zu lassen, kann man auch ein bestimmtes Motiv auswählen. Dafür muss in die URL /id/{image}
eingefügt werden, wobei {image} mit der Bild-ID ersetzt werden muss:
https://picsum.photos/id/1/200
Eine Liste mit allen Motiven findet ihr hier: Motiv-Liste Picsum
Weitere Funktionen
Graustufen
https://picsum.photos/200/300?grayscale
Unschärfe
https://picsum.photos/200/300/?blur
Der Grad der Unschärfe kann einen Wert zwischen 1 und 10 einnehmen:
https://picsum.photos/200/300/?blur=5
Filterkombinationen
Bild in Graustufen und mit Unschärfe:
https://picsum.photos/id/870/200/300?grayscale&blur=3
Weitere Funktionen können auf der offiziellen Website nachgesehen werden. Viel Spaß!
No Comments