{"id":137,"date":"2013-06-03T15:41:09","date_gmt":"2013-06-03T15:41:09","guid":{"rendered":"http:\/\/cs-f.biz\/?p=137"},"modified":"2013-06-03T15:41:09","modified_gmt":"2013-06-03T15:41:09","slug":"grose-hintergrundbilder-in-websites","status":"publish","type":"post","link":"https:\/\/www.cs-f.biz\/blog\/grose-hintergrundbilder-in-websites\/","title":{"rendered":"(Gro\u00dfe) Hintergrundbilder in Websites"},"content":{"rendered":"<p>Es wird seit einiger Zeit heftig diskutiert, ob gro\u00dfe Hintergrundbilder in Websites sinnvoll sind und wann sie wie eingesetzt werden sollten.<!--more--><\/p>\n<p>Wenn die Pl\u00e4ne, Internetverbindungsgeschwindigkeiten in Deutschland zu drosseln, tats\u00e4chlich umgesetzt werden, wird es in absehbarer Zukunft noch wichtiger, Websites auf Ladezeiten hin zu optimieren. Gro\u00dfe Bilddateien w\u00fcrden dann sicherlich unangenehm auffallen und User w\u00e4ren schneller bereit, auf eine Konkurrenzwebsite zu wechseln, wenn eine Website zu lange braucht, um die relevanten Informationen anzuzeigen.<\/p>\n<p>Sp\u00e4testens dann wird es wichtig, zu wissen, ob die hier<sup>1<\/sup> aufgeworfene Frage wirklich umfassend gekl\u00e4rt ist und es sich mit Media Queries tats\u00e4chlich komplett umgehen l\u00e4sst, unn\u00f6tig gro\u00dfe Dateien f\u00fcr mobile Versionen einer Website laden zu lassen. Aktuell liegen mir noch zu wenig Daten dazu vor.<\/p>\n<h3>Adaptive Images<\/h3>\n<p>In der Zwischenzeit kann man sich mit Adaptive Images<sup>2<\/sup> behelfen, einer Mischung aus Client-\/Server-seitiger Techniken, um dem jeweiligen Nutzer die passendste Bildgr\u00f6\u00dfe zu liefern; unn\u00f6tig gro\u00dfe Bilddaten m\u00fcssen dann nicht mehr geladen werden.<\/p>\n<h3>Links<\/h3>\n<ul>\n<li><a href=\"http:\/\/css-tricks.com\/new-poll-the-case-of-the-giant-background-image\/\" title=\"The case of the giant background image\" target=\"_blank\">The case of the giant background image<\/a><\/li>\n<li><a href=\"http:\/\/adaptive-images.com\/details.htm\" title=\"Adaptive Images\" target=\"_blank\">Adaptive Images<\/a><sup>2<\/sup><\/li>\n<li><a href=\"http:\/\/stackoverflow.com\/questions\/7345505\/overiding-css-background-image-styles-both-images-are-loaded\" title=\"Both images loaded?\" target=\"_blank\">Overiding CSS background image styles &#8211; both images are loaded?<\/a><\/li>\n<li><a href=\"http:\/\/blog.cloudfour.com\/css-media-query-for-mobile-is-fools-gold\/\" title=\"CSS Media Query for Mobile is fool's gold\" target=\"_blank\">CSS Media Query for Mobile is Fool\u2019s Gold<\/a><sup>1<\/sup><\/li>\n<li><a href=\"http:\/\/ux.stackexchange.com\/questions\/10842\/what-are-the-best-practices-for-background-images\" title=\"Best practises for background images\" target=\"_blank\">What are the best practices for background images?<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Es wird seit einiger Zeit heftig diskutiert, ob gro\u00dfe Hintergrundbilder in Websites sinnvoll sind und wann sie wie eingesetzt werden sollten.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-137","post","type-post","status-publish","format-standard","hentry","category-web-design-2"],"_links":{"self":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts\/137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":0,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/posts\/137\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/media?parent=137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/categories?post=137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.cs-f.biz\/blog\/wp-json\/wp\/v2\/tags?post=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}