Best Practices
12
Min. reading time
Profilbild des Autors
Jan Viohl
Head of Growth

Overview of common file formats for images: advantages, disadvantages and benefits

Laptop shows a collage of images in different file formats
Published:
August 3, 2023

Using images correctly is essential for successful marketing. To ensure that your visual elements are presented in high quality and efficiency, it's important to use the right image formats. In this blog post, we'll look at different image formats, their pros and cons, and when it's best to use them to take your marketing to the next level.

Raster vs. vector formats — scalability makes the difference

Raster images and vectorized images are two fundamentally different types of image formats that play an important role in marketing.

Raster images, such as JPEG, PNG, and GIF, consist of a fixed number of pixels and are best for photographic or complex images. Because image information is stored in fixed pixels, raster images can lose their quality when they are enlarged, as they must then be interpolated.

Vectorized images, such as SVG and EPS, on the other hand, are based on mathematical formulas that define lines and curves, rather than fixed pixels. This allows full scalability without sacrificing image quality. Vector graphics are ideal for logos, icons, and illustrations as they ensure razor-sharp images at any size.

In the marketing world, it is important to understand the differences between these two image formats and use them accordingly to achieve the best possible visual presentation and support the desired marketing goals.

Overview of common file formats for images by vector or raster format and whether they are development or playback formats.

Compression of image files - What is important?

Image compression is a crucial aspect for marketing managers when it comes to using images. Compression reduces the file sizes of images to save storage space and improve web page load times. There are two main types of image compression: lossless compression and lossy compression.

Lossless compression

Lossless compression, as used in formats such as PNG and GIF, makes it possible to reduce image size without sacrificing the quality of the image. This is particularly important when it comes to graphics, logos, or images with transparency, where image quality and clarity are critical. However, the compression rates that can be achieved are limited, so file sizes may not be reduced as much as with lossy compression.

Lossy compression

Lossy compression, as used in JPEG and WebP, achieves a greater reduction in file size by removing imperceptible image information. However, this results in a loss of image quality, especially at higher compression rates. For this reason, it is important to find the right balance between file size and image quality to ensure optimal visual presentation.

What is important when we compress image files?

It is crucial for marketing managers to know the right image compression technology for various areas of application. On websites and in emails, it is often important to keep file sizes as low as possible to ensure fast load times and improve the user experience. In printed materials or high-quality presentations, on the other hand, it is advisable to use lossless compression or even vectorized images to ensure the best possible image quality.

Overall, image compression plays an essential role in the effectiveness of your marketing efforts, as it has a direct impact on load times, image quality, and user experience. A deep understanding of the different compression methods enables marketers to make the best decisions and present impressive visual content that engages and influences audiences.

Pixels, DPI, and image size — why size is relative

Pixel, DPI (dots per inch), and image scale are important terms that marketing managers should understand in order to properly manage and optimize the quality and size of images.

pixels are the smallest units that make up a digital image. Each pixel contains color information and is essentially the building block that makes up the entire image. The total number of pixels in an image determines its resolution. A higher number of pixels results in a higher image resolution and thus to a sharper image, while a lower number of pixels reduces image quality and can lead to blur.

DPI (Dots per inch) refers to the number of ink droplets (or print dots) per inch on a printed page. It is a measure of print quality and influences how fine details and images are printed on paper. A higher DPI results in better print quality, while a lower DPI results in coarser printing.

The image size describes the ratio of existing pixels and an absolute image area, such as a sheet of paper or a screen. The classic 300 DPI that we all know describes 300 pixel dots per inch of a sheet of paper or screen.


“Identical number of pixels printed on a larger print area or screen decreases the DPI or PPI on screens”

“Increased number of pixels printed on a consistent print area or screen increases DPI”

The statement “We need the image in 72 or 300 DPI” therefore only makes limited sense without specifying the size of the output medium. This is because if the absolute pixels remain the same, the DPI would automatically decrease or increase when the print/image area changes.

Here we present a practical DPI, pixel calculator that you can copy and use as you like.

It is very important for marketing managers to understand these concepts to ensure that their images have the right resolution — for both digital and printed materials.

By considering the number of pixels, DPI, and image scale, marketing managers can ensure that their visual content is presented in the best possible quality, whether on websites, on social media, in printed brochures, or in other marketing materials. Using these terms correctly ensures a professional presentation and helps to effectively convey the visual message.

File formats: When do we use which image formats in marketing?

JPEG (Joint Photographic Experts Group) and JPG 2000

About the format:

JPEG was developed back in 1992 and is one of the most widely used image formats. It compresses images using a lossy method and enables high quality with relatively small file sizes. JPG 2000 is an evolution of JPEG that supports lossless and lossy compression.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Ideal für Fotografien und komplexe Bilder mit vielen Farbnuancen.
Gut geeignet für Webseiten, Social-Media-Posts und E-Mails aufgrund der kompakten Dateigrößen.
Nicht optimal für Bilder mit Transparenz oder scharfen Kontrasten, da es Kompressionsartefakte erzeugen kann.

PNG (portable network graphics)

About the format:

PNG was developed in 1996 and is a lossless image format that supports transparency. It is particularly suitable for graphics, logos, and images with clean lines and texts.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Hervorragende Bildqualität ohne Qualitätsverlust durch Kompression.
Perfekt für Bilder mit Transparenz, z. B. Logos, die über anderen Inhalten schweben sollen.
Größere Dateigrößen im Vergleich zu komprimierten Formaten wie JPEG, daher weniger geeignet für Webseiten mit vielen Bildern.

GIF (Graphics Interchange Format)

About the format:

GIF has existed since 1987 and supports animations and transparency, is therefore also a popular format for 360 degree product images. It uses lossless compression that is limited to limited color palettes.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Perfekt für einfache Animationen und kurze Videoclips.
Gut geeignet für einfache Grafiken mit wenigen Farben, wie Icons oder Buttons.
Schlechte Bildqualität bei komplexen Bildern oder Fotos.
Nicht geeignet für hochwertige Fotografien oder detaillierte Grafiken.

SVG (Scalable Vector Graphics)

About the format:

SVG is a vector-based image format developed in 1999. It uses XML to represent images, which means they can be scaled to any size without losing quality.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Ideal für Logos, Symbole und Illustrationen, die auf verschiedenen Geräten und Bildschirmgrößen konsistent aussehen sollen.
Geringe Dateigröße, daher schnellere Ladezeiten auf Websites.
Nicht geeignet für komplexe Fotografien oder Bilder mit vielen Farbnuancen.

WebP

About the format:

WebP was developed by Google in 2010 and combines lossy and lossless compression. It is specifically designed for the web and offers small file sizes and good image quality.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Reduzierte Ladezeiten von Webseiten durch kleinere Dateigrößen.
Unterstützt Transparenz und Animationen.
Eingeschränkte Unterstützung auf älteren Browsern.

TIFF (Tagged Image File Format)

About the format:

that TIFFformat was developed in 1986 and supports lossless compression. It is particularly popular in the printing industry and is often used to store high-resolution images.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Ideal für die professionelle Druckvorstufe und den Austausch von hochwertigen Bildern zwischen verschiedenen Programmen.
Unterstützt Transparenz und viele Farbtiefen.
Große Dateigrößen, daher weniger geeignet für die Verwendung im Web.

BMP (bitmap)

About the format:

The BMP format is one of the oldest image formats and was developed in the 1980s. It uses an uncompressed representation, resulting in large file sizes.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Einfach und weitgehend von verschiedenen Betriebssystemen und Programmen unterstützt.
Gut geeignet für grundlegende Bilder ohne Kompression.
Große Dateigrößen machen es unpraktisch für die Verwendung im Web oder für den Austausch von Dateien.

PDF (portable document format)

About the format:

The PDF format was developed by Adobe in 1993 and is a versatile format that can store not only images but also texts and other elements. It is ideal for sharing documents and presentations.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Ausgezeichnete Kompatibilität und konsistente Darstellung auf verschiedenen Geräten und Plattformen.
Ideal für Broschüren, Infografiken und digitale Präsentationen.
Nicht geeignet für die Darstellung von Einzelbildern mit hoher Qualität, da die Komprimierung die Bildqualität beeinträchtigen kann.

Open formats such as PSD, AI, or INDD

About the formats:

These formats are proprietary and used by Adobe products. PSD (Photoshop Document) is the native format of Adobe Photoshop, AI (Adobe Illustrator) is for Adobe Illustrator, and INDD (InDesign Document) is for Adobe InDesign.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Enthält alle Ebenen und Bearbeitungsinformationen, sodass Bearbeitungen leicht durchgeführt werden können.
Ideal für die professionelle Grafikbearbeitung und das Erstellen von Druckvorlagen.
Nicht für die Verwendung im Web geeignet, da sie meist große Dateigrößen haben und spezielle Software erfordern, um sie anzeigen zu können.

RAW

About the format:

RAW is not a specific file format, but refers to the raw and uncompressed image data directly from the camera. Every camera manufacturer has its own RAW format. RAW is also not an abbreviation, but the English word for “raw”, which stands for the raw data from the cameras.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Enthält unveränderte Bilddaten und bietet maximale Kontrolle über die spätere Bearbeitung.
Ideal für professionelle Fotografen und fortgeschrittene Bildbearbeiter.
Große Dateigrößen und erfordert spezielle Software, um sie anzeigen und bearbeiten zu können.
Nicht geeignet für den direkten Einsatz im Web oder in Präsentationen, da eine Konvertierung in andere Formate erforderlich ist.

EPS (Encapsulated PostScript)

About the format:

EPS is a vector-based image format that can store both vector graphics and raster images. It was developed in 1987 and is widely used by professional printing companies.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Hervorragende Skalierbarkeit und Druckqualität.
Ideal für die Verwendung in Publikationen wie Broschüren, Flyern und Zeitschriften.
Nicht für den Einsatz im Web geeignet, da es oft zu großen Dateigrößen führt.

HEIC (High Efficiency Image File Format)

About the format:

HEIC is a modern image format developed by Apple. It uses efficient compression and delivers high image quality with smaller file sizes.

Vorteile:
Wofür nutzt man es am besten?
Nachteile:
Wofür ist es nicht gut geeignet?
Optimal für die Speicherung von hochauflösenden Bildern auf mobilen Geräten.
Reduzierte Speicherplatzanforderungen im Vergleich zu anderen Formaten wie JPEG.
Eingeschränkte Unterstützung auf Nicht-Apple-Geräten und älteren Betriebssystemen.

conclusion

Choosing the right image format is critical to ensure that your marketing content is presented in an appealing and effective way. JPEG and PNG are the most versatile formats that are suitable for most applications. SVG is ideal for scalable graphics, while WebP improves website performance. By understanding the pros and cons of each format, you can make the best decisions for your marketing strategy and build an impressive visual presence.

Overview
Subscribe to our newsletter

Sign up to get the latest blog posts and don't miss a thing.

Make yours Product digitization more efficient

We help companies digitize product portfolios with hundreds of items. Our workflows are tailored to your company and ensure maximum output with minimal effort.

Eine Person beim Scannen eines weißen Turnshuhs