{"id":232,"date":"2022-05-29T19:25:31","date_gmt":"2022-05-29T19:25:31","guid":{"rendered":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/?p=232"},"modified":"2022-05-29T19:26:39","modified_gmt":"2022-05-29T19:26:39","slug":"verlustbehaftete-vs-verlustfreie-optimierung","status":"publish","type":"post","link":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/2022\/05\/29\/verlustbehaftete-vs-verlustfreie-optimierung\/","title":{"rendered":"Verlustbehaftete vs. verlustfreie Optimierung!"},"content":{"rendered":"\n<p>Wichtig ist es auch zu verstehen, dass es zwei Arten von Kompression gibt, die Du verwenden kannst, verlustbehaftet und verlustfrei.<\/p>\n\n\n\n<p>Verlustfrei \u2013 dies ist ein Filter, der die Daten komprimiert. Dies verringert nicht die Qualit\u00e4t, aber es erfordert, dass die Bilder dekomprimiert werden, bevor sie gerendert werden k\u00f6nnen. Du kannst eine verlustfreie Kompression auf Deinem Desktop mit Tools wie Photoshop, FileOptimizer oder ImageOptim durchf\u00fchren.<\/p>\n\n\n\n<p>Verlustbehaftet \u2013 dies ist ein Filter, der einen Teil der Daten eliminiert. Dies f\u00fchrt zu einer Verschlechterung des Bildes, sodass man darauf achten muss, wie stark man das Bild verkleinern kann. Die Dateigr\u00f6\u00dfe kann um ein Vielfaches reduziert werden. Mit Werkzeugen wie Adobe Photoshop, Affinity Photo oder anderen Bildbearbeitungsprogrammen kann man die Qualit\u00e4tseinstellungen eines Bildes einstellen.<\/p>\n\n\n\n<p>Am besten probierst Du deine verschiedenen Kompressionstechniken aus, um zu sehen, was f\u00fcr jedes Bild oder Format am besten funktioniert. Wenn deine Tools die Option haben, stelle sicher, dass Du das Bild f\u00fcr das Web speicherst. Diese Option ist in vielen Bildbearbeitungsprogrammen enthalten und bietet Dir die M\u00f6glichkeit, die Qualit\u00e4t anzupassen, damit Du eine optimale Komprimierung durchf\u00fchren kannst. Qualit\u00e4tsverluste sind meist unausweichlich, also experimentiere, um die beste Balance zu finden, ohne die Bilder zu sehr zu verzerren.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"430\" height=\"323\" src=\"https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/komprimierungsverfahren_430x323-equal.jpg?resize=430%2C323&#038;ssl=1\" alt=\"Grafische Anschauung von verlustfreie und verlusthafte Optimierung.\" class=\"wp-image-233\" srcset=\"https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/komprimierungsverfahren_430x323-equal.jpg?w=430&amp;ssl=1 430w, https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/komprimierungsverfahren_430x323-equal.jpg?resize=300%2C225&amp;ssl=1 300w, https:\/\/i0.wp.com\/grafikdesignshop.mediendesign-hartig.de\/wp-content\/uploads\/2022\/05\/komprimierungsverfahren_430x323-equal.jpg?resize=350%2C263&amp;ssl=1 350w\" sizes=\"auto, (max-width: 430px) 100vw, 430px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Wichtig ist es auch zu verstehen, dass es zwei Arten von Kompression gibt, die Du verwenden kannst, verlustbehaftet und verlustfrei. Verlustfrei \u2013 dies ist ein Filter, der die Daten komprimiert. Dies verringert nicht die Qualit\u00e4t, aber es erfordert, dass die Bilder dekomprimiert werden, bevor sie gerendert werden k\u00f6nnen. Du kannst eine verlustfreie Kompression auf Deinem &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/2022\/05\/29\/verlustbehaftete-vs-verlustfreie-optimierung\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eVerlustbehaftete vs. verlustfreie Optimierung!\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-232","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\/232","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=232"}],"version-history":[{"count":1,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/posts\/232\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/posts\/232\/revisions\/234"}],"wp:attachment":[{"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/media?parent=232"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/categories?post=232"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/grafikdesignshop.mediendesign-hartig.de\/index.php\/wp-json\/wp\/v2\/tags?post=232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}