Bilddateiformate: Wann wird jeder Dateityp verwendet

Denken Sie, GIF ist die köstlichste Art von Erdnussbutter? Und WAS war dieser seltsame Science-Fiction-Film mit Haley Joel Osment? Nun, du liegst nicht falsch. Aber heute sprechen wir über Bildformate und all diese lästigen kleinen Dateien, mit denen wir visuelle Inhalte für Print und Web erstellen.

Jede Grafik, die Sie online sehen, ist eine Bilddatei. Fast alles, was Sie auf Papier, Plastik oder einem T-Shirt gedruckt sehen, stammt aus einer Bilddatei. Diese Dateien kommen in einer Vielzahl von Formaten, und jeder ist für eine bestimmte Verwendung optimiert., Wenn Sie den richtigen Typ für den richtigen Job verwenden, wird Ihr Design perfekt aussehen und genau so, wie Sie es beabsichtigt haben. Das falsche Format kann einen schlechten Druck oder ein schlechtes Webbild, einen riesigen Download oder eine fehlende Grafik in einer E-Mail bedeuten.

Also lass es uns aufschlüsseln. Willkommen zu Bild-Datei-Formate 101. Lassen Sie uns in die Grundlagen jedes Dateityps eintauchen.

Die meisten Bilddateien passen in eine von zwei allgemeinen Kategorien—Rasterdateien und Vektordateien—und jede Kategorie hat ihre eigenen spezifischen Verwendungen. Dieser Zusammenbruch ist nicht perfekt., Beispielsweise können bestimmte Formate tatsächlich Elemente beider Typen enthalten. Dies ist jedoch ein guter Anfang, wenn Sie darüber nachdenken, welches Format für Ihre Projekte verwendet werden soll.,

Die verschiedenen Arten von Bilddateiformaten—

1. Raster—Dateiformate
   • JPEG
   • GIF
   • PNG
   • TIFF
   • RAW
   • PSD
2. Vektordateiformate
   • PDF
   • EPS
   • SVG
   • AI

Rasterdateiformate –

Was ist ein Rasterbild

Rasterbilder bestehen aus einem festgelegten Raster von Punkten, die als Pixel bezeichnet werden, wobei jedem Pixel eine Farbe zugewiesen wird. Im Gegensatz zu einem Vektorbild sind Rasterbilder auflösungsabhängig, dh sie existieren in einer Größe., Wenn Sie ein Rasterbild transformieren, strecken Sie die Pixel selbst, was zu einem „pixeligen“ oder verschwommenen Bild führen kann. Wenn Sie ein Bild vergrößern, rät Ihre Software im Wesentlichen anhand der umgebenden Pixel, welche Bilddaten fehlen. Meistens sind die Ergebnisse nicht großartig.

Rasterbilder werden normalerweise für Fotos, digitale Kunstwerke und Webgrafiken (wie Bannerwerbung, Social Media-Inhalte und E-Mail-Grafiken) verwendet. Adobe Photoshop ist der branchenübliche Bildeditor zum Erstellen, Entwerfen und Bearbeiten von Rasterbildern sowie zum Hinzufügen von Effekten, Schatten und Texturen zu vorhandenen Designs.

CMYK vs., RGB

Alle Rasterbilder können in einem von zwei Primärfarbmodellen gespeichert werden: CMYK und RGB.

CMYK vier Farbe Druck Prozess, die steht für cyan, magenta, gelb und key (schwarz). Diese Farben repräsentieren die vier Tinten, die während des Druckprozesses kombiniert werden., In diesem Format gespeicherte Dateien werden für den physischen Druck optimiert.

RGB ist ein lichtbasiertes Farbmodell, das für Rot, Grün und Blau steht. Dies sind die drei Primärfarben des Lichts, die sich kombinieren, um andere Farben zu erzeugen. In diesem Format gespeicherte Dateien werden für das Web, Mobiltelefone, Filme und Videos optimiert—alles, was auf einem Bildschirm angezeigt wird.

Verlustbehaftet vs. verlustbehaftet

Jede Rasterbilddatei ist entweder verlustfrei oder verlustbehaftet, je nachdem, wie das Format mit Ihren Bilddaten umgeht.

Verlustfreie Bildformate erfassen alle Daten Ihrer Originaldatei., Nichts von der Originaldatei, dem Foto oder dem Kunstwerk geht verloren—daher der Begriff „verlustfrei.“Die Datei kann noch komprimiert werden, aber alle verlustfreien Formate können Ihr Bild in den ursprünglichen Zustand rekonstruieren.

Verlustbehaftete Bildformate nähern sich an, wie Ihr Originalbild aussieht. Beispielsweise kann ein verlustbehaftetes Bild die Anzahl der Farben in Ihrem Bild verringern oder das Bild auf unnötige Daten analysieren. Diese cleveren technischen Tricks reduzieren normalerweise die Dateigröße, obwohl sie die Qualität Ihres Bildes beeinträchtigen können.,

In der Regel sind verlustbehaftete Dateien viel kleiner als verlustfreie Dateien, was sie ideal für die Online-Nutzung macht, bei der Dateigröße und Download-Geschwindigkeit von entscheidender Bedeutung sind.

JPEG / JPG

JPEG ist ein verlustbehaftetes Rasterformat, das für Joint Photographic Experts Group steht, das technische Team, das es entwickelt hat. Dies ist eines der am häufigsten verwendeten Formate online, in der Regel für Fotos, E-Mail-Grafiken und große Web-Bilder wie Banner-Anzeigen. JPEG-Bilder haben eine gleitende Komprimierungsskala, die die Dateigröße enorm verringert, aber Artefakte oder Pixelationen erhöht, je mehr das Bild komprimiert wird.,

Sie sollten ein JPEG verwenden, wenn…

• Sie haben es mit Online-Fotos und/oder Kunstwerken zu tun. JPEGs bieten Ihnen die größte Flexibilität bei der Rasterbearbeitung und-komprimierung, sodass sie sich ideal für Webbilder eignen, die schnell heruntergeladen werden müssen.
• Sie möchten Fotos und/oder Grafiken drucken., Bei hochauflösenden Dateien mit geringer Komprimierung eignen sich JPEGs perfekt zum Bearbeiten und anschließenden Drucken.
• Sie müssen ein schnelles Vorschaubild an einen Client senden. JPEG-Bilder können auf sehr kleine Größen reduziert werden, sodass sie sich hervorragend zum E-Mailen eignen.

Verwenden Sie kein JPEG, wenn…

• Sie benötigen eine Webgrafik mit Transparenz. JPEGs haben keinen Transparenzkanal und müssen einen einfarbigen Hintergrund haben. GIF und PNG sind Ihre besten Optionen für Transparenz.
• Sie benötigen ein mehrschichtiges, bearbeitbares Bild., JPEGs sind ein flaches Bildformat, dh alle Bearbeitungen werden in einer Bildebene gespeichert und können nicht rückgängig gemacht werden. Betrachten Sie eine PSD-Datei (Photoshop) für ein vollständig bearbeitbares Bild.

GIF

GIF ist ein verlustfreies Rasterformat, das für Graphics Interchange Format steht. Die große Frage: wie wird es ausgesprochen? Der Schöpfer von GIF sagt „JIFF“ wie die Erdnussbutter. Dieser Schriftsteller (und viele der Welt) sagt „GIFF“, weil Grafiken mit einem „Guh“ beginnen.“Jedenfalls überlassen wir das Ihnen., GIF ist auch ein weit verbreitetes Webbildformat, typischerweise für animierte Grafiken wie Bannerwerbung, E-Mail-Bilder und Social-Media-Meme. Obwohl GIFs verlustfrei sind, können sie in einer Reihe von hochgradig anpassbaren Einstellungen exportiert werden, die die Menge an Farben und Bildinformationen reduzieren, was wiederum die Dateigröße verringert.

Sie sollten ein GIF verwenden, wenn…

• Sie Webanimation erstellen möchten. GIF-Bilder enthalten alle Animationsrahmen und Timing-Informationen in einer einzigen Datei., Bildbearbeitungsprogramme wie Photoshop machen es einfach, eine kurze Animation zu erstellen und als GIF zu exportieren.
• Sie brauchen Transparenz. GIF-Bilder haben einen“ Alphakanal“, der transparent sein kann, sodass Sie Ihr Bild auf einem beliebigen farbigen Hintergrund platzieren können.
• Sie benötigen eine kleine Datei. Die Komprimierungstechniken im GIF-Format ermöglichen es Bilddateien enorm zu schrumpfen. Für sehr einfache Symbole und Webgrafiken ist GIF das beste Bilddateiformat.

Verwenden Sie kein GIF, wenn…

• Sie benötigen ein Bild in fotografischer Qualität., Obwohl GIFs eine hohe Auflösung haben können, haben sie ein Limit von 256 Farben (es sei denn, Sie kennen ein paar Tricks). Fotos haben normalerweise Tausende von Farben und sehen flach und weniger lebendig aus (und manchmal komisch aufgrund von Farbbanding), wenn sie in GIF konvertiert werden.
• Sie müssen ein Bild drucken. Aufgrund der Farbgrenze fehlt den meisten gedruckten Fotos die Tiefe. Wenn Sie Fotos drucken müssen, schauen Sie sich TIFF, PSD und JPG an.
• Sie benötigen ein mehrschichtiges, bearbeitbares Bild. GIFs sind ein flaches Bildformat, dh alle Bearbeitungen werden in einer Bildebene gespeichert und können nicht rückgängig gemacht werden., Betrachten Sie eine PSD-Datei (Photoshop) für ein vollständig bearbeitbares Bild.

PNG

PNG ist ein verlustfreies Rasterformat und steht für Portable Network Graphics. Stellen Sie sich PNGs als GIF der nächsten Generation vor. Dieses Format verfügt über eine integrierte Transparenz, kann aber auch höhere Farbtiefen anzeigen, was sich in Millionen von Farben niederschlägt. PNGs sind ein Webstandard und werden schnell zu einem der gängigsten Bildformate, die online verwendet werden.,

Sie sollten ein PNG verwenden, wenn…

• Sie benötigen hochwertige transparente Webgrafiken. PNG-Bilder haben einen variablen „Alphakanal“, der einen beliebigen Grad an Transparenz haben kann (im Gegensatz zu GIFs, die nur Ein/Aus-Transparenz haben)., Außerdem haben Sie mit größeren Farbtiefen ein lebendigeres Bild als mit einem GIF.
• Sie haben Illustrationen mit begrenzten Farben. Obwohl jedes Bild funktioniert, sind PNG-Dateien am besten mit einer kleinen Farbpalette.
• Sie benötigen eine kleine Datei. PNG-Dateien können auf unglaublich kleine Größen schrumpfen—insbesondere Bilder mit einfachen Farben, Formen oder Text. Dies macht es zum idealen Bilddateityp für Webgrafiken.

Verwenden Sie kein PNG, wenn …

• Sie arbeiten mit Fotos oder Grafiken. Dank der hohen Farbtiefe von PNGs kann das Format hochauflösende Fotos problemlos verarbeiten., Da es sich jedoch um ein verlustfreies Webformat handelt, werden die Dateigrößen in der Regel sehr groß. Wenn Sie mit Fotos im Web arbeiten, gehen Sie mit JPEG.
• Sie haben es mit einem Druckprojekt zu tun. PNG-Grafiken sind für den Bildschirm optimiert. Sie können definitiv ein PNG drucken, aber mit einer JPEG – (verlustbehafteten) oder TIFF-Datei ist es besser.

TIFF/TIF

TIFF ist ein verlustfreies Rasterformat und steht für Tagged Image File Format. Aufgrund seiner extrem hohen Qualität wird das Format vor allem in der Fotografie und im Desktop Publishing eingesetzt., Sie werden wahrscheinlich auf TIFF-Dateien stoßen, wenn Sie ein Dokument scannen oder ein Foto mit einer professionellen Digitalkamera aufnehmen. Beachten Sie, dass TIFF-Dateien auch als „Container“ für JPEG-Bilder verwendet werden können. Diese Dateien sind viel kleiner als herkömmliche TIFF-Dateien, die normalerweise sehr groß sind.

Sie sollten ein TIFF verwenden, wenn…

• Sie hochwertige Druckgrafiken benötigen., Neben RAW gehören TIFF-Dateien zu den Grafikformaten mit der höchsten Qualität. Wenn Sie Fotos drucken-besonders in enormen Größen-verwenden Sie dieses Format.
• Sie machen einen qualitativ hochwertigen Scan. Wenn Sie TIFF zum Scannen Ihrer Dokumente, Fotos und Grafiken verwenden, stellen Sie sicher, dass Sie über die beste Originaldatei verfügen.

Verwenden Sie überhaupt nicht, wenn …

• Sie arbeiten mit Webgrafiken. Während viele Webbrowser dies unterstützen, sind TIFF-Dateien für den Druck optimiert. Gehen Sie mit JPEG oder PNG, wenn Sie qualitativ hochwertige Bilder online anzeigen müssen.,

RAW

Ein RAW-Bildformat enthält die unverarbeiteten Daten, die von einer Digitalkamera oder einem Scannersensor erfasst werden. In der Regel werden Bilder verarbeitet (angepasst an Farbe, Weißabgleich, Belichtung usw.).) und dann konvertiert und komprimiert in ein anderes format (z.B. JPEG oder TIFF). Raw-Bilder speichern Sie die unverarbeiteten und verarbeiteten Daten in zwei separaten Dateien, so dass Sie mit der höchsten Bildqualität möglich, dass Sie nicht destruktiv mit einer Fotobearbeitungsanwendung wie Photoshop bearbeiten können., Es gibt Dutzende und Dutzende von RAW-Formaten, aber einige der typischen Formate sind CRW (Canon), NEF (Nikon) und DNG (Adobe).

Sie verwenden sollten, RAW, wenn…

• Sie sind fotografieren und Bearbeiten von Fotos. Stellen Sie sicher, dass Ihre Kamera auf RAW eingestellt ist, damit Sie das vielseitigste Bild aufnehmen können. Verwenden Sie dann eine kompatible Fotobearbeitungsanwendung, um Ihr Bild anzupassen.

Verwenden Sie RAW nicht, wenn …

• Sie arbeiten mit Webgrafiken. RAW ist für die Fotobearbeitung gebaut., Wenn Sie bereit sind, Ihre Fotos für das Web zu präsentieren, konvertieren Sie sie in JPEG.
• Sie sind bereit, Ihre Fotos zu drucken. Viele Drucker akzeptieren keine RAW-Formate, konvertieren Sie also zuerst in JPEG oder TIFF.

PSD

PSD ist ein proprietäres Schichtbildformat, das für Photoshop Document steht. Dies sind originale Designdateien, die in Photoshop erstellt wurden und mit mehreren Ebenen und Bildanpassungen vollständig bearbeitet werden können., PSDs werden hauptsächlich zum Erstellen und Bearbeiten von Rasterbildern verwendet, aber dieses einzigartige Format kann auch Vektorebenen enthalten, was es für eine Reihe verschiedener Projekte äußerst flexibel macht. Eine PSD kann in eine beliebige Anzahl von Bilddateiformaten exportiert werden, einschließlich aller oben aufgeführten Rasterformate.

Sie sollten eine PSD verwenden, wenn…

• Es ist Zeit, Fotos zu retuschieren. Müssen Sie Farbe korrigieren ein Foto? Oder eine Textebene hinzufügen? PSD = Fotos.
• Sie müssen Kunstwerke für Digital oder drucken bearbeiten., Das könnte ein Foto, ein Gemälde, eine Zeichnung oder irgendetwas anderes sein. Photoshop ist das richtige Werkzeug, um sicherzustellen, dass jede Linie, Schatten und Textur vorhanden ist.
• Sie möchten digitale Bilder für das Web wie Social-Media-Bilder, Bannerwerbung, E-Mail-Header, Videos usw. Wenn Sie diese Bilder in Photoshop erstellen, stellen Sie sicher, dass sie die richtige Größe haben und für das Web optimiert sind.
• Sie müssen eine Website oder App Mockup erstellen. Ebenen erleichtern das Verschieben von UI-Elementen.
• Sie möchten mit Animation und Video Lust bekommen., Mit Photoshop können Sie ganz einfach einfache Videoclips zusammenschneiden und Grafiken, Filter, Text, Animationen und mehr hinzufügen.

Verwenden Sie keine PSD, wenn …

• Sie müssen ein Foto online posten oder eine Vorschau an einen Client senden. Das Web ist JPEG-freundlich. Konvertieren Sie zuerst, um sicherzustellen, dass Ihr Publikum Ihr Bild sehen kann (und das Herunterladen dauert nicht mehrere Minuten).
• Sie sind bereit, Ihre Fotos zu drucken. Viele Drucker akzeptieren das PSD-Format nicht, konvertieren Sie es also zuerst in JPEG oder TIFF.,

Vektordateiformate –

Was ist ein Vektorbild

Vektorbilder sind digitale Kunstwerke, in denen Punkte, Linien und Kurven vom Computer berechnet werden. Sie haben im Wesentlichen mathematische Gleichungen, und jeder „Gleichung“ kann unter anderem eine Farbe, ein Strich oder eine Dicke zugewiesen werden, um die Formen in Kunst zu verwandeln. Im Gegensatz zu Rasterbildern sind Vektorbilder auflösungsunabhängig. Wenn Sie ein Vektorbild verkleinern oder vergrößern, werden Ihre Formen größer, aber Sie verlieren keine Details oder Pixelationen., Da Ihr Bild unabhängig von der Größe immer identisch gerendert wird, gibt es keinen verlustbehafteten oder verlustfreien Vektorbildtyp.,

Vector images are typically used for logos, icons, typesetting and digital illustrations., Adobe Illustrator ist der branchenübliche Bildeditor, mit dem Vektorbilder erstellt, entworfen und bearbeitet werden (obwohl er auch Rasterbilder enthalten kann).

PDF

PDF steht für Portable Document Format und ist ein Bildformat, mit dem Dokumente und Grafiken unabhängig vom Gerät, der Anwendung, dem Betriebssystem oder dem Webbrowser korrekt angezeigt werden. Im Kern verfügen PDF-Dateien über eine leistungsstarke Vektorgrafiken-Grundlage, können aber auch alles von Rastergrafiken über Formularfelder bis hin zu Tabellenkalkulationen anzeigen., Da es sich um einen nahezu universellen Standard handelt, sind PDF-Dateien häufig das Dateiformat, das von Druckern angefordert wird, um ein endgültiges Design in die Produktion zu senden. Sowohl Adobe Photoshop als auch Illustrator können direkt in PDF exportieren, sodass Sie Ihr Design einfach starten und zum Drucken vorbereiten können.,

Sie sollten ein PDF verwenden, wenn…

• Sie können drucken. Wie bereits erwähnt, bevorzugen viele Drucker PDF als primäres Lieferformat, da es so allgegenwärtig ist. Erkundigen Sie sich bei Ihrem Drucker, wie Sie Ihre Datei vorbereiten sollen.,
• Sie möchten Dokumente im Web anzeigen. Sie würden kein PDF für ein einzelnes Symbol oder Logo verwenden, aber es ist ideal für Poster, Flyer, Zeitschriften und Broschüren. PDFs behalten Ihr gesamtes Design in einem Paket und erleichtern das Anzeigen, Herunterladen oder Drucken.

Verwenden Sie kein PDF, wenn …

• Sie müssen Ihr Design bearbeiten. PDFs sind großartige Container, verwenden jedoch andere Anwendungen für den Inhalt. Sie können Rasterbilder mit Photoshop und Vektorgrafiken mit Illustrator bearbeiten. Wenn Sie fertig sind, können Sie diese zur einfachen Anzeige zu einem PDF kombinieren.,

EPS

EPS ist ein Bildformat, das steht für Encapsulated PostScript. Obwohl es hauptsächlich als Vektorformat verwendet wird, kann eine EPS-Datei sowohl Vektor-als auch Rasterbilddaten enthalten. In der Regel enthält eine EPS-Datei ein einzelnes Designelement, das in einem größeren Design verwendet werden kann.,

You should use an EPS when…

• You need to send a vector logo to a client, designer or a printer., Bei einer EPS-Datei müssen Sie sich keine Gedanken darüber machen, wo das Logo platziert oder gedruckt wird. Unabhängig von der Größe wird es immer mit der richtigen Auflösung angezeigt.

Verwenden Sie kein EPS, wenn …

• Sie haben es mit Fotografien oder Kunstwerken zu tun. EPS kann Rasterbilder verarbeiten,aber diese Art von Bilddatei ist in erster Linie für Vektoren. Arbeiten Sie mit PSD, TIF oder JPEG, wenn Sie ein Fotoprojekt haben.
• Sie müssen ein Bild online anzeigen. Exportieren Sie zuerst in JPEG, PNG oder GIF.,

SVG

SVG steht für Skalierbare Vektorgrafiken und ist ein XML-basiertes Vektorbildformat für zweidimensionale Grafiken. Es kann durchsucht, indiziert, skaliert und komprimiert werden und kann zu kleineren Dateigrößen als andere Dateiformate führen, was es ideal für das Web macht. SVG-Dateien können sowohl in Grafikbearbeitungsprogrammen als auch in Texteditoren bearbeitet werden.

Sie sollten SVG verwenden, wenn …

• Sie computergenerierte Grafiken und Diagramme für die Veröffentlichung im Web erstellen möchten.

Verwenden Sie SVG nicht, wenn…

• Sie benötigen ein Dateiformat für einen Druckworkflow.,

AI

AI ist ein proprietäres Vektorbildformat, das für Adobe Illustrator steht. Das Format basiert auf den von Adobe entwickelten EPS-und PDF-Standards. Wie diese Formate sind AI-Dateien in erster Linie ein vektorbasiertes Format, können jedoch auch eingebettete oder verknüpfte Rasterbilder enthalten. AI-Dateien können sowohl in PDF-als auch in EPS-Dateien (zur einfachen Überprüfung und zum Drucken) sowie in JPEG, PNG, GIF, TIFF und PSD (zur Verwendung im Web und zur weiteren Bearbeitung) exportiert werden.,

Sie sollten eine KI verwenden, wenn…

• Sie müssen ein Vektordesign bearbeiten. Mit AI-Dateien können Sie jedes einzelne Element in Ihrem Design mit nur ein oder zwei Klicks verschieben und ändern.
• Sie müssen ein Logo, Symbol oder Markenmaskottchen erstellen. Jede in Illustrator erstellte Vektorform und-linie kann auf jede Größe aufgeblasen werden, was sie ideal für Bilder macht, die auf viele verschiedene Arten verwendet werden müssen.
• Sie möchten ein einseitiges Druckstück., Illustrator eignet sich perfekt für Poster, Visitenkarten, Flyer und Notizkarten, die mit anderen Rasterbildern kombiniert werden können.
• Sie müssen den Typ für ein Logo festlegen. Die Satzfunktionen von Illustrator sind unglaublich leistungsstark, sodass jeder Text auf jede erdenkliche Weise gedehnt, verzerrt und transformiert werden kann.

Verwenden Sie keine KI, wenn …

• Sie müssen Bilder bearbeiten. Wenn ein Rasterbild (Foto oder Grafik) in einer Komposition verwendet wird, verfügt Illustrator über eine begrenzte Anzahl von Werkzeugen, um dieses Bild direkt zu bearbeiten., Photoshop (PSD-Dateien) kann umfassendere Anpassungen wie Farbe, Kontrast und Helligkeit vornehmen.

---