Die Anleitung des Designers zur Bildkomprimierung

Unabhängig davon, ob Sie als Designer für Print, Web oder TV und Film arbeiten, ist die Bildkomprimierung ein notwendiges Werkzeug, das Sie täglich verwenden. Ohne sie würden wir Dateien per E-Mail versenden, die Hunderte von Megabyte beanspruchen Senden Sie große Dateien würde Stunden dauern, dein Zielseite würde nie erscheinen, und das Surfen im Internet wäre wie ein Spaziergang durch Melassesirup.

Alle modernen Designtools verfügen über komplexe integrierte Bildkomprimierungsalgorithmen, die den Entscheidungsprozess von Designern abstrahieren. Wenn Sie jedoch genau wissen, wie und warum Bilddateien komprimiert werden, können Sie sicherstellen, dass Ihre Ausgabe korrekt ist und wie beabsichtigt reproduziert wird. Hier führen wir Sie durch die grundlegenden Begriffe und Konzepte der Bildkomprimierung, die alle Designer kennen müssen, und sehen sich dann einige der nützlicheren Tools auf dem Markt an, um Ihnen zu helfen.

01. Bitmaps

Bildkompression



Es gibt zwei grundlegende Bildtypen: Bitmap und Vektor

Wenn Sie eine Weile mit Bildern gearbeitet haben, werden Sie verstehen, dass es zwei grundlegende Bildtypen gibt: Bitmap und Vektor .

In sehr einfachen Worten, Bitmap Bilder sind wie ein Mosaik aus farbigen Pixeln, die in einiger Entfernung als ein einziges glattes Bild erscheinen. Dies funktioniert gut, solange Sie das Bild nicht so weit vergrößern müssen, dass einzelne Pixel sichtbar werden.

02. Vektoren

Vektor Auf der anderen Seite handelt es sich um einen mathematischen Satz von Koordinaten, die eine Reihe von Linien, Formen und Füllungen beschreiben. Vektorbilder können in jeder Größe ohne Qualitätsverlust reproduziert werden, indem die Koordinaten in einem anderen Maßstab angewendet werden.

Infolgedessen sind Vektorbilder bereits sehr klein, eignen sich jedoch nicht für fotorealistische Bilder, da ein typisches Foto über einen kleinen Bereich große Unterschiede in Textur und Ton aufweist. Bitmap-Bilder müssen komprimiert werden, Vektorbilder (normalerweise) nicht.

bester PC für Grafikdesign 2015

03. Verlusthafte Bildkomprimierung

Bildkompression

Bei der verlustbehafteten Bildkomprimierung werden Informationen aus der Originaldatei verworfen

Es gibt zwei grundlegende Methoden zum Komprimieren von Dateien: verlustbehaftet und verlustfrei.

Lossy wirft Informationen aus der Originaldatei weg, idealerweise dort, wo Sie nicht bemerken, dass sie verschwunden sind, und spart dadurch Platz.

04. Verlustfreie Bildkomprimierung

Die verlustfreie Bildkomprimierung behält im Gegensatz zur verlustbehafteten Bildkomprimierung alle Originaldaten bei, jedoch zu einem Preis: Die Dateigröße ist in der Regel erheblich größer. Beispiele für verlustbehaftete Dateiformate (bei denen Informationen verloren gehen) sind JPG, GIF und MP3, während verlustfreie Formate EPS, TIF, PNG und PSD umfassen (obwohl sowohl PNG als auch TIF auch verlustbehaftet sein können).

05. Wie die Bildkomprimierung funktioniert

Bildkompression

Unterschiedliche Bildkomprimierungsalgorithmen verfolgen unterschiedliche Ansätze zur Reduzierung der Dateigröße

Es gibt viele verschiedene Bildkomprimierungsalgorithmen, die jeweils unterschiedliche Ansätze zur Reduzierung der Dateigröße verfolgen. Der einfachste Ansatz heißt beispielsweise Lauflängencodierung und analysiert die Datei Bit für Bit nach Mustern (im wahrsten Sinne des Wortes, indem jedes einzelne Bit der Datei untersucht wird - 8 Bit in einem Byte, 1024 Byte in einem Kilobyte usw. ).

Wenn die Analyse ein Muster findet, z. B. zehn Nullen in einer Reihe, kann Platz gespart werden, indem dies als 10: 0 notiert wird, anstatt alle zehn Nullen aufzuzeichnen. Diese Art der Bildkomprimierung ist verlustfrei, jedoch nicht sehr effektiv bei der Reduzierung der Dateigröße.

06. JPEG-Bildkomprimierung

Bildkompression

Die JPEG-Bildkomprimierung teilt die Bilder in ein Patchwork aus Blöcken auf

Das übergeordnete Prinzip ist das gleiche, unabhängig davon, welches Format Sie verwenden. Unterschiedliche Formate verwenden jedoch unterschiedliche Systeme, um die Datei zu analysieren und Muster zu notieren oder zu generieren.

JPEG-Bildkomprimierung Beispielsweise wird das Bild in ein Patchwork aus Blöcken aufgeteilt, wobei auf jeden Block mithilfe einer diskreten Kosinustransformationsoperation eine Komprimierung angewendet wird.

Dies ist ein ziemlich ausgefeilter mathematischer Prozess, aber in einfachen Worten werden Farbinformationen zusammen mit subtilen Helligkeitsänderungen entfernt, die sich auf die Bereiche konzentrieren, in denen diese Änderungen für das menschliche Auge am wenigsten wahrnehmbar sind. Infolgedessen gehen Informationen verloren, obwohl dies möglicherweise nicht sofort offensichtlich ist, bis Sie das Original mit der komprimierten Version vergleichen. Wenn Sie mit JPEG überkomprimieren, ist der Effekt ein blockartiges Patchwork-Bild.

07. MP3-Komprimierung

MP3-Komprimierung funktioniert ähnlich wie die JPEG-Bildkomprimierung und entfernt Informationen von Frequenzen, die das menschliche Ohr mit geringerer Wahrscheinlichkeit wahrnehmen kann. Audiophile verspotten MP3, weil sie der Meinung sind, dass die Nuancen einer Originalaufnahme durch das Entfernen dieser Frequenzen verloren gehen, um die Dateigröße zu speichern. Ebenso mögen Künstler und Designer nicht, was JPEG mit ihren Bildern macht, wenn eine hohe Komprimierung angewendet wird. Beides ist erforderlich, um die Datenmenge zu reduzieren, die über das Web übertragen wird, entweder als Assets für eine Webseite oder App oder als Weiterleitung an Drucker.

08. Das GIF-Format

Die Entscheidung über Art und Grad der anzuwendenden Bildkomprimierung wurde traditionell durch Lizenzprobleme weiter erschwert. In den 1990er Jahren GIF (Graphic Interchange Format) war ein sehr beliebtes Format für die Komprimierung von Webbildern (und ist es auch heute noch).

Photoshop oder Illustrator für digitale Kunst

Das Format wurde Ende der 1980er Jahre entwickelt und ist auf einzelne 8 Bit pro Pixel beschränkt, wodurch die resultierende Datei auf maximal 256 Farben beschränkt wird (im Vergleich dazu unterstützt JPEG bequem 8 Bit pro Kanal und Pixel, was eine vollständige Farbwiedergabe ermöglicht). . GIF unterstützt auch binäre Transparenz (ein Pixel ist entweder transparent oder nicht) sowie mehrere Frames mit Bilddaten Daumenkino-Animation .

09. Das PNG-Format

Bildkompression

PNG bietet eine bessere Komprimierung als GIF

Das Problem mit GIF war auf den Komprimierungsalgorithmus zurückzuführen, der für das Format verwendet wurde. LZW ist eine verlustfreie Bildkomprimierungstechnik, die von Unisys patentiert wurde, die versuchte, ihr Eigentum auszuüben, indem sie alle Benutzer des GIF-Formats zur Zahlung einer Lizenz aufforderte. Diese rechtliche Maßnahme führte dazu, dass einige Softwareanbieter die Unterstützung für GIF vollständig einstellten und die Entwicklung des mittlerweile beliebten Systems ankurbelten PNG Format (Portable Network Graphics).

PNG bietet eine bessere Bildkomprimierung als GIF und zusätzliche Funktionen wie die Unterstützung von 24 Bit pro Pixel (3 Kanäle mit jeweils 8 Bit Farbe für Rot, Grün und Blau sowie ein ganzer 8-Bit-Kanal für Alpha - mit 256 Transparenzstufen !).

PNG unterstützt nicht mehrere Frames in einer einzelnen Datei. Nebenbei bemerkt gibt es eine separate Entwicklung namens APNG, die mehrere Frames unterstützt. Diese wurde jedoch 2007 als offizielle Erweiterung des PNG-Formats abgelehnt. Derzeit wird sie nur nativ von Opera- und Gecko-basierten Browsern wie Firefox unterstützt.

10. So wählen Sie das richtige Format

Zum Glück ist die Auswahl des richtigen Formats zum Speichern eines Bildes ziemlich einfach ...

Schritt 1

Bildkompression

Wenn Sie ein Bild zum Drucken senden, benötigen Sie ein hochauflösendes Dateiformat

Entscheiden Sie, wo Ihr Bild verwendet werden soll. Wenn Sie ein Bild zum Drucken senden, benötigen Sie ein qualitativ hochwertiges Format. Wenn Sie im Web veröffentlichen, können Sie ein Bild mit geringerer Qualität (und damit einer kleineren Dateigröße) erhalten.

Schritt 2

Bildkompression

Die neuen Retina-Displays mit hoher Pixeldichte erfordern Bilder mit höherer Auflösung

Entscheiden Sie, in welcher Größe Ihr Bild angezeigt werden soll. Für den Druck werden Bilder im Allgemeinen mit 300 DPI (Punkte pro Zoll) wiedergegeben. Dies bedeutet, dass Sie für jeden Zoll Wiedergabegröße mindestens 300 Pixel an Informationen benötigen. Beispielsweise muss ein 10 'x 8' Druck ein Bild mit 3000 Pixel (10 x 300) mal 2400 Pixel (8 x 300) sein.

Auf dem Bildschirm werden die meisten Bilder mit 72 DPI angezeigt, obwohl sich dies mit dem Aufkommen von ändert Retina Anzeigen mit hoher Pixeldichte. Entscheidend ist, dass Bilder auf dem Bildschirm 1: 1 mit Anzeigepixeln angezeigt werden. Wenn Sie also ein Bild mit einer Breite von 600 Pixel anzeigen möchten, müssen Sie Ihr Bild normalerweise nur mit 600 horizontalen Pixeln reproduzieren (ungeachtet der Komplikationen bei der Anzeige der Netzhaut!).

Schritt 3

Entscheiden Sie sich schließlich für das für Ihre Verwendung und Größenanforderungen am besten geeignete Format:

  • GIF eignet sich aufgrund seiner begrenzten Farbpalette nicht für Bilder in Druck- oder Fotoqualität, ist jedoch ideal für Strichzeichnungen oder animierte Webbilder.
  • JPEG ist eine großartige Lösung für Druck- und Webanwendungen. Beachten Sie jedoch, dass es sich um ein verlustbehaftetes Format handelt. Verwenden Sie JPEG also nicht als Archivformat. Speichern Sie Ihr Originalbild in einem verlustfreien Format.
  • Wenn Sie Transparenz im Web benötigen, haben Sie nur zwei Möglichkeiten: GIF oder PNG. Wenn Sie mehrere Transparenzstufen benötigen, entscheiden Sie sich für PNG. Wenn Sie jedoch nur einige Pixel benötigen, um vollständig transparent zu sein, ist GIF möglicherweise genau das Richtige für Sie.
  • Für den Druck sind TIFF und EPS universelle Formate, bei denen verlustfreie (und verlustbehaftete) Bildkomprimierung angewendet werden kann. Wenn Sie also Zweifel haben (und wenn die Dateigröße nicht zu wichtig ist), ist die Auswahl eines dieser beiden Formate eine einigermaßen sichere Sache.

5 handliche Werkzeuge

Wie zu erwarten, stehen Ihnen auch zahlreiche Tools zur Bildkomprimierung für den Desktop zur Verfügung. Hier haben wir fünf ausgewählt, die einen Besuch wert sein könnten.

3ds max Tutorial für Haare und Fell

elf. FILEminimizer Bilder

  • Plattform : Windows

FILEminimizer Pictures verfolgt im Vergleich zu vielen ähnlichen Tools einen recht drastischen Ansatz bei der Bildkomprimierung. Standardmäßig können Formate geändert, die Größe von Bildern geändert, JPEGs mit reduzierter Qualität neu codiert und Metadaten entfernt werden, um Ihre Bilder zu verkleinern. (Sie können das meiste davon in den Programmeinstellungen anpassen.)

Zeigen Sie auf Ihre Quelldateien, wählen Sie einen Ausgabeordner aus, konfigurieren Sie möglicherweise eine oder zwei Optionen. Ein Klick reicht aus, um mit der Optimierung zu beginnen. Und es ist ziemlich schnell, so dass Sie nicht lange in der Schwebe bleiben. Alles in allem ist es vielseitig, konfigurierbar und einfach zu bedienen.

12. FileOptimizer

  • Plattform : Windows

FileOptimizer kann JPG-, GIF- und PNG-Bilder komprimieren sowie mit ausführbaren Dateien, Archiven, Microsoft Office-Dokumenten, PDF-Dateien und mehr arbeiten. Es verfügt über eine der einfachsten Oberflächen, die wir je gesehen haben: Ziehen Sie Ihre Bilder per Drag & Drop auf FileOptimizer, klicken Sie mit der rechten Maustaste und wählen Sie Optimieren und das ist es.

Diese Einfachheit hat einen Nachteil, da Ihre Quelldateien durch das Programm ersetzt und in den Papierkorb verschoben werden. Davon abgesehen ist jedoch die Komprimierung wirklich wichtig, und hier liefert FileOptimizer einige großartige Ergebnisse.

13. ImageOptim

  • Plattform : Mac

ImageOptim ist ein Mac-Tool, das GIF-, JPEG- und PNG-Bilder optimiert, indem es als Front-End für eine Vielzahl anderer Anwendungen fungiert: PNGOUT, AdvPNG, Pngcrush, erweitertes OptiPNG, JpegOptim, JPegrescan, JPEGTRAN und Gifsicle.

Bei dem Programm geht es um verlustfreie Komprimierung - Entfernen von Kommentaren, Farbprofilen usw. - anstatt um die Neucodierung oder Reduzierung der Anzahl der Farben. Infolgedessen wird die Dateigröße nicht so stark reduziert wie bei einigen anderen Tools, aber Sie müssen sich zumindest keine Sorgen über einen Verlust der Bildqualität machen.

Adobe Indesign CS6 kostenloser Download Vollversion

Das Frontend von ImageOptim funktioniert auch gut. Ziehen Sie eine einzelne Datei, eine Gruppe, einen Ordner oder was auch immer, und es beginnt sofort, jedes Bild zu komprimieren und die Ergebnisse anzuzeigen. Das Programm ist nicht das schnellste Tool, aber wenn Sie es nicht mit Tausenden von HD-JPEGs versehen, wird dies wahrscheinlich kein Problem darstellen.

14. JPEGmini

  • Plattform : Mac

JPEDmini ist eine interessante Mac-App mit einem zweigleisigen Ansatz zum Verkleinern von JPEGs. Erstens wird ein intelligenter Algorithmus verwendet, um herauszufinden, wie stark ein Bild ohne sichtbare Effekte komprimiert werden kann (damit das Programm nicht verlustfrei ist, sondern auch nicht nur bei einer festgelegten Qualitätseinstellung neu codiert). Und dann verwendet das Programm einen eigenen JPEG-Encoder, um möglichst kompakte Dateien zu liefern.

Im Hintergrund ist viel los, aber nichts davon ist für den Benutzer sichtbar. Ziehen Sie Ihre Bilder einfach per Drag & Drop in das Programm (maximal 20 pro Tag in der kostenlosen Version) und die Originale werden durch komprimierte Versionen ersetzt.

Für einfache Webgrafiken macht JPEGmini nichts allzu Erstaunliches. Die Komprimierungsmöglichkeiten steigen erheblich, wenn Ihre Bilder größer werden. Wenn Ihre Grafiken sperrig sind, lohnt es sich auf jeden Fall, das Programm zu testen, um zu sehen, wie es für Sie funktioniert.

15. Smush.It

  • Plattform : Netz

Die meisten Webdienste für die Bildkomprimierung sind stark eingeschränkt, die von Yahoo jedoch Smush.It ist eine seltene Ausnahme. Sie sind zwar auf Dateien mit einer Größe von bis zu 1 MB beschränkt, andernfalls lädt das System so viele Bilder hoch, wie Sie benötigen. Es gibt keine Registrierung, keine Kontoerstellung, keine täglichen Kontingente. Bilder werden mit einer Vielzahl von Tools verarbeitet, sodass Sie die Ergebnisse in einer ZIP-Datei herunterladen können.

Wenn es bei diesem Ansatz ein Problem gibt, sind Sie von den Komprimierungswerkzeugen selbst sehr isoliert. Sie können sie in keiner Weise konfigurieren oder optimieren. Die Ergebnisse, die Sie sehen, sind das, was Sie erhalten, und Sie können nichts tun, um sie zu ändern.

Alles in allem bevorzugen wir immer noch die Freiheit und Konfigurierbarkeit eines lokalen Tools, aber wenn der Komfort eines Onlinedienstes Ihren Anforderungen entspricht, ist Smush.It möglicherweise eine vernünftige Wahl.

Wörter: Sam Hampton-Smith (1-10), Mike Williams (11-15)

Mochte dies? Dann lesen Sie diese!