{"id":3805,"date":"2019-05-13T06:00:31","date_gmt":"2019-05-13T04:00:31","guid":{"rendered":"https:\/\/pb.lochbronner.com\/uncategorized\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/"},"modified":"2022-12-17T16:44:07","modified_gmt":"2022-12-17T15:44:07","slug":"das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden","status":"publish","type":"post","link":"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/","title":{"rendered":"The Lorem Ipsum for images - easily integrate placeholder images on websites"},"content":{"rendered":"<p>[vc_row css_animation=&#8221;&#8221; row_type=&#8221;row&#8221; use_row_as_full_screen_section=&#8221;no&#8221; type=&#8221;full_width&#8221; angled_section=&#8221;no&#8221; text_align=&#8221;left&#8221; background_image_as_pattern=&#8221;without_pattern&#8221;][vc_column][vc_column_text]<\/p>\n<p><\/p>\n\n\n\u201eLorem ipsum\u201c ist wohl der bekannteste Blindtext schlechthin. Dieser hat keine spezielle Bedeutung, sondern soll helfen, einen Eindruck f\u00fcr das Layout zu gewinnen. Nun gibt es auch eine einfache L\u00f6sung f\u00fcr alle <a href=\"https:\/\/www.lochbronner.com\/responsive-webdesign-agentur\/\">Webdesigner<\/a> und -entwickler: <a href=\"https:\/\/picsum.photos\/?utm_source=lochbronner.com\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Lorem Picsum<\/strong><\/a>.<\/p>\n<h2>Einfache Platzhalter-Bilder in der passenden Gr\u00f6\u00dfe<\/h2>\n<p>Die Verwendung ist denkbar einfach. Man h\u00e4ngt an die URL des Tools einfach die gew\u00fcnschte Bildgr\u00f6\u00dfe (Breite und H\u00f6he) an und schon erh\u00e4lt man ein passendes Platzhalterbild.<\/p>\n<p>Beispiel f\u00fcr ein Bild mit der Breite 800px und der H\u00f6he 600px:<\/p>\n<p><code>https:\/\/lochbronner.com\/wp-content\/uploads\/2022\/05\/400.jpeg<\/code><\/p>\n<p>Das daraus entstehende Bild sieht dann so aus:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/lochbronner.com\/wp-content\/uploads\/2022\/05\/400.jpeg\" \/><\/p>\n<p>F\u00fcr quadratische Bilder reicht die einmalige Angabe der Seitenl\u00e4nge:<\/p>\n<p><code>https:\/\/picsum.photos\/400<\/code><\/p>\n<h2>Bestimmtes Bild verwenden<\/h2>\n<p>Anstatt sich ein zuf\u00e4lliges Bild ausgeben zu lassen, kann man auch ein bestimmtes Motiv ausw\u00e4hlen. Daf\u00fcr muss in die URL\u00a0 <code>\/id\/{image}<\/code> eingef\u00fcgt werden, wobei {image} mit der Bild-ID ersetzt werden muss:<\/p>\n<p><code>https:\/\/picsum.photos\/id\/1\/200<\/code><\/p>\n<p>Eine Liste mit allen Motiven findet ihr hier: <a href=\"https:\/\/picsum.photos\/images\" target=\"_blank\" rel=\"noopener noreferrer\">Motiv-Liste Picsum<\/a><\/p>\n<h2>Weitere Funktionen<\/h2>\n<h3>Graustufen<\/h3>\n<p><code>https:\/\/picsum.photos\/200\/300?grayscale<\/code><\/p>\n<h3>Unsch\u00e4rfe<\/h3>\n<p><code>https:\/\/picsum.photos\/200\/300\/?blur<\/code><\/p>\n<p>Der Grad der Unsch\u00e4rfe kann einen Wert zwischen 1 und 10 einnehmen:<\/p>\n<p><code>https:\/\/picsum.photos\/200\/300\/?blur=5<\/code><\/p>\n<h3>Filterkombinationen<\/h3>\n<p>Bild in Graustufen und mit Unsch\u00e4rfe:<\/p>\n<p><code>https:\/\/picsum.photos\/id\/870\/200\/300?grayscale&amp;blur=3<\/code><\/p>\n<p>Weitere Funktionen k\u00f6nnen auf der offiziellen <a href=\"https:\/\/picsum.photos\/\" target=\"_blank\" rel=\"noopener noreferrer\">Website<\/a> nachgesehen werden. Viel Spa\u00df!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\"Lorem ipsum\" is probably the best-known dummy text par excellence. This has no special meaning, but should help to get an impression for the layout. Now there is also a simple solution for all web designers and developers: Lorem Picsum.<\/p>","protected":false},"author":3,"featured_media":3807,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[19],"tags":[],"class_list":["post-3805","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-thema-webdesign"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Lorem Ipsum f\u00fcr Bilder - einfach Platzhalterbilder auf Websites einbinden<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lorem Ipsum f\u00fcr Bilder - einfach Platzhalterbilder auf Websites einbinden\" \/>\n<meta property=\"og:description\" content=\"\u201eLorem ipsum\u201c ist wohl der bekannteste Blindtext schlechthin. Dieser hat keine spezielle Bedeutung, sondern soll helfen, einen Eindruck f\u00fcr das Layout zu gewinnen. Nun gibt es auch eine einfache L\u00f6sung f\u00fcr alle Webdesigner und -entwickler: Lorem Picsum.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/\" \/>\n<meta property=\"og:site_name\" content=\"Sebastian Lochbronner\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-13T04:00:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-17T15:44:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/Picsum.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1100\" \/>\n\t<meta property=\"og:image:height\" content=\"700\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Sebastian Lochbronner\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sebastian Lochbronner\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/\"},\"author\":{\"name\":\"Sebastian Lochbronner\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#\\\/schema\\\/person\\\/3064163d41408dc5ab9a392b77f9979b\"},\"headline\":\"Das Lorem Ipsum f\u00fcr Bilder &#8211; ganz einfach Platzhalterbilder auf Websites einbinden\",\"datePublished\":\"2019-05-13T04:00:31+00:00\",\"dateModified\":\"2022-12-17T15:44:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/\"},\"wordCount\":242,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Picsum.jpg\",\"articleSection\":[\"Webdesign\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/\",\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/\",\"name\":\"Lorem Ipsum f\u00fcr Bilder - einfach Platzhalterbilder auf Websites einbinden\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Picsum.jpg\",\"datePublished\":\"2019-05-13T04:00:31+00:00\",\"dateModified\":\"2022-12-17T15:44:07+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#\\\/schema\\\/person\\\/3064163d41408dc5ab9a392b77f9979b\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Picsum.jpg\",\"contentUrl\":\"https:\\\/\\\/www.lochbronner.com\\\/wp-content\\\/uploads\\\/2022\\\/05\\\/Picsum.jpg\",\"width\":1100,\"height\":700,\"caption\":\"Lorem Picsum\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/thema-webdesign\\\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.lochbronner.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Das Lorem Ipsum f\u00fcr Bilder - ganz einfach Platzhalterbilder auf Websites einbinden\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#website\",\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/\",\"name\":\"Sebastian Lochbronner\",\"description\":\"Designer, Unternehmer, Espressoliebhaber\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.lochbronner.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.lochbronner.com\\\/#\\\/schema\\\/person\\\/3064163d41408dc5ab9a392b77f9979b\",\"name\":\"Sebastian Lochbronner\",\"sameAs\":[\"https:\\\/\\\/www.lochbronner.com\"],\"url\":\"https:\\\/\\\/www.lochbronner.com\\\/en\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Lorem Ipsum for images - simply embed placeholder images on websites","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/","og_locale":"en_US","og_type":"article","og_title":"Lorem Ipsum f\u00fcr Bilder - einfach Platzhalterbilder auf Websites einbinden","og_description":"\u201eLorem ipsum\u201c ist wohl der bekannteste Blindtext schlechthin. Dieser hat keine spezielle Bedeutung, sondern soll helfen, einen Eindruck f\u00fcr das Layout zu gewinnen. Nun gibt es auch eine einfache L\u00f6sung f\u00fcr alle Webdesigner und -entwickler: Lorem Picsum.","og_url":"https:\/\/www.lochbronner.com\/en\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/","og_site_name":"Sebastian Lochbronner","article_published_time":"2019-05-13T04:00:31+00:00","article_modified_time":"2022-12-17T15:44:07+00:00","og_image":[{"width":1100,"height":700,"url":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/Picsum.jpg","type":"image\/jpeg"}],"author":"Sebastian Lochbronner","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sebastian Lochbronner","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#article","isPartOf":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/"},"author":{"name":"Sebastian Lochbronner","@id":"https:\/\/www.lochbronner.com\/#\/schema\/person\/3064163d41408dc5ab9a392b77f9979b"},"headline":"Das Lorem Ipsum f\u00fcr Bilder &#8211; ganz einfach Platzhalterbilder auf Websites einbinden","datePublished":"2019-05-13T04:00:31+00:00","dateModified":"2022-12-17T15:44:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/"},"wordCount":242,"commentCount":0,"image":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/Picsum.jpg","articleSection":["Webdesign"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/","url":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/","name":"Lorem Ipsum for images - simply embed placeholder images on websites","isPartOf":{"@id":"https:\/\/www.lochbronner.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#primaryimage"},"image":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#primaryimage"},"thumbnailUrl":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/Picsum.jpg","datePublished":"2019-05-13T04:00:31+00:00","dateModified":"2022-12-17T15:44:07+00:00","author":{"@id":"https:\/\/www.lochbronner.com\/#\/schema\/person\/3064163d41408dc5ab9a392b77f9979b"},"breadcrumb":{"@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#primaryimage","url":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/Picsum.jpg","contentUrl":"https:\/\/www.lochbronner.com\/wp-content\/uploads\/2022\/05\/Picsum.jpg","width":1100,"height":700,"caption":"Lorem Picsum"},{"@type":"BreadcrumbList","@id":"https:\/\/www.lochbronner.com\/thema-webdesign\/das-lorem-ipsum-fuer-bilder-ganz-einfach-platzhalterbilder-auf-websites-einbinden\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.lochbronner.com\/"},{"@type":"ListItem","position":2,"name":"Das Lorem Ipsum f\u00fcr Bilder - ganz einfach Platzhalterbilder auf Websites einbinden"}]},{"@type":"WebSite","@id":"https:\/\/www.lochbronner.com\/#website","url":"https:\/\/www.lochbronner.com\/","name":"Sebastian Lochbronner","description":"Designer, entrepreneur, espresso lover","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.lochbronner.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.lochbronner.com\/#\/schema\/person\/3064163d41408dc5ab9a392b77f9979b","name":"Sebastian Lochbronner","sameAs":["https:\/\/www.lochbronner.com"],"url":"https:\/\/www.lochbronner.com\/en"}]}},"_links":{"self":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/posts\/3805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/comments?post=3805"}],"version-history":[{"count":1,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/posts\/3805\/revisions"}],"predecessor-version":[{"id":4800,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/posts\/3805\/revisions\/4800"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/media\/3807"}],"wp:attachment":[{"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/media?parent=3805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/categories?post=3805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.lochbronner.com\/en\/wp-json\/wp\/v2\/tags?post=3805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}