[vc_row css_animation="" row_type="row" use_row_as_full_screen_section="no" type="full_width" angled_section="no" text_align="left" background_image_as_pattern="without_pattern"][vc_column][vc_column_text]
„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.
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://pb.lochbronner.com/wp-content/uploads/2022/05/400.jpeg
Das daraus entstehende Bild sieht dann so aus:
Für quadratische Bilder reicht die einmalige Angabe der Seitenlänge:
https://picsum.photos/400
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
https://picsum.photos/200/300?grayscale
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
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ß!
[sc name="newsletter-register-inline"][/vc_column_text][/vc_column][/vc_row]
Sebastian Lochbronner
86830 Schwabmünchen
Deutschland