{"id":149,"date":"2022-06-22T12:55:24","date_gmt":"2022-06-22T10:55:24","guid":{"rendered":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/?p=149"},"modified":"2022-07-06T15:53:58","modified_gmt":"2022-07-06T13:53:58","slug":"bildformate","status":"publish","type":"post","link":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/","title":{"rendered":"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte."},"content":{"rendered":"\n<p>Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an.<\/p>\n\n\n\n<p>Zun\u00e4chst einmal lassen sich bei den Bildformaten <strong>pixelbasierte<\/strong> und <strong>verktorbasierte<\/strong> Dateien unterscheiden. <\/p>\n\n\n\n<p><br><strong>Bitmapbilder (JPG, PNG, GIF) <\/strong>sind pixelbasiert. D.h. jeder Punkt in dem Bild entspricht einem Pixel. Entsprechend der Bildaufl\u00f6sung und -gr\u00f6\u00dfe steigt somit auch die Dateigr\u00f6\u00dfe dieses Formates. Sie eignen sich am Besten f\u00fcr Fotos oder komplexe Grafiken mit vielen Farbverl\u00e4ufen.<\/p>\n\n\n\n<p><br><strong>Vektorbasierte Bilder (SVG, EPS) <\/strong>sind immer verlustfrei und lassen sich beliebig hoch skalieren. Ausserdem verf\u00fcgen vektorbasierte Grafiken in den allermeisten F\u00e4llen \u00fcber kleinere Dateigr\u00f6\u00dfen. Sie eignen sich am Besten f\u00fcr Logos oder einfache Grafiken.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Bitmapbilder<\/h3>\n\n\n\n<p><strong>Unterschied zwischen JPG und PNG<\/strong><br>Das JPG-Format ist das g\u00e4ngigste Bild-Format und wird wohl am h\u00e4ufigsten genutzt. Aber auch PNG Dateien kommen im Web h\u00e4ufig zum Einsatz. Beide Formate sind sogenannte Bitmapgrafiken (auch Pixelgrafiken genannt). PNGs k\u00f6nnen Transparenz verwenden, was f\u00fcr Logos, Icons oder freigestellte Bilder perfekt ist. JPG Dateien hingegen erm\u00f6glichen eine st\u00e4rkere Reduzierung der Dateigr\u00f6\u00dfe, wodurch Webseiten schneller laden.<br>Im Internet gibt es viele kostenlose Tools, die JPG-Formate oder auch PNG\u00b4s in der Dateigr\u00f6\u00dfe komprimieren. Die wohl bekannteste Website zum Komprimieren ist: <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Tinypng.com<\/a>. Das Bild verliert hierbei nicht an Qualit\u00e4t, da nur \u00fcberfl\u00fcssige Datens\u00e4tze aus der Datei entfernt werden. <\/p>\n\n\n\n<p><strong>Das Bildformat GIF<\/strong><br>Durch Social Media wurde das GIF ein sehr beliebtes Format im Internet. Es erm\u00f6glicht kleine Animationen zu erstellen, verf\u00fcgt daf\u00fcr aber nur \u00fcber einen sehr begrenzten Farbraum (max. 256 Farben), was zu einer deutlichen Qualit\u00e4tsverschlechterung f\u00fchren kann. In einigen F\u00e4llen ist das GIF-Format auch f\u00fcr kleine Logos oder Icons verwendbar, in der Regel sind PNGs oder SVGs hier aber sinnvoller.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Vektorbasierte Bilder<\/h3>\n\n\n\n<p><strong>Das SVG-Format<\/strong><br>Unter SVG versteht man eine Vektorgrafik, die vor allem in Onlinemedien zum Einsatz kommt. Dieses Format erlaubt ein verlustfreies Skalieren von Grafiken und ist bei responsiven Designs von gro\u00dfem Vorteil. Daher werden immer h\u00e4ufiger z.B. Logos, aber auch Icons und einfache Grafiken als SVG-Dateien in Websites eingebunden. <\/p>\n\n\n\n<p>Eine SVG-Datei (Vektorgrafik) l\u00e4sst sich nach dem Erstellen jederzeit problemlos mit einem Vektor-Programm wie z.B. Adobe Illustrator nachbearbeiten, ohne dabei irgendwelchen Qualit\u00e4tseinbu\u00dfen zu unterliegen. Eine JPG- oder PNG-Datei l\u00e4sst sich im nachhinein zwar auch skalieren, verliert dabei aber kontinuierlich an Qualit\u00e4t. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an. Zun\u00e4chst einmal lassen sich bei den Bildformaten pixelbasierte und verktorbasierte Dateien unterscheiden. Bitmapbilder (JPG, PNG, GIF) sind pixelbasiert. D.h. [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[],"class_list":["post-149","post","type-post","status-publish","format-standard","hentry","category-grafik"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte. - Butterfisch-Werbeagentur Blog<\/title>\n<meta name=\"description\" content=\"Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an.\" \/>\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.butterfisch-werbeagentur.de\/Blog\/bildformate\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte. - Butterfisch-Werbeagentur Blog\" \/>\n<meta property=\"og:description\" content=\"Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/\" \/>\n<meta property=\"og:site_name\" content=\"Butterfisch-Werbeagentur Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-22T10:55:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-06T13:53:58+00:00\" \/>\n<meta name=\"author\" content=\"Samuel Wellach\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Samuel Wellach\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"3\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/\",\"url\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/\",\"name\":\"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte. - Butterfisch-Werbeagentur Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#website\"},\"datePublished\":\"2022-06-22T10:55:24+00:00\",\"dateModified\":\"2022-07-06T13:53:58+00:00\",\"author\":{\"@id\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#\/schema\/person\/12cd0fb11b560344e23a3be315e39699\"},\"description\":\"Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte.\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#website\",\"url\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/\",\"name\":\"Butterfisch-Werbeagentur Blog\",\"description\":\"Eine weitere WordPress-Website\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#\/schema\/person\/12cd0fb11b560344e23a3be315e39699\",\"name\":\"Samuel Wellach\",\"url\":\"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/author\/samuel\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte. - Butterfisch-Werbeagentur Blog","description":"Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an.","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.butterfisch-werbeagentur.de\/Blog\/bildformate\/","og_locale":"de_DE","og_type":"article","og_title":"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte. - Butterfisch-Werbeagentur Blog","og_description":"Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an.","og_url":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/","og_site_name":"Butterfisch-Werbeagentur Blog","article_published_time":"2022-06-22T10:55:24+00:00","article_modified_time":"2022-07-06T13:53:58+00:00","author":"Samuel Wellach","twitter_card":"summary_large_image","twitter_misc":{"Verfasst von":"Samuel Wellach","Gesch\u00e4tzte Lesezeit":"3\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/","url":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/","name":"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte. - Butterfisch-Werbeagentur Blog","isPartOf":{"@id":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#website"},"datePublished":"2022-06-22T10:55:24+00:00","dateModified":"2022-07-06T13:53:58+00:00","author":{"@id":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#\/schema\/person\/12cd0fb11b560344e23a3be315e39699"},"description":"Es gibt viele verschiedene Formate in denen Bilder abgespeichert werden k\u00f6nnen. Einige Formate unterst\u00fctzen Transparenz, andere hingegen lassen sich nur verlustbehaftet komprimieren. Gerade im Internet kommt es auf das richtige Format und die richtige Gr\u00f6\u00dfe an.","breadcrumb":{"@id":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/bildformate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/"},{"@type":"ListItem","position":2,"name":"JPG, PNG, GIF oder SVG? Wann welches Bildformat verwendet werden sollte."}]},{"@type":"WebSite","@id":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#website","url":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/","name":"Butterfisch-Werbeagentur Blog","description":"Eine weitere WordPress-Website","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/#\/schema\/person\/12cd0fb11b560344e23a3be315e39699","name":"Samuel Wellach","url":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/author\/samuel\/"}]}},"_links":{"self":[{"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/posts\/149","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/comments?post=149"}],"version-history":[{"count":26,"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/posts\/149\/revisions"}],"predecessor-version":[{"id":471,"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/posts\/149\/revisions\/471"}],"wp:attachment":[{"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/media?parent=149"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/categories?post=149"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.butterfisch-werbeagentur.de\/Blog\/wp-json\/wp\/v2\/tags?post=149"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}