{"id":13030,"date":"2018-03-27T11:01:57","date_gmt":"2018-03-27T08:01:57","guid":{"rendered":"https:\/\/riin.eu\/videoanleitung-so-reduzieren-sie-die-bildgroesse-auf-ihrer-website\/"},"modified":"2018-03-27T11:01:57","modified_gmt":"2018-03-27T08:01:57","slug":"videoanleitung-so-reduzieren-sie-die-bildgroesse-auf-ihrer-website","status":"publish","type":"post","link":"https:\/\/riin.eu\/de\/videoanleitung-so-reduzieren-sie-die-bildgroesse-auf-ihrer-website\/","title":{"rendered":"[Videoanleitung] So reduzieren Sie die Bildgr\u00f6\u00dfe auf Ihrer Website"},"content":{"rendered":"<p>Ein Bild ist ein wesentlicher Bestandteil Ihrer Website, da es Emotionen vermittelt und das jeweilige Thema illustriert. Ein weiterer wichtiger Aspekt Ihrer Website ist jedoch die <strong>Geschwindigkeit<\/strong>, und die Geschwindigkeit h\u00e4ngt direkt davon ab, wie gro\u00df die Bilder auf Ihrer Website sind. <\/p>\n<p>Ich habe eine kleine Anleitung erstellt \u2013 wie Sie Bilder f\u00fcr die Website so verkleinern (optimieren), dass sich die Bildqualit\u00e4t nicht ver\u00e4ndert. Dasselbe System nutze ich auch selbst t\u00e4glich. <\/p>\n<p>Heutzutage werden sehr gro\u00dfe Bilder aufgenommen \u2013 unsere Mobiltelefone sind so eingestellt, dass sie Bilder mit einer Gr\u00f6\u00dfe von \u00fcber 4 MB aufnehmen, beispielsweise mit einer Aufl\u00f6sung von 4031&#215;2268 Pixeln. Solche Bilder k\u00f6nnen jedoch nicht auf die Website gestellt werden! ES GEHT NICHT \u2013 merken Sie sich das, es ist sehr wichtig! Andernfalls wird kein Website-Besucher auf deren Download warten und Sie verlieren einfach Kunden! Laut einem <a href=\"https:\/\/blog.hubspot.com\/marketing\/page-load-time-conversion-rates\" target=\"_blank\" rel=\"noopener noreferrer\">HubSpot-Artikel<\/a> erwarten 64 % der mobilen Besucher, dass eine Seite schneller als 4 Sekunden l\u00e4dt! Wenn die Seite in dieser Zeit nicht ge\u00f6ffnet wurde, verlassen sie diese einfach. Eine Ladezeit von 4 Sekunden l\u00e4sst sich keinesfalls erreichen, wenn Ihre Seite 4-MB-Bilder enth\u00e4lt.      <\/p>\n<p>Im Folgenden finden Sie eine Anleitung, wie Sie die auf Ihre Website hochzuladenden Bilder verkleinern k\u00f6nnen<\/p>\n<ol>\n<li>Kl\u00e4ren Sie, was die maximale Gr\u00f6\u00dfe ist, die Ihre Website akzeptiert. Dies k\u00f6nnen Sie beispielsweise in der WordPress-Administrationsoberfl\u00e4che unter Einstellungen \u2013 Medien einsehen.\n<p><figure id=\"attachment_4340\" aria-describedby=\"caption-attachment-4340\" style=\"width: 837px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" class=\" wp-image-4340\" src=\"https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1.webp\" alt=\"\" width=\"837\" height=\"751\" srcset=\"https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1.webp 1017w, https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1-400x359.webp 400w, https:\/\/riin.eu\/wp-content\/uploads\/2018\/03\/piltide-suurus-wordpressis-1-768x689.webp 768w\" sizes=\"(max-width: 837px) 100vw, 837px\" \/><figcaption id=\"caption-attachment-4340\" class=\"wp-caption-text\">Wie gro\u00dfe Bilder kann ich auf die Website laden?<\/figcaption><\/figure><\/li>\n<\/ol>\n<ol start=\"2\">\n<li>Auf meiner Seite <a href=\"https:\/\/riin.eu\/de\/\" target=\"_blank\" rel=\"noopener noreferrer\">riin.eu<\/a> k\u00f6nnen die gr\u00f6\u00dften Bilder also 1024&#215;1024 px gro\u00df sein. Wenn ich also ein Bild hochlade, dessen Gr\u00f6\u00dfe beispielsweise 1500&#215;750 px betr\u00e4gt, verbraucht es unn\u00f6tig Platz. Man sollte die gr\u00f6\u00dfere Seite des Bildes von 1500 px auf 1024 px reduzieren.  <\/li>\n<li>Sobald die Bildgr\u00f6\u00dfe reduziert wurde, m\u00fcssen die Bilder f\u00fcr das Web optimiert werden. Daf\u00fcr gibt es ein hervorragendes Programm: <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/tinypng.com\/<\/a><br \/>\nSie laden die gew\u00fcnschten Bilder auf deren Seite hoch, und diese f\u00fchrt die notwendigen Schritte aus, um die Bilder zu optimieren. Sehen Sie sich das untenstehende Video an.  <\/li>\n<\/ol>\n<p><span data-mce-type=\"bookmark\" style=\"display: inline-block;width: 0px;overflow: hidden;line-height: 0\" class=\"mce_SELRES_start\"><\/span><span data-mce-type=\"bookmark\" style=\"display: inline-block;width: 0px;overflow: hidden;line-height: 0\" class=\"mce_SELRES_start\"><\/span><\/p>\n<p>Denken Sie daran: Laden Sie niemals ein unoptimiertes Bild hoch! Es macht Ihre Website einfach langsam! <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ein Bild ist ein wesentlicher Bestandteil Ihrer Website, da es Emotionen vermittelt und das jeweilige Thema illustriert. Ein weiterer wichtiger Aspekt Ihrer Website ist jedoch die Geschwindigkeit, und die Geschwindigkeit h\u00e4ngt direkt davon ab, wie gro\u00df die Bilder auf Ihrer Website sind. Ich habe eine kleine Anleitung erstellt \u2013 wie Sie Bilder f\u00fcr die Website [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":13031,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"rank_math_focus_keyword":"Bildgr\u00f6\u00dfe auf der Website","rank_math_description":"Die Gr\u00f6\u00dfe der Bilder auf einer Website bestimmt ma\u00dfgeblich, wie schnell sich Ihre Website auf dem Ger\u00e4t des Besuchers \u00f6ffnet. Lesen Sie den Blog und sehen Sie sich das Video an, um zu erfahren, wie Sie Bilder so verkleinern, dass sie ein geringes Datenvolumen haben, aber nicht an Qualit\u00e4t verlieren. ","rank_math_title":"","rank_math_canonical_url":"","rank_math_robots":null,"footnotes":""},"categories":[193,184],"tags":[],"class_list":["post-13030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nicht-kategorisiert","category-unkategorisiert"],"astra-portfolio-type":null,"astra-site-call-to-action":null,"_links":{"self":[{"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/posts\/13030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/comments?post=13030"}],"version-history":[{"count":0,"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/posts\/13030\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/media\/13031"}],"wp:attachment":[{"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/media?parent=13030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/categories?post=13030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/riin.eu\/de\/wp-json\/wp\/v2\/tags?post=13030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}