Die wichtigsten Dateiformate und ihre Verwendung

Hast du auch manchmal den Eindruck, es gibt Dateiformate wie Sand am Meer? Hast du dabei schon den Überblick verloren und fragst dich gelegentlich, warum ein Kunde oder Dienstleister auf die Übersendung eines bestimmten Dateiformats besteht? Was ist eigentlich der Unterschied zwischen JPG JPG (Joint Photographic Experts Group) Dateiformat für Bilddateien (PIXELGRAFIK) Das JPG ist das wohl bekannteste Dateiformat und kann in vielen verschiedenen Programmen geöffnet und angesehen werden. Es ist zudem das gängigste Format für Bilder im Web, da die Dateigröße relativ klein ist. Dies wird allerdings durch eine verlustbehaftete Kompression erreicht. EINSATZ: digitale Medien, Web, Office-Anwendungen, für den Druck geeignet (mit niedriger..., PDF PDF (Portable Document Format) Dateiformat für Dokumente (VEKTOR) Das PDF kann sowohl Bilder als auch Texte und Grafiken enthalten und ist das am häufigsten verwendete Dateiformat zum Austausch von Dokumenten. Zudem kann es mehrere Seiten enthalten, auch interaktive Elemente und Schriften können eingebettet werden.  EINSATZ: digitale Medien, Web, beliebtes Format für die Übergabe von Daten an die Druckerei..., AI AI  (Adobe Illustrator Format) Vektorformat von Adobe (VEKTOR) Das AI ist das hauseigene Vektorformat von Adobe und wird maßgeblich zur Erstellung und Bearbeitung von Vektorgrafiken benutzt. In Illustrator werden Logos, Icons und Grafiken erstellt. AI Dateien können nur in Illustrator bearbeitet (und geöffnet) werden. Aus einer AI-Datei lässt sich aber (fast) jedes Dateiformat exportieren.  AI´s sind beliebig skalierbar. EINSATZ:  Erstellung von Vektorgrafiken wie Logos,..., EPS EPS (Encapsulated-PostScript-Format)  Meist benutztes Vektor-Dateiformat (VEKTOR) Das EPS ist ein unabhängiges Dateiformat, das in mehreren Programmen geöffnet werden kann. Obwohl es Bild- und Vektorelemente enthalten kann, wird es maßgeblich als Dateiformat zur Weitergabe von Vektordateien benutzt. EPS-Dateien sind wie AI-Dateien beliebig skalierbar.EINSATZ:  Vektorgrafiken wie Logos, Symbole, Grafiken, Lagepläne, wird auch benutzt zur Datenübergabe an Druckereien... und SVG SVG (Scalable Vector Graphics) Skalierbare Vektorgrafik (für Online-Medien) (VEKTOR) Das SVG ist besonders geeignet für die Darstellung von Vektorgrafiken im Internet (z.B. deinem Logo im Header der Website). Es wird bei jedem Seitenaufruf – egal ob Desktop, Tablet oder Telefon) neu skaliert, in der bestmöglichen Größe und Auflösung ausgegeben und ist deshalb nie verpixelt! Auch Transparenzen sind möglich, die Dateigröße...? Der HTML-Code für ein Leerzeichen ist folgender:   mehr erfahren

Um ein bisschen Licht ins Dunkel zu bringen, möchte ich dir die Unterschiede und Einsatzgebiete der gängigsten Dateiformate erläutern. Jedes Dateiformat hat individuelle Eigenschaften, die jeweils ihre Vor- und Nachteile mit sich bringen. 

Generell lassen sich alle Dateien in diese beiden Kategorien aufteilen:

Vektor- und Pixelbasierte Grafiken

Vektorgrafiken bestehen aus Formen (Linien, Kreise, Kurven, Polygone), die auf mathematisch berechneten Pfaden basieren. Eine Vektorgrafik lässt sich deshalb beliebig und ohne Qualitätsverluste skalieren.

Gängige Vektorformate: AI AI  (Adobe Illustrator Format) Vektorformat von Adobe (VEKTOR) Das AI ist das hauseigene Vektorformat von Adobe und wird maßgeblich zur Erstellung und Bearbeitung von Vektorgrafiken benutzt. In Illustrator werden Logos, Icons und Grafiken erstellt. AI Dateien können nur in Illustrator bearbeitet (und geöffnet) werden. Aus einer AI-Datei lässt sich aber (fast) jedes Dateiformat exportieren.  AI´s sind beliebig skalierbar. EINSATZ:  Erstellung von Vektorgrafiken wie Logos,... | EPS EPS (Encapsulated-PostScript-Format)  Meist benutztes Vektor-Dateiformat (VEKTOR) Das EPS ist ein unabhängiges Dateiformat, das in mehreren Programmen geöffnet werden kann. Obwohl es Bild- und Vektorelemente enthalten kann, wird es maßgeblich als Dateiformat zur Weitergabe von Vektordateien benutzt. EPS-Dateien sind wie AI-Dateien beliebig skalierbar.EINSATZ:  Vektorgrafiken wie Logos, Symbole, Grafiken, Lagepläne, wird auch benutzt zur Datenübergabe an Druckereien... | PDF PDF (Portable Document Format) Dateiformat für Dokumente (VEKTOR) Das PDF kann sowohl Bilder als auch Texte und Grafiken enthalten und ist das am häufigsten verwendete Dateiformat zum Austausch von Dokumenten. Zudem kann es mehrere Seiten enthalten, auch interaktive Elemente und Schriften können eingebettet werden.  EINSATZ: digitale Medien, Web, beliebtes Format für die Übergabe von Daten an die Druckerei... | SVG SVG (Scalable Vector Graphics) Skalierbare Vektorgrafik (für Online-Medien) (VEKTOR) Das SVG ist besonders geeignet für die Darstellung von Vektorgrafiken im Internet (z.B. deinem Logo im Header der Website). Es wird bei jedem Seitenaufruf – egal ob Desktop, Tablet oder Telefon) neu skaliert, in der bestmöglichen Größe und Auflösung ausgegeben und ist deshalb nie verpixelt! Auch Transparenzen sind möglich, die Dateigröße...

Pixelgrafiken bestehen aus einem Netz bzw. Gitter an Punkten. Jedem einzelnen Punkt ist eine Farbe zugeordnet. Pixelgrafiken sind im Vergleich zu Vektorgrafiken abhängig von einer Größe und Auflösung. Skaliert man das Bild, skaliert man die Pixel selbst. Dies kann zu einer so genannten „verpixelten“ also verschwommenen Auflösung führen.

Gängige Pixelformate: JPG JPG (Joint Photographic Experts Group) Dateiformat für Bilddateien (PIXELGRAFIK) Das JPG ist das wohl bekannteste Dateiformat und kann in vielen verschiedenen Programmen geöffnet und angesehen werden. Es ist zudem das gängigste Format für Bilder im Web, da die Dateigröße relativ klein ist. Dies wird allerdings durch eine verlustbehaftete Kompression erreicht. EINSATZ: digitale Medien, Web, Office-Anwendungen, für den Druck geeignet (mit niedriger... | TIFF TIFF (Tagged Image File Format) Bildformat mit hoher Qualität (für den Druck) (PIXEL) Das TIFF oder TIF ist ein verlustfreies Bildformat. Im Gegensatz zum JPG können TIFF-Daten ohne Qualitätsverluste dekomprimiert werden. Daher eignet sich das TIFF zum Austausch von Bilddaten und Übergabe von Daten an Druckereien. TIFF-Bilder weisen in der Regel ein größeres Datenvolumen auf als JPG-Bilder. EINSATZ: Bildbearbeitung, Datenübergabe an... | PNG PNG (Portable Network Graphics)  Transparentes Dateiformat für Online-Anwendungen (PIXEL) Das PNG ist ein Dateiformat, das hauptsächlich in digitalen Medien seine Verwendung findet. Im Gegensatz zum JPG kann ein PNG mit transparentem Hintergrund gespeichert werden. Somit besteht die Möglichkeit ein PNG über einem Bild zu platzieren oder es mit einer beliebigen farbigen Fläche zu hinterlegen. Das PNG zeichnet sich zudem durch... | GIF GIF (Graphics Interchange Format)  Dateiformat für kleine Animationen (PIXEL) In einer GIF-Datei lassen sich mehrere Bilder auf einmal bzw. hintereinander speichern. So entstehen kleine Animationen, die aber ausschließlich für eine Darstellung im Web geeignet sind. Auch hier sind Transparenzen möglich, die Dateigröße ist gering.
EINSATZ: digitale Medien, Web | PSD PSD (Adobe Photoshop)Bildbearbeitungsformat von Adobe (PIXEL) Adobe Photoshop ist ein pixelbasiertes Bildbearbeitungsprogramm. Eine PSD-Datei kann nur in Photoshop geöffnet werden. Beliebt ist das PSD zur Bearbeitung von Fotos und für die Erstellung von Bilddaten für das Web. Eine PSD-Datei kann aus mehreren Ebenen, Pfaden und Masken bestehen.  EINSATZ: Bearbeitung / Skalierung von Bildern, Erstellung von Webgrafiken, Webdesign...

Gerne möchte ich eine weitere Unterteilung vornehmen und die Dateitypen in 

Endanwender-Formate und Profi-Formate unterteilen. Die Endanwender-Dateien kann so gut wie jeder an seinem Mac oder PC in einem unspezifischen Programm öffnen, während die Profi-Daten nur in einem speziellen und meist lizensierten Programm geöffnet werden können. 

ENDANWENDER-FORMATE:

jpg JPG (Joint Photographic Experts Group) Dateiformat für Bilddateien (PIXELGRAFIK) Das JPG ist das wohl bekannteste Dateiformat und kann in vielen verschiedenen Programmen geöffnet und angesehen werden. Es ist zudem das gängigste Format für Bilder im Web, da die Dateigröße relativ klein ist. Dies wird allerdings durch eine verlustbehaftete Kompression erreicht. EINSATZ: digitale Medien, Web, Office-Anwendungen, für den Druck geeignet (mit niedriger... | png PNG (Portable Network Graphics)  Transparentes Dateiformat für Online-Anwendungen (PIXEL) Das PNG ist ein Dateiformat, das hauptsächlich in digitalen Medien seine Verwendung findet. Im Gegensatz zum JPG kann ein PNG mit transparentem Hintergrund gespeichert werden. Somit besteht die Möglichkeit ein PNG über einem Bild zu platzieren oder es mit einer beliebigen farbigen Fläche zu hinterlegen. Das PNG zeichnet sich zudem durch... | gif GIF (Graphics Interchange Format)  Dateiformat für kleine Animationen (PIXEL) In einer GIF-Datei lassen sich mehrere Bilder auf einmal bzw. hintereinander speichern. So entstehen kleine Animationen, die aber ausschließlich für eine Darstellung im Web geeignet sind. Auch hier sind Transparenzen möglich, die Dateigröße ist gering.
EINSATZ: digitale Medien, Web | svg SVG (Scalable Vector Graphics) Skalierbare Vektorgrafik (für Online-Medien) (VEKTOR) Das SVG ist besonders geeignet für die Darstellung von Vektorgrafiken im Internet (z.B. deinem Logo im Header der Website). Es wird bei jedem Seitenaufruf – egal ob Desktop, Tablet oder Telefon) neu skaliert, in der bestmöglichen Größe und Auflösung ausgegeben und ist deshalb nie verpixelt! Auch Transparenzen sind möglich, die Dateigröße... | pdf PDF (Portable Document Format) Dateiformat für Dokumente (VEKTOR) Das PDF kann sowohl Bilder als auch Texte und Grafiken enthalten und ist das am häufigsten verwendete Dateiformat zum Austausch von Dokumenten. Zudem kann es mehrere Seiten enthalten, auch interaktive Elemente und Schriften können eingebettet werden.  EINSATZ: digitale Medien, Web, beliebtes Format für die Übergabe von Daten an die Druckerei...

PROFI-FORMATE:

Vektor: ai AI  (Adobe Illustrator Format) Vektorformat von Adobe (VEKTOR) Das AI ist das hauseigene Vektorformat von Adobe und wird maßgeblich zur Erstellung und Bearbeitung von Vektorgrafiken benutzt. In Illustrator werden Logos, Icons und Grafiken erstellt. AI Dateien können nur in Illustrator bearbeitet (und geöffnet) werden. Aus einer AI-Datei lässt sich aber (fast) jedes Dateiformat exportieren.  AI´s sind beliebig skalierbar. EINSATZ:  Erstellung von Vektorgrafiken wie Logos,... | eps EPS (Encapsulated-PostScript-Format)  Meist benutztes Vektor-Dateiformat (VEKTOR) Das EPS ist ein unabhängiges Dateiformat, das in mehreren Programmen geöffnet werden kann. Obwohl es Bild- und Vektorelemente enthalten kann, wird es maßgeblich als Dateiformat zur Weitergabe von Vektordateien benutzt. EPS-Dateien sind wie AI-Dateien beliebig skalierbar.EINSATZ:  Vektorgrafiken wie Logos, Symbole, Grafiken, Lagepläne, wird auch benutzt zur Datenübergabe an Druckereien...

Bildbearbeitung: psd PSD (Adobe Photoshop)Bildbearbeitungsformat von Adobe (PIXEL) Adobe Photoshop ist ein pixelbasiertes Bildbearbeitungsprogramm. Eine PSD-Datei kann nur in Photoshop geöffnet werden. Beliebt ist das PSD zur Bearbeitung von Fotos und für die Erstellung von Bilddaten für das Web. Eine PSD-Datei kann aus mehreren Ebenen, Pfaden und Masken bestehen.  EINSATZ: Bearbeitung / Skalierung von Bildern, Erstellung von Webgrafiken, Webdesign... | tiff TIFF (Tagged Image File Format) Bildformat mit hoher Qualität (für den Druck) (PIXEL) Das TIFF oder TIF ist ein verlustfreies Bildformat. Im Gegensatz zum JPG können TIFF-Daten ohne Qualitätsverluste dekomprimiert werden. Daher eignet sich das TIFF zum Austausch von Bilddaten und Übergabe von Daten an Druckereien. TIFF-Bilder weisen in der Regel ein größeres Datenvolumen auf als JPG-Bilder. EINSATZ: Bildbearbeitung, Datenübergabe an...

Layout: idd IDD (und IDML) (Adobe InDesign)Layoutprogramm von AdobeInDesign ist ein Layout-Programm, das hauptsächlich zur Erstellung von Werbemitteln wie Flyer, Plakate, Broschüren sowie für den Satz von Magazinen oder Büchern verwendet wird. INDD-Dateien lassen sich nur in InDesign öffnen und bearbeiten, man kann dort aber problemlos PSD und AI-Dateien einsetzen. Druckdateien exportiert man aus InDesign heraus als PDF. Zur Weitergabe von IDD-Dateien...

Dieser Beitrag ist auch verfügbar auf: English (Englisch)