Wenn Sie über den Unterschied zwischen den vielen Bilddateitypen verwirrt sind, sind Sie nicht allein. Wenn wir ein Projekt beginnen, ist eines der ersten Dinge, die wir vom Kunden verlangen, eine Vektordatei seines Logos. Diese Anfrage wird jedoch oft mit leeren Blicken oder Antworten wie „Können Sie nicht einfach das Logo von meiner Website nehmen?“ beantwortet. Als Vermarkter ist es wichtig, die Bedeutung und Rolle der verschiedenen Bilddateitypen zu verstehen, um sicherzustellen, dass Ihre Marke richtig repräsentiert wird und um besser mit Designern, Entwicklern und Druckern kommunizieren zu können.
Was ist eine Vektordatei? Was ist ein Raster?
Wir können beginnen, das Thema zu verstehen, indem wir den Unterschied zwischen den beiden wichtigsten Bildtypen – Raster und Vektor – klären.
Rasterbilder verwenden viele farbige Pixel oder einzelne Bausteine, um ein vollständiges Bild zu bilden. JPEGs, GIFs und PNGs sind gängige Rasterbildtypen. Fast alle Fotos, die im Internet und in Printkatalogen zu finden sind, sind Rasterbilder.
Da Rasterbilder aus einer festen Anzahl von farbigen Pixeln aufgebaut sind, können sie nicht drastisch in der Größe verändert werden, ohne ihre Auflösung zu beeinträchtigen. Wenn sie gestreckt werden, um einen Raum auszufüllen, für den sie nicht konzipiert wurden, werden ihre Pixel sichtbar körnig und das Bild verzerrt. Aus diesem Grund können veränderte Fotos pixelig oder niedrig aufgelöst erscheinen. Daher ist es wichtig, dass Sie Rasterdateien genau in den benötigten Dimensionen speichern, um mögliche Komplikationen zu vermeiden.
Vektorbilder hingegen bieten mehr Flexibilität. Da sie nicht aus einzelnen farbigen Blöcken, sondern aus mathematischen Formeln aufgebaut sind, eignen sich Vektordateitypen wie EPS, AI und PDF* hervorragend für die Erstellung von Grafiken, deren Größe häufig geändert werden muss. Ihr Firmenlogo und Ihre Markengrafiken sollten als Vektor erstellt und als Masterdatei gespeichert werden, damit Sie sie für kleinere Elemente wie Ihre Visitenkarte und Ihren Briefkopf, aber auch für größere Flächen wie Ihren Firmenjet verwenden können. Wenn nötig, erstellen Sie aus dieser Master-Vektordatei immer ein JPG oder PNG für die Verwendung im Web. Achten Sie nur darauf, die neue Rasterdatei in den exakten Abmessungen zu speichern.
*Ein PDF ist grundsätzlich eine Vektordatei. Je nachdem, wie ein PDF ursprünglich erstellt wurde, kann es jedoch entweder eine Vektor- oder eine Rasterdatei sein. Ob Sie die Ebenen Ihrer Datei reduzieren oder beibehalten, bestimmt den Bildtyp.
Hohe oder niedrige Auflösung?
Um festzustellen, ob Ihre Rasterbilder eine geeignete Auflösung für eine bestimmte Anwendung haben, müssen Sie ihre Pixeldichte überprüfen. Maßeinheiten wie Dots per Inch (DPI) oder Pixel per Inch (PPI) beziehen sich auf die Anzahl der Pixel auf einem Inch des Bildes. Diese Maße werden wichtig, wenn Sie versuchen, Rasterbilder an bestimmten Stellen zu verwenden, z. B. im Web oder in Druckpublikationen.
Das Web zeigt traditionell 72dpi (72 Punkte oder Pixel pro Zoll) an – eine relativ niedrige Pixeldichte, aber die meisten modernen Displays sind jetzt viel höher. Dennoch liegen viele Bilder im Web immer noch im Bereich von 72-100 dpi. Während Monitore höhere Auflösungen darstellen können, muss das Web auch für Geschwindigkeit optimiert werden, so dass Bilder um die 100 dpi den Sweet Spot treffen, um auf einem Bildschirm gut auszusehen und gleichzeitig schnell zu laden. Rasterbilder mit niedrigen DPI-Werten zwischen 72 und 100 sehen im Web schön und scharf aus. Aber das gleiche Bild mit niedrigen DPI-Werten ist möglicherweise nicht für den Druck auf einer Broschüre oder Verpackung geeignet. Um ein Bild korrekt zu drucken, sollte es mindestens 300dpi haben, eine viel höhere Pixeldichte als im Web angezeigt wird. Die Größenänderung eines Bildes mit niedriger DPI, das aus dem Internet gezogen wurde, um es an die Abmessungen Ihres Druckprojekts anzupassen, wird nicht funktionieren, da die gleiche endliche Anzahl von Pixeln nur größer wird und anfängt, sich zu verzerren. Nehmen wir zum Beispiel an, Sie möchten Ihr Logo in 2″x3″ auf einer Broschüre drucken. Wenn Sie ein 72dpi jpg Ihres Logos haben und es 2″x3″ groß ist, muss es auf mehr als die dreifache Größe „gestreckt“ werden, um es auf 300dpi zu bringen. Das 72dpi-Logo mag auf Ihrem Computermonitor gut aussehen, aber wenn es mit 300dpi gedruckt wird, sieht es pixelig aus. Stattdessen sollten Sie eine Vektor-Version Ihres Logos (.EPS oder .AI) verwenden oder ein Raster (JPG) mit den genauen gewünschten Abmessungen und bei 300dpi erstellen.
Unterschiedliche Bilddatei-Erweiterungstypen und die beste Verwendung für jeden
JPG
JPG (oder JPEG) ist ein Rasterbild, das oft für Fotos im Web verwendet wird. JPGs können optimiert werden, wenn sie aus Photoshop heraus gespeichert werden, um die perfekte Balance zwischen kleiner Dateigröße und hoher Qualität zu finden. Im Internet sollten die Bilddateien so klein wie möglich sein, damit die Seite schnell geladen werden kann, aber groß genug, um noch scharf und nicht pixelig zu sein. Ein JPG kann keinen transparenten Hintergrund haben, so dass sie immer die Form eines Rechtecks oder Quadrats mit festem Hintergrund haben.
Beste Verwendung = rechteckige oder quadratische Fotos und Fotografien auf Ihrer Website.
PNG
PNG ist ein weiterer Rasterbildtyp. Für den allgemeinen Marketer ist der Hauptunterschied zwischen einem PNG und einem JPG zu verstehen, dass ein PNG einen transparenten Hintergrund haben kann und im Allgemeinen größer und qualitativ hochwertiger ist. Daher ist ein PNG ideal zum Speichern von Logodateien für Websites, da sie über einen farbigen Hintergrund gelegt werden können.
Beste Verwendung = Logos, Icons und andere Bilder, bei denen ein transparenter Hintergrund bevorzugt wird.
GIF
Ein GIF ist ein weiterer Rasterbildtyp. Ein GIF wird aus bis zu 256 Farben aus dem RBG-Farbraum gebildet. Je weniger Farben und Schattierungen in einem Bild enthalten sind, desto kleiner ist die Dateigröße. Daher ist ein GIF ideal für Bilder, die nur wenige Vollfarben verwenden und keine Farbverläufe oder natürliche Schattierungen haben. Sie würden ein GIF nicht für ein Foto verwenden wollen.
Beste Verwendung = einfache Web-Grafiken wie Web-Buttons, Charts und Icons.
TIF
Ein TIF (oder TIFF) ist eine große Rasterdatei. Sie hat keinen Qualitätsverlust und wird daher hauptsächlich für Bilder verwendet, die im Druck eingesetzt werden. Im Web sollten Sie wegen der Ladezeit in der Regel kleinere Bilder wie JPG oder PNG verwenden.
Beste Verwendung = Bilder und Fotos für den hochwertigen Druck.
EPS
Eine EPS-Datei ist eine Vektordatei einer Grafik, eines Textes oder einer Illustration. Da es sich um eine Vektordatei handelt, kann sie leicht auf jede gewünschte Größe angepasst werden. Eine EPS-Datei kann wieder geöffnet und bearbeitet werden.
Beste Verwendung = Master-Logo-Dateien und Grafiken und Druckdesigns.
AI
Eine AI-Datei ist ein proprietärer, von Adobe erstellter Vektordateityp, der nur mit Adobe Illustrator erstellt oder bearbeitet werden kann. Es wird am häufigsten für die Erstellung von Logos, Illustrationen und Drucklayouts verwendet.
Beste Verwendung = Erstellen von Logos, Grafiken, Illustrationen.
Vektordateien bearbeiten und „in Umrissen“ speichern“
Vektordateien wie AI und EPS bleiben bearbeitbar, sodass Sie sie wieder in Illustrator öffnen und Text oder andere Elemente innerhalb der Grafik bearbeiten können. Bei Bildern, die Text enthalten und als JPG, PNG oder GIF gespeichert werden, wäre es nicht möglich, den Text wieder zu öffnen und zu bearbeiten.
Bei MODassic erstellen wir oft Dateien in Illustrator und speichern eine AI-Datei als unsere Masterdatei, speichern dann aber auch eine EPS-Version „in Umrissen“, die in der Produktion verwendet und zum Druck geschickt wird.
Das Speichern in „Umrissen“ ist ein Begriff, den Sie hören werden, wenn Sie Dateien zum Druck schicken. Wenn eine Druckerei eine Schriftart, die Sie in Ihrem Entwurf verwendet haben, nicht hat und die Vektordatei nicht in „Outlines“ gespeichert ist, dann wird der Text beim Öffnen der Datei nicht das gewünschte Aussehen haben, da er standardmäßig in einer anderen Schriftart dargestellt wird. Etwas mit „Umrissen“ zu speichern bedeutet im Grunde, dass Sie den Text sperren, so dass er technisch gesehen keine Schrift mehr ist, sondern stattdessen aus Vektorformen besteht, die Ihre Buchstaben bilden. Dies ist wichtig, wenn Sie Grafiken zum Drucken senden. Das Speichern einer Datei in Umrissen macht Ihren Text nicht mehr editierbar, weshalb wir bei MODassic die AI-Datei als editierbares Master behalten und dann ein EPS als die gesperrte Reinzeichnung speichern, die wir zum Druck schicken.
Die Arbeit mit Bildern kann verwirrend sein, aber wenn Sie diese wichtigen Fakten im Hinterkopf behalten, wird ein Großteil des Ärgers vermieden und natürlich sind wir immer hier, um zu helfen oder Fragen zu beantworten.
- newsletter