{"id":6290,"date":"2019-11-17T10:16:00","date_gmt":"2019-11-17T09:16:00","guid":{"rendered":"https:\/\/www.pixolum.com\/blog\/?p=6290"},"modified":"2021-05-01T12:21:19","modified_gmt":"2021-05-01T10:21:19","slug":"bildformate","status":"publish","type":"post","link":"https:\/\/www.pixolum.com\/blog\/fotografie\/bildformate","title":{"rendered":"Bildformate &#8211; JPEG, PNG, GIF, TIFF und 7 weitere im Vergleich"},"content":{"rendered":"<p><strong> JPEG, PNG, GIF, TIFF, &#8230; es gibt so viele Bildformate. Doch wann ist welches Bildformat geeignet? Du willst auf allen Kan\u00e4len und Ger\u00e4ten die bestm\u00f6gliche Bildqualit\u00e4t gew\u00e4hrleisten, ohne die Qualit\u00e4t oder die Ladezeit zu beeintr\u00e4chtigen. Welches Format sollst du z.B. f\u00fcr ein Logo oder Druckerzeugnis verwenden? Was sind die Vor- und Nachteile all dieser Bildformate? Was ist der Unterschied zwischen Raster und Vektor Grafiken? All diese Fragen werden wir in diesem Artikel beantworten.<\/strong><\/p>\n<figure id=\"attachment_6310\" aria-describedby=\"caption-attachment-6310\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6310 size-large\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-titelbild-800x545.jpg\" alt=\"Bildformate Titelbild\" width=\"800\" height=\"545\" title=\"\" srcset=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-titelbild-800x545.jpg 800w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-titelbild-250x170.jpg 250w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-titelbild-120x82.jpg 120w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-titelbild.jpg 820w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-6310\" class=\"wp-caption-text\">Bildformate im \u00dcberblick (@Claudio Fleischmann, pixolum)<\/figcaption><\/figure>\n<h2>Vergleich der wichtigsten Bildformate<\/h2>\n<p>Weiter unten findest du unsere Liste mit den 11 bekanntesten Bildformaten und ihrem besten Einsatzzweck. Hier aber schon einmal ein kurzer \u00dcberblick f\u00fcr die, die es eilig haben.<\/p>\n<table class=\"table table table-hover table-striped table-responsive-sm\">\n<thead class=\"thead-dark\">\n<tr>\n<th scope=\"col\"><\/th>\n<th scope=\"col\">Vektor\/Pixel<\/th>\n<th scope=\"col\">Komprimierung<\/th>\n<th scope=\"col\">Pro<\/th>\n<th scope=\"col\">Kontra<\/th>\n<th scope=\"col\">Anwendung<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<th scope=\"row\">JPEG<\/th>\n<td>Pixel<\/td>\n<td>Mit Verlust<\/td>\n<td>Das JPEG-Bildformat wird von allen Betriebssystemen unterst\u00fctzt. Es ist eines der am meisten verbreiteten Bildformate. Das Verh\u00e4ltnis von Bildqualit\u00e4t zu Dateigr\u00f6sse ist gut.<\/td>\n<td>JPEG unterst\u00fctzt keine Transparenzen und keine Animationen. Zudem kann es Qualit\u00e4tsverluste nach mehrfachem Speichern geben.<\/td>\n<td>Grosse, detailreiche Bilder zum Versenden, Abspeichern oder auf Websites<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">GIF<\/th>\n<td>Pixel<\/td>\n<td>Ohne Verlust<\/td>\n<td>Das GIF-Format hat eine sehr kleine Dateigr\u00f6sse. Dabei unterst\u00fctzt es auch noch Animationen.<\/td>\n<td>Es gibt heute bessere und neuere Bildformate. Auch werden nur 256 Farben unterst\u00fctzt.<\/td>\n<td>Websites, Chats, Schaltfl\u00e4chen, Navigationsmen\u00fcs, Symbole und grafische Texte<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">PNG<\/th>\n<td>Pixel<\/td>\n<td>Ohne Verlust<\/td>\n<td>Das PNG-Format unterst\u00fctzt den <a href=\"https:\/\/de.wikipedia.org\/wiki\/Alphakanal\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Alpha-Kanal<\/a> bei der Transparenz. Dieser ist neuer und moderner als der des GIF-Formats. Zudem verwirft das Bildformat, im Vergleich zu anderen Bildformate, beim erneuten Speichern keine Informationen.<\/td>\n<td>Der gr\u00f6sste Nachteil steckt in der Dateigr\u00f6sse. Diese ist im Vergleich zum JPEG-Format riesig. Zudem wird das Format nicht \u00fcberall unterst\u00fctzt.<\/td>\n<td>Icons, transparente oder halbtransparente Bereiche bei Bildern oder Logos &#8211; dies auch wieder speziell bei Webseiten.<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">TIFF<\/th>\n<td>Pixel<\/td>\n<td>Normalerweise nicht komprimiert: ohne Verlust.<br \/>\nAber wenn komprimiert: mit Verlust<\/td>\n<td>Keine Qualit\u00e4tsverluste, da nicht komprimiert. Qualitativ hochwertig und genau. Zudem wird auch wieder die Kanaltransparenz unterst\u00fctzt.<\/td>\n<td>Format nicht \u00fcberall unterst\u00fctzt wird und es nicht mit Webbrowsern kompatibel ist, was eine Verwendung auf Webseiten ausschliesst. Zudem sind die Dateigr\u00f6ssen sehr gross.<\/td>\n<td>Druck<\/td>\n<\/tr>\n<tr>\n<th scope=\"row\">SVG<\/th>\n<td>Vektor<\/td>\n<td>Ohne Verlust<\/td>\n<td>Das SVG-Format bietet eine sehr hohe Qualit\u00e4t. Durch das Verwenden von Vektoren gibt es nach der Skalierung oder nach dem Zoomen keinen Qualit\u00e4tsverlust.<\/td>\n<td>Braucht spezielle Software zur Bearbeitung oder HTML Kenntnisse.<\/td>\n<td>Druck, Logos und f\u00fcr Webseiten.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>Verlustreiche und verlustfreie Komprimierung<\/h2>\n<div class=\"pixol-adsense-mitte-beginn-artiel\" style=\"float: right;\" id=\"pixol-3279988962\"><script async type=\"text\/javascript\" src=\"\/\/cdn.carbonads.com\/carbon.js?serve=CE7IL2JM&placement=wwwpixolumcom\" id=\"_carbonads_js\"><\/script><\/div><p>Einige Eigenschaften der <strong>Bildformate<\/strong> mit Begriffen wie \u00abverlustbehaftete und verlustfreie Kompression\u00bb oder \u00abRaster\u00bb und \u00abVektor\u00bb m\u00f6gen f\u00fcr dich ungewohnt klingen. Daher erkl\u00e4ren wie dir als erstes, was es damit auf sich hat. Das Komprimieren von Dateien spart viel Speicherplatz und erleichtert auch die gemeinsame Nutzung von Dateien. Welche Dateikomprimierung du verwenden solltest, h\u00e4ngt davon ab, ob du die Originaldaten einer Datei behalten m\u00f6chtest.<\/p>\n<ul class=\"iconlist\">\n<li><strong>Verlustreiche Kompression<\/strong> bedeutet, dass Daten aus dem Bild teilweise entfernt, oder Informationen zu Bildpunkten reduziert werden. Die Farben werden dann durch eine mathematische Formel neu berechnet. Es kann ein sichtbarer Qualit\u00e4tsverlust entstehen. Oft spielt aber die Bildqualit\u00e4t keine sehr grosse Rolle &#8211; z.B. auf social Media, wo die Bilder sowieso nur \u00fcberflogen werden. Neben der verlustreichen Kompression gibt es aber auch bessere Varianten f\u00fcr leichtere Bilder: Lies dazu unseren Artikel zum Thema <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/bilder-bearbeiten-app\">Bilder verkleinern<\/a>.<\/li>\n<li><strong>Die verlustfreie Komprimierung<\/strong> erh\u00e4lt die Bildqualit\u00e4t und versucht gleichzeitig, die geringe Dateigr\u00f6sse zu erhalten. Sie gruppiert alle Pixel in die gleiche Farbkategorie, was die Indexierung erleichtert und entfernt oft auch die <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/exif-daten-metadaten\">Meta Daten<\/a> eines Bildes.<\/li>\n<\/ul>\n<h4>Wann brauchst du also eine verlustreiche &#8211; und wann eine verlustfreie Kompression?<\/h4>\n<p>Wenn es dir egal ist, dass du ein Teil der Qualit\u00e4t der Datei verlierst um Speicherplatz zu sparen, dann w\u00e4hle ein <strong>Bildformat<\/strong> mit verlustreicher Kompression. Wenn das Sparen von Speicherplatz nicht deine Priorit\u00e4t ist und du deine Datei im Originalzustand halten m\u00f6chtest, entscheide dich f\u00fcr eine verlustfreie Kompression. Heutzutage ist Speicherplatz auch nicht mehr so ein Problem, bei den meisten anbietern bekommst du ja auch einiges an <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/kostenlose-cloud-speicher-mehr-platz-fuer-deine-bilder\">kostenlosem Cloud-Speicher.<\/a><\/p>\n<h2>Bildformate mit Vektoren und Rastern<\/h2>\n<figure id=\"attachment_6322\" aria-describedby=\"caption-attachment-6322\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6322 size-large\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-raster-vektor-1-800x112.jpg\" alt=\"Bildformate Raster Vektor\" width=\"800\" height=\"112\" title=\"\" srcset=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-raster-vektor-1-800x112.jpg 800w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-raster-vektor-1-250x35.jpg 250w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-raster-vektor-1-120x17.jpg 120w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-6322\" class=\"wp-caption-text\">Raster vs. Vektor (@Claudio Fleischmann, pixolum)<\/figcaption><\/figure>\n<h3>Bildformate mit Raster<\/h3>\n<p>Rasterbilder werden aus einer Reihe von Pixeln oder einzelnen Bl\u00f6cken zusammengesetzt, um ein Bild zu erzeugen. <strong>JPEG, GIF und PNG sind alles Bildformate mit Rasterbilderweiterungen<\/strong>. Pixel haben aufgrund ihrer definierten Gr\u00f6sse einen fixen Anteil am Bild. Wenn du nun ein Bild vergr\u00f6sserst oder verziehst, werden die Pixel gestreckt, um den Raum zu f\u00fcllen. Damit werden sie verzerrt, was zu verschwommenen oder unscharfen Bildern f\u00fchrt.<\/p><div class=\"pixol-inhalt_3\" style=\"margin-bottom: 30px;\" id=\"pixol-3968932560\"><h4>Kennst du schon meine 52 weltbesten Spickzettel?<\/h4>\r\n<div class=\"spickteaser\">\r\n<div class=\"row\">\r\n<div class=\"col-sm-7\">\r\n\t<a href=\"https:\/\/www.pixolum.com\/blog\/downloads\/fotografie-spickzettel?utm_source=pixolum&utm_medium=blog_inarticle&utm_campaign=spk_pix_sale_30&utm_term=p79\"><img class=\"alignnone size-full wp-image-8300\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2020\/10\/Fotospickzettel-pixolum-500px.jpg\" alt=\"Fotografie Spickzettel\" loading=\u201dlazy\u201d \/><\/a>\r\n\t<\/div>\r\n<div class=\"col-sm-5\">\r\n<a href=\"https:\/\/www.pixolum.com\/blog\/downloads\/fotografie-spickzettel?utm_source=pixolum&utm_medium=blog_inarticle&utm_campaign=spk_pix_sale_30&utm_term=p79\">\r\n\t<ul class=\"check_icon_list check_icon_list--spickzettel\">\r\n\t\t<li>Mein ganzes Fotowissen<\/li>\r\n\t\t<li>Bessere Fotos in 5 Minuten<\/li>\r\n\t\t<li>Referenz zum Nachschlagen<\/li>\r\n\t\t<li>Kompakt, immer dabei!<\/li>\r\n\t\t<li>Rabatt nicht verpassen!<b><span>-50%<\/span><\/b><\/li>\r\n\t<\/ul>\r\n\t<div class=\"trenner_30\"><\/div>\r\n<\/a>\r\n<a href=\"https:\/\/www.pixolum.com\/blog\/downloads\/fotografie-spickzettel?utm_source=pixolum&utm_medium=blog_inarticle&utm_campaign=spk_pix_sale_30&utm_term=p79\" class=\"btn btn-primary btn-lg btn-block\">Ou ja, zeig mal!<\/a><\/div>\r\n<\/div>\r\n<\/div>\r\n<hr><\/div>\n<p>Um die Pixelqualit\u00e4t zu erhalten, kannst du die Gr\u00f6sse von Rasterbildern nicht \u00e4ndern, ohne die Aufl\u00f6sung zu beeintr\u00e4chtigen. Daher ist es wichtig, daran zu denken, Rasterdateien genau in den f\u00fcr die Anwendung erforderlichen Abmessungen zu speichern. Du kannst das Bild nat\u00fcrlich jederzeit ohne Qualit\u00e4tsverlust in einer kleineren Abmessung (aber im gleichen Bildformat) speichern. Vergr\u00f6ssern geht jedoch nicht ohne sp\u00fcrbaren Verlust. Das hast du sicher auch schon einmal festgestellt.<\/p>\n<h3>Vektor-Bildformate<\/h3>\n<p>Vektorbilder sind wesentlich flexiblere Bildformate. Sie sind aus proportionalen Formen und nicht aus Pixeln aufgebaut. <strong>EPS, AI und PDF<\/strong> sind perfekt f\u00fcr die Erstellung von Grafiken, die eine h\u00e4ufige Gr\u00f6ssen\u00e4nderung erfordern. Dein Logo und deine Markengrafiken sollten als Vektor erstellt worden sein und du solltest immer eine Masterdatei zur Hand haben. Die wahre Sch\u00f6nheit von Vektoren liegt in ihrer F\u00e4higkeit sich beliebig in der Gr\u00f6sse zu wandeln. So klein wie eine Briefmarke oder gross genug, um auf eine Hauswand zu passen. Alles immer in der gleichen Qualit\u00e4t.<\/p>\n<p>Wenn du dir nicht sicher bist, ob du eine Vektor-Version deines Logos hast, ist hier ein kleiner Trick f\u00fcr dich: Rufe das Unternehmen an, das deine Visitenkarten gedruckt hat, oder den Lieferanten, der dein Logo auf ein Hemd gestickt hat. Oftmals haben sie eine Vektor-Datei deines Logos noch, die sie dir f\u00fcr deine Unterlagen zusenden k\u00f6nnen.<\/p>\n<h2>Hohe vs. geringe Aufl\u00f6sung<\/h2>\n<p>Hast du je einen Designer \u00fcber <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/dpi-vs-ppi\">DPI oder PPI<\/a> sprechen h\u00f6ren? DPI steht f\u00fcr &#8222;dots per inch&#8220; und PPI bedeutet &#8222;pixels per inch&#8220;. Diese Masseinheiten sind unerl\u00e4sslich, um festzustellen, ob die Dichte der Pixel in einem Bild f\u00fcr die von dir verwendete Anwendung geeignet ist. Das Wichtigste, was du bei der Bestimmung der ben\u00f6tigten DPI oder PPI beachten solltest, ist, ob du das <strong>Bild f\u00fcr Druck oder Web verwendest<\/strong>.<\/p>\n<ul class=\"iconlist\">\n<li>Websites zeigen Bilder in einer Aufl\u00f6sung von <strong>72 DPI<\/strong> an, was eine niedrige Aufl\u00f6sung ist; Bilder in dieser Aufl\u00f6sung sehen jedoch im Web wirklich scharf aus.<\/li>\n<li>Beim Druck ist dies nicht der Fall. F\u00fcr das Drucken eines Bildes ist es essenziell, dass es nicht weniger als <strong>300 DPI<\/strong> sind.<\/li>\n<\/ul>\n<p>Diese Angaben sind essentiell, da sich die Bildformate darin stark unterscheide k\u00f6nnen.<\/p>\n<p>Versuche nicht, das System zu hintergehen. In Photoshop oder <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/photoshop-alternative\">alternativen Programmen zur Bildbearbeitung<\/a> kannst du vieles herbei zaubern &#8211; das Erstellen von Pixeln aus der Luft geh\u00f6rt aber leider nicht dazu. Ein Bild vom Web zu ziehen und zu versuchen, es an die Dimensionen deines Druckprojekts anzupassen, wird einfach nicht funktionieren. Du wirst am Ende ein verpixeltes Bild erhalten, das gestreckt und verzerrt erscheint. Sind also mehr Pixel immer besser und geben dir mehr Flexibilit\u00e4t? Das verraten wir dir in unserem Artikel zum <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/megapixel\">Thema Mexapixel.<\/a><\/p>\n<h2>11 verschiedene Bildformate<\/h2>\n<h3><span class=\"headingSquareNumber\">JPEG<\/span> (oder JPG) &#8211; Joint Photographic Experts Group<\/h3>\n<p>Das JPEG-Bildformat ist das meist verwendete Bildformat. Das 1992 von der <a href=\"https:\/\/jpeg.org\/\" target=\"_blank\" rel=\"noopener\">&#8222;Joint Photographic Experts Groups&#8220;<\/a> entwickelte Bildformat ist eine verlustbehaftete Kompression f\u00fcr digitale Bilder. Die verwendete Kompression ist die <a href=\"https:\/\/www.univie.ac.at\/video\/grundlagen\/dct.htm\" target=\"_blank\" rel=\"noopener\">diskrete Cosinus-Transformation<\/a>, die den Rahmen durch einen mathematischen Prozess in eine 2D-Dom\u00e4ne umwandelt.<\/p>\n<figure id=\"attachment_6302\" aria-describedby=\"caption-attachment-6302\" style=\"width: 150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6302 size-thumbnail\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-jpg-150x150.png\" alt=\"Bildformate JPG\" width=\"150\" height=\"150\" title=\"\" srcset=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-jpg-150x150.png 150w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-jpg-250x250.png 250w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-jpg-120x120.png 120w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-jpg.png 256w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption id=\"caption-attachment-6302\" class=\"wp-caption-text\">Windows JPG Icon (@icon-library.net)<\/figcaption><\/figure>\n<p>Durch die verlustbehaftete Komprimierungsmethode verlieren die Bilder bei der Bearbeitung und mehrmaligen Speicherung ihre Qualit\u00e4t. Bildbearbeitungsprogramme geben dem Benutzer die M\u00f6glichkeit zu w\u00e4hlen, wie stark das Bild komprimiert werden soll. JPEG ist nicht geeignet f\u00fcr Logos oder Symbole, die eine angemessene Skalierbarkeit erfordern. JPEG Bildformate sind perfekt f\u00fcr farbenfrohe Fotos und Bilder mit \u00fcberblendenden Farbt\u00f6nen.<\/p>\n<h3><span class=\"headingSquareNumber\">PNG<\/span> Portable Network Graphics<\/h3>\n<p>Die PNG-Erweiterung ist eine verbesserte Bildformate-Version der GIF-Erweiterung. Da das GIF nur begrenzte M\u00f6glichkeiten hatte, wurde das PNG-Format eingef\u00fchrt. Die begrenzte Farbunterst\u00fctzung von GIF (siehe n\u00e4chster Abschnitt) war einer der Gr\u00fcnde, warum man PNG entwickelte. Computer wurden immer fortschrittlicher und waren in der Lage, eine gr\u00f6ssere Vielfalt an Farben zu erzeugen.<\/p>\n<p>PNG-Bilder werden in zwei Stufen komprimiert, n\u00e4mlich vorkomprimiert und die verlustfreie Datenkompression, auch <a href=\"https:\/\/de.wikipedia.org\/wiki\/Deflate\" target=\"_blank\" rel=\"noopener\">&#8222;deflate&#8220;<\/a> genannt. Diese Methode, die den Komprimierungsprozess verz\u00f6gert, verringert die Dateigr\u00f6sse nicht und macht sie gr\u00f6sser als die aggressivere Komprimierung bei anderen Bildformaten, wie zum Beispiel dem verlustbehafteten JPEG-Format.<\/p>\n<figure id=\"attachment_6312\" aria-describedby=\"caption-attachment-6312\" style=\"width: 183px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6312\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-png-250x250.png\" alt=\"Bildformate PNG\" width=\"183\" height=\"227\" title=\"\"\/><figcaption id=\"caption-attachment-6312\" class=\"wp-caption-text\">PNG Icon<\/figcaption><\/figure>\n<p>PNG und JPEG unterscheiden sich in der Qualit\u00e4t nicht sehr stark, wenn es um detailreiche Fotos geht. Die Dateigr\u00f6sse von PNG ist nur viel gr\u00f6sser. PNG eignet sich daher am besten f\u00fcr Bilder mit Bereichen mit viel Vollfarbe und scharfen \u00dcberg\u00e4ngen.<\/p>\n<h3><span class=\"headingSquareNumber\">GIF<\/span> Graphics Interchange Format<\/h3>\n<p>Wenn wir an GIF Bildformate denken, geht unser erster Gedanke an <a href=\"https:\/\/www.pinterest.de\/search\/pins\/?q=Lustige%20Katzenbilder&amp;rs=typed&amp;term_meta[]=Lustige%7Ctyped&amp;term_meta[]=Katzenbilder%7Ctyped\" target=\"_blank\" rel=\"noopener\">lustige Katzenbilder<\/a>. Das Graphic Interchange Format ist ein Bitmap-Videoformat, das Steve Wilhite 1987 entwickelte. Die verlustfreie Datenkompression wird durch den <a href=\"https:\/\/www.lntwww.de\/Informationstheorie\/Komprimierung_nach_Lempel,_Ziv_und_Welch\" target=\"_blank\" rel=\"noopener\">Lempel-Ziv-Welch-Algorithmus<\/a> aufgebaut. Der Algorithmus kodiert 8-Bit-Daten als 12-Bit-Codes mit fester L\u00e4nge.<\/p>\n<figure id=\"attachment_6314\" aria-describedby=\"caption-attachment-6314\" style=\"width: 132px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6314\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-gif.jpg\" alt=\"Bildformate GIF\" width=\"132\" height=\"216\" title=\"\"\/><figcaption id=\"caption-attachment-6314\" class=\"wp-caption-text\">GIF Icon (@freeiconshop.com)<\/figcaption><\/figure>\n<p>Aufgrund der 24-Bit-RGB-Farbunterst\u00fctzung (bis zu 256 Farben) ist die GIF-Erweiterung <strong>nicht f\u00fcr farbstarke Fotos geeignet.<\/strong> F\u00fcr diesen Dateityp werden Grafiken mit Volltonfarben empfohlen. Da die GIF-Erweiterung ziemlich alt ist, ist sie nicht wirklich f\u00fcr den modernen Gebrauch geeignet. Da der Dateityp f\u00fcr Bannerwerbung verwendet wird, wird er jedoch durch dynamischere HTML-5-Formate wie SVG ersetzt.<\/p>\n<h3><span class=\"headingSquareNumber\">TIFF<\/span> Tagged Image File<\/h3>\n<p>Ein TIFF ist eine grosse Rasterdatei, die keine Qualit\u00e4tseinbussen erleidet. Dieser Dateityp ist bekannt f\u00fcr die Verwendung von &#8222;verlustfreier Komprimierung&#8220;, d.h. dass man die Originalbilddaten beibeh\u00e4lt, unabh\u00e4ngig davon, wie oft du die Originaldatei kopierst, erneut speicherst oder komprimierst.<\/p>\n<figure id=\"attachment_6316\" aria-describedby=\"caption-attachment-6316\" style=\"width: 151px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6316 \" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-tiff-250x250.png\" alt=\"Bildformate TIFF\" width=\"151\" height=\"187\" title=\"\"\/><figcaption id=\"caption-attachment-6316\" class=\"wp-caption-text\">TIFF Icon (@Freepik)<\/figcaption><\/figure>\n<p>Obwohl TIFF Bildformate nach der Manipulation ihre Qualit\u00e4t wiederherstellen k\u00f6nnen, solltest du es vermeiden, diesen Dateityp im Web zu verwenden &#8211; das Laden kann n\u00e4mlich ewig dauern. Ein Albtraum f\u00fcr jede <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/fotografie-website-erstellen\">professionelle Fotografen-Website<\/a>. TIFF-Dateien werden auch h\u00e4ufig beim Speichern von Fotos zum Drucken verwendet.<\/p>\n<h3><span class=\"headingSquareNumber\">SVG<\/span> Scalable Vector Graphics<\/h3>\n<p>Vektorbasierte Bildformate helfen Designern, Bilder zu erstellen, die f\u00fcr eine unbegrenzte Skalierung geeignet sind. Das SVG, ein vom <a href=\"https:\/\/www.w3.org\/\" target=\"_blank\" rel=\"noopener\">W3C<\/a> entwickeltes <a href=\"https:\/\/lerneprogrammieren.de\/xml\/\" target=\"_blank\" rel=\"noopener\">XML<\/a>-basiertes Vektorformat, unterst\u00fctzt Designer bei der Erstellung von Designs, die ohne Qualit\u00e4tsverlust einfach skaliert werden k\u00f6nnen. Das SVG-Dateiformat wird von den meisten modernen Webbrowsern unterst\u00fctzt.<\/p>\n<figure id=\"attachment_6319\" aria-describedby=\"caption-attachment-6319\" style=\"width: 150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6319\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-svg.jpg\" alt=\"Bildformate SVG\" width=\"150\" height=\"150\" title=\"\" srcset=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-svg.jpg 499w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-svg-150x150.jpg 150w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-svg-250x250.jpg 250w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-svg-120x120.jpg 120w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption id=\"caption-attachment-6319\" class=\"wp-caption-text\">SVG Icon (@svgrepo.com)<\/figcaption><\/figure>\n<p>SVG-Erweiterungen werden durch <a href=\"https:\/\/www.ionos.de\/digitalguide\/server\/knowhow\/was-ist-gzip-und-welche-vorteile-bietet-das-programm\/\" target=\"_blank\" rel=\"noopener\">gzip<\/a> komprimiert. Da die Dateien XML-basiert sind, k\u00f6nnen sie von vielen verlustfreien Datenkompressionsalgorithmen analysiert werden. Dies macht das Dateiformat sehr vielseitig und macht es bei vielen Designern zur Erstellung von Drucksachen und Logos beliebt.<\/p>\n<h4>Beispielbilder mit Vektoren<\/h4>\n<p>Das folgende Bild ist im SVG-Bildformat. \u00d6ffne das Bild mal in einem neuen Tab (<a href=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f7\/Bananas.svg\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">hier klicken<\/a>) und zoome rein. Du wirst sehen, dass sich keine Pixel bilden werden:<\/p>\n<figure style=\"width: 560px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/f\/f7\/Bananas.svg\" alt=\"\" width=\"560\" height=\"373\" title=\"\"\/><figcaption class=\"wp-caption-text\">SVG Beispielbild (von Wikipedia)<\/figcaption><\/figure>\n<h3><span class=\"headingSquareNumber\">PSD<\/span> Photoshop Document<\/h3>\n<p>PSDs sind Dateien, die <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/photoshop-alternative\">Adobe Photoshop<\/a>, die beliebteste Grafikbearbeitungssoftware aller Zeiten, erstellt und speichert. Diese Art von Datei enth\u00e4lt &#8222;Ebenen&#8220;, die das \u00c4ndern des Bildes wesentlich einfacher machen. Dies ist auch das Programm, das die oben genannten Rasterdateitypen erzeugt.<\/p>\n<figure id=\"attachment_6303\" aria-describedby=\"caption-attachment-6303\" style=\"width: 150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6303\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-psd-150x150.png\" alt=\"Bildformate PSD\" width=\"150\" height=\"150\" title=\"\" srcset=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-psd-150x150.png 150w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-psd-250x250.png 250w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-psd-120x120.png 120w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-psd.png 256w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption id=\"caption-attachment-6303\" class=\"wp-caption-text\">PSD Icon (@Wikipedia)<\/figcaption><\/figure>\n<p>Der gr\u00f6sste Nachteil der Photoshop Bildformate ist, dass Photoshop mit Rasterbildern und nicht mit Vektorbildern arbeitet.<\/p>\n<h3><span class=\"headingSquareNumber\">PDF<\/span> Portable Document Format<\/h3>\n<p>PDFs wurden von <a href=\"https:\/\/www.adobe.com\/ch\/\" target=\"_blank\" rel=\"noopener\">Adobe<\/a> mit dem Ziel entwickelt, umfangreiche Informationen aus jeder Anwendung, auf jedem Computer, mit jedem und \u00fcberall zu erfassen und zu \u00fcberpr\u00fcfen. Ich w\u00fcrde sagen, sie waren bisher ziemlich erfolgreich.<\/p>\n<figure id=\"attachment_6304\" aria-describedby=\"caption-attachment-6304\" style=\"width: 125px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6304\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-pdf-250x307.png\" alt=\"Bildformate PDF\" width=\"125\" height=\"212\" title=\"\"\/><figcaption id=\"caption-attachment-6304\" class=\"wp-caption-text\">PDF Icon (@Wikipedia)<\/figcaption><\/figure>\n<p>Wenn ein Designer deine Vektor-Dateien in PDF-Formaten speichert, kannst du sie ohne jegliche Designbearbeitungssoftware ansehen (sofern du die kostenlose <a href=\"https:\/\/get.adobe.com\/de\/reader\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Acrobat Reader<\/a>-Software heruntergeladen hast). Zudem hat er die M\u00f6glichkeit, diese Datei f\u00fcr weitere Bearbeitungen zu verwenden. Dies ist bei weitem das beste universelle Werkzeug zum Teilen von Grafiken.<\/p>\n<h3><span class=\"headingSquareNumber\">EPS<\/span> Encapsulated Postscript<\/h3>\n<p>EPS ist eine Datei im Vektorformat, die man f\u00fcr die Erstellung hochaufl\u00f6sender Grafiken f\u00fcr den Druck entwickelt hat. Fast jede Art von Designsoftware kann ein EPS erstellen.<\/p>\n<figure id=\"attachment_6317\" aria-describedby=\"caption-attachment-6317\" style=\"width: 150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6317\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-eps.png\" alt=\"Bildformate EPS\" width=\"150\" height=\"168\" title=\"\"\/><figcaption id=\"caption-attachment-6317\" class=\"wp-caption-text\">EPS Icon (@Icon Archive)<\/figcaption><\/figure>\n<p>Die EPS-Erweiterung ist eher ein universeller Dateityp (\u00e4hnlich wie das PDF), mit dem du vektorbasierte Grafiken in jedem Design-Editor \u00f6ffnen kannst &#8211; <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/bildbearbeitungsprogramm-kostenlos\">nicht nur in den g\u00e4ngigsten Adobe Produkten<\/a>. Dadurch wird sichergestellt, dass man Dateien an Designer \u00fcbertragen kann, die keine Adobe-Produkte, aber m\u00f6glicherweise Corel Draw oder Quark verwenden.<\/p>\n<h3><span class=\"headingSquareNumber\">AI<\/span> Adobe Illustrator Document<\/h3>\n<p>AI ist das von Designern bei weitem am h\u00e4ufigsten bevorzugte Bildformat. Warum? Es hat sich zu so etwas wie einem Standard in der Grafikerszene etabliert. So k\u00f6nnen auch verschiedene Agenturen an einem Projekt arbeiten.<\/p>\n<figure id=\"attachment_6305\" aria-describedby=\"caption-attachment-6305\" style=\"width: 150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6305 size-thumbnail\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-ai-150x150.png\" alt=\"Bildformate AI\" width=\"150\" height=\"150\" title=\"\" srcset=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-ai-150x150.png 150w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-ai-250x250.png 250w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-ai-120x120.png 120w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-ai.png 315w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption id=\"caption-attachment-6305\" class=\"wp-caption-text\">Adobe Illustrator (AI) Icon (@Wikipedia)<\/figcaption><\/figure>\n<p>Adobe Illustrator ist der Industriestandard f\u00fcr die Erstellung von Artwork. Daher ist es h\u00f6chstwahrscheinlich das Programm, in dem dein Logo urspr\u00fcnglich erstellt wurde. Illustrator erstellt Vektorgrafiken, den einfachsten Dateityp, den man bearbeiten kann. Adobes Illustrator kann auch alle oben genannten Dateitypen erzeugen. Ziemlich cooles Zeug! Es ist bei weitem das beste Werkzeug im Arsenal aller Designer.<\/p>\n<h3><span class=\"headingSquareNumber\">INDD<\/span> Adobe Indesign Document<\/h3>\n<p>INDDs (Indesign Document) sind Dateien, die Adobe Indesign erstellt und speichert. Mit Indesign werden h\u00e4ufig gr\u00f6ssere Publikationen wie Zeitungen, Zeitschriften und E-Books erstellt.<\/p>\n<figure id=\"attachment_6318\" aria-describedby=\"caption-attachment-6318\" style=\"width: 150px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6318\" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-indd.png\" alt=\"Bildformate INDD\" width=\"150\" height=\"150\" title=\"\" srcset=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-indd.png 512w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-indd-150x150.png 150w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-indd-250x250.png 250w, https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-indd-120x120.png 120w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><figcaption id=\"caption-attachment-6318\" class=\"wp-caption-text\">INDD Icon (@SoftIcons.com)<\/figcaption><\/figure>\n<p>Du kannst Dateien aus Adobe Photoshop und Illustrator in Indesign kombinieren, um inhaltsreiche Designs zu erstellen, welche erweiterte Typografie, eingebettete Grafiken, Seiteninhalte, Formatierungsinformationen und andere anspruchsvolle Layoutoptionen enthalten.<\/p>\n<h3><span class=\"headingSquareNumber\">RAW<\/span> Rohbildformate<\/h3>\n<p>Ein RAW-Bild ist der am wenigsten verarbeitete Bildtyp in dieser Liste. Es ist oft das erste Format, das ein Bild beim Erstellen hat. Wenn du ein Foto mit deiner Kamera aufnimmst, ist es sofort in einem <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/fotografieren-in-raw-die-vor-und-nachteile\">RAW-Bild<\/a> gespeichert. RAW ist sozusagen das &#8222;Negativ&#8220; eines Bildes, das erst noch entwickelt werden muss. Heute geschieht das digital, meist bereits innerhalb der Kamera wird ein entwickeltes JPEG Bild angelegt, damit du es auch gleich betrachten und auf den PC \u00fcbertragen kannst.<\/p>\n<p>RAW-Bildformate sind wertvoll, weil sie jedes Element eines Fotos erfassen, ohne es zu verarbeiten oder kleine visuelle Details zu verlieren. Irgendwann wirst du sie jedoch in eines dr Raster- oder Vektor-Bildformate packen, damit du sie f\u00fcr verschiedene Zwecke \u00fcbertragen und in der Gr\u00f6sse ver\u00e4ndern kannst.<\/p>\n<figure id=\"attachment_6306\" aria-describedby=\"caption-attachment-6306\" style=\"width: 125px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-6306 \" src=\"https:\/\/www.pixolum.com\/blog\/wp-content\/uploads\/2019\/09\/bildformate-picture-windows.png\" alt=\"Bildformate Picture Windows\" width=\"125\" height=\"211\" title=\"\"\/><figcaption id=\"caption-attachment-6306\" class=\"wp-caption-text\">Icon f\u00fcr diverse Bilddateien in Microsoft Windows (@Claudio Fleischmann, pixolum)<\/figcaption><\/figure>\n<h4>Verschiedene RAW Bildformate<\/h4>\n<p>Es gibt mehrere RAW Bildformate, in denen du Bilder erstellen kannst. Viele davon sind nativ f\u00fcr bestimmte Kameras. Hier ist eine kurze Beschreibung der vier verbreitetsten RAW Bildformate:<\/p>\n<ul class=\"iconlist\">\n<li><strong>CR2:<\/strong> Diese Dateiendung steht f\u00fcr Canon RAW 2. Sie basieren eigentlich auf dem TIFF Bildformat, wodurch sie von Natur aus, wie andere Bildformate, qualitativ hochwertig sind.<\/li>\n<li><strong>CRW:<\/strong> Diese Dateiendung ist der Vorg\u00e4nger des CR2.<\/li>\n<li><strong>NEF:<\/strong> Diese Dateiendung steht f\u00fcr Nikon Electric Format. Diese Bildformate erm\u00f6glichen tats\u00e4chlich eine umfangreiche Bearbeitung ohne \u00c4nderung der Bildformate, sofern die Bearbeitung mit einem <a href=\"https:\/\/www.pixolum.com\/blog\/fotografie\/canon-vs-nikon-groessten-unterschiede-kaufentscheid\">Nikon-Ger\u00e4t<\/a> oder Nikon Photoshop-Plugin erfolgt.<\/li>\n<li><strong>PEF:<\/strong> Diese Dateiendung steht f\u00fcr Pentax Electronic Format.<\/li>\n<\/ul>\n<h2><span class=\"headingSquareNumber\">Zusammenfassung<\/span> der Bildformate<\/h2>\n<ul class=\"iconlist\">\n<li>Es gibt viele verschiedene Bildformate mit underschiedlichen Eigenschaften und optimalen Einsatzgebieten.<\/li>\n<li>Dabei muss man zwischen Raster- und Vektor-Bildformaten unterscheiden. Rasterformate k\u00f6nnen, im Vergleich zu Vektorformaten, nicht verlustfrei in der Gr\u00f6sse ver\u00e4ndert werden.<\/li>\n<li>Das bekannteste der Bildformate ist JPEG, auch JPG genannt. Es braucht wenig Speicherplatz, bietet aber nicht die beste Qualit\u00e4t.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>JPEG, PNG, GIF, TIFF, &#8230; es gibt so viele Bildformate. Doch wann ist welches Bildformat geeignet? Du willst auf allen Kan\u00e4len und Ger\u00e4ten die bestm\u00f6gliche Bildqualit\u00e4t gew\u00e4hrleisten, ohne die Qualit\u00e4t oder die Ladezeit zu beeintr\u00e4chtigen. Welches Format sollst du z.B. f\u00fcr ein Logo oder Druckerzeugnis verwenden? Was sind die Vor- und Nachteile all dieser Bildformate? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6310,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"footnotes":""},"categories":[2],"tags":[122,133],"class_list":["post-6290","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fotografie","tag-fotografie-tipps","tag-foto-software-tools-apps"],"_links":{"self":[{"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/posts\/6290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/comments?post=6290"}],"version-history":[{"count":25,"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/posts\/6290\/revisions"}],"predecessor-version":[{"id":30751,"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/posts\/6290\/revisions\/30751"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/media\/6310"}],"wp:attachment":[{"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/media?parent=6290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/categories?post=6290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pixolum.com\/blog\/wp-json\/wp\/v2\/tags?post=6290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}