{"id":227,"date":"2022-05-29T19:21:49","date_gmt":"2022-05-29T19:21:49","guid":{"rendered":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/?p=227"},"modified":"2022-05-29T19:27:09","modified_gmt":"2022-05-29T19:27:09","slug":"kompressionsqualitaet-vs-groesse","status":"publish","type":"post","link":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/2022\/05\/29\/kompressionsqualitaet-vs-groesse\/","title":{"rendered":"Kompressionsqualit\u00e4t vs. Gr\u00f6\u00dfe!"},"content":{"rendered":"\n<p>Was kann passieren, wenn Du ein Bild zu stark komprimierst. Das Bild unter Verwendung einer sehr niedrigen Kompressionsrate f\u00fchrt zu h\u00f6chster Qualit\u00e4t (aber gr\u00f6\u00dferer Dateigr\u00f6\u00dfe). Wiederum arbeitet man mit einer sehr hohen Komprimierungsrate, was zu einer sehr geringen Bildqualit\u00e4t (aber auch einer geringeren Dateigr\u00f6\u00dfe) f\u00fchrt.<\/p>\n\n\n\n<p>Es ist im Allgemeinen am besten, wenn Du das Gesamtgewicht einer Webseite unter 1 oder 2 MB Gr\u00f6\u00dfe halten kannst. 590 KB f\u00fcr ein Bild w\u00e4re schon ein Viertel davon. Ein Bild, was zu stark komprimiert wird, sieht schrecklich aus, aber dann sind es nur noch z.B. nur 68 KB. Was Du tun solltest, ist, eine goldene Mitte zwischen der Kompressionsrate (Qualit\u00e4t) und der Dateigr\u00f6\u00dfe zu finden.<\/p>\n\n\n\n<p>Also nimmt man eine mittlere Kompressionsrate, sieht die Qualit\u00e4t jetzt gut aus und die Dateigr\u00f6\u00dfe, was f\u00fcr ein hochaufl\u00f6sendes Foto akzeptabel ist. Dies ist circa 4x kleiner als das Originalfoto bei geringer Kompression. Normalerweise sollten einfachere Bilder wie PNG&#8217;s unter 100 KB oder weniger liegen, um die beste Leistung zu erzielen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"429\" height=\"150\" src=\"https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/bild-komprimierung-optimierung.jpg?resize=429%2C150&#038;ssl=1\" alt=\"Grafische Anschauung bei Komprimierung und Optimierung eines Bildes.\" class=\"wp-image-228\" srcset=\"https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/bild-komprimierung-optimierung.jpg?w=429&amp;ssl=1 429w, https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/bild-komprimierung-optimierung.jpg?resize=300%2C105&amp;ssl=1 300w, https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/bild-komprimierung-optimierung.jpg?resize=350%2C122&amp;ssl=1 350w\" sizes=\"auto, (max-width: 429px) 100vw, 429px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Was kann passieren, wenn Du ein Bild zu stark komprimierst. Das Bild unter Verwendung einer sehr niedrigen Kompressionsrate f\u00fchrt zu h\u00f6chster Qualit\u00e4t (aber gr\u00f6\u00dferer Dateigr\u00f6\u00dfe). Wiederum arbeitet man mit einer sehr hohen Komprimierungsrate, was zu einer sehr geringen Bildqualit\u00e4t (aber auch einer geringeren Dateigr\u00f6\u00dfe) f\u00fchrt. Es ist im Allgemeinen am besten, wenn Du das Gesamtgewicht &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/2022\/05\/29\/kompressionsqualitaet-vs-groesse\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eKompressionsqualit\u00e4t vs. Gr\u00f6\u00dfe!\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[36],"tags":[],"class_list":["post-227","post","type-post","status-publish","format-standard","hentry","category-wissenswertes"],"jetpack_featured_media_url":"","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/posts\/227","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/comments?post=227"}],"version-history":[{"count":2,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/posts\/227\/revisions"}],"predecessor-version":[{"id":231,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/posts\/227\/revisions\/231"}],"wp:attachment":[{"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/media?parent=227"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/categories?post=227"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/tags?post=227"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}