Das Lorem Ipsum für Bilder – ganz einfach Platzhalterbilder auf Websites einbinden

Lorem Picsum

„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ß!

Sebastian
Sebastian Lochbronner
sebastian@lochbronner.com

Webdesigner, Entrepreneur und immer für einen sorgfältig gebrühten Kaffee zu begeistern. Durch meine Arbeit helfe ich Unternehmen, ihr digitales Potential voll auszuschöpfen.

No Comments

Post A Comment

Durch die weitere Nutzung der Seite stimmen Sie der Verwendung von Cookies zu. Impressum. Datenschutz

Die Cookie-Einstellungen auf dieser Website sind auf "Cookies zulassen" eingestellt, um das beste Surferlebnis zu ermöglichen. Wenn du diese Website ohne Änderung der Cookie-Einstellungen verwendest oder auf "Akzeptieren" klickst, erklärst du sich damit einverstanden.

Schließen