Bei der Übergabe eines Logos landen ein Dutzend Dateien auf dem Schreibtisch, und der Kunde fragt zu Recht: „Welche davon nutze ich, und wo?" Logo-Dateiformate sind der unglamouröseste Teil des Designprozesses und sorgen dennoch im Alltag für die meiste Verwirrung. In diesem Leitfaden erkläre ich in einfacher Sprache, wofür Formate wie SVG, PNG, PDF und EPS gut sind, welches für welches Medium die richtige Wahl ist und was ein gutes Übergabepaket enthalten sollte.
Vektor oder Raster: die eine entscheidende Unterscheidung
Alles teilt sich in zwei große Familien. Vektorformate speichern das Logo nicht als Pixel, sondern als mathematische Kurven und Punkte. Deshalb lässt es sich von Visitenkartengröße bis zum Gebäudeschild skalieren, ohne dass auch nur ein Pixel unscharf wird. Rasterformate (Bitmap) halten ein festes Pixelraster; sie werden für eine bestimmte Größe erzeugt, und darüber hinaus brechen die Kanten auf.
- Vektor: SVG, EPS, AI, PDF (mit Vektorinhalt) — unendlich skalierbar, die Quelldatei für Druck und Bearbeitung.
- Raster: PNG, JPG, WebP — auf eine bestimmte Pixelgröße festgelegt, praktisch für Bildschirme und schnelles Teilen.
Die Faustregel: Die Masterquelle eines Logos sollte immer Vektor sein. Rasterversionen sind aus dieser Quelle exportierte Kopien, niemals umgekehrt.
SVG — die richtige Wahl fürs Web
SVG (Scalable Vector Graphics) ist ein web-natives Vektorformat und in Wahrheit eine XML-Textdatei. Wenn Sie ein Logo in einem Seitenkopf, einer E-Mail-Signatur oder einer App-Oberfläche platzieren, ist SVG in den meisten Fällen die beste Option: Die Datei ist winzig, sie bleibt in jeder Bildschirmauflösung (Retina inklusive) gestochen scharf, und die Farbe lässt sich sogar per CSS ändern. Man kann es direkt in HTML einbetten:
<img src="logo.svg" alt="Markenname" width="160">
<!-- oder inline, zur Steuerung per CSS -->
<svg viewBox="0 0 100 40" role="img" aria-label="Markenname">
<path d="M10 30 L30 10 ..." fill="currentColor"/>
</svg>Ein Vorbehalt: Da eine SVG eine Textdatei ist, sollte die an einen Kunden gesendete Version keine überflüssigen Metadaten oder versteckten Bearbeitungsebenen mitführen. Eine Optimierung mit einem Werkzeug wie svgo verkleinert die Größe und säubert die Datei zugleich.
PNG — transparenter Hintergrund und Bildschirmnutzung
PNG ist das gängigste Raster-Übergabeformat, weil es Transparenz (einen Alphakanal) unterstützt. Wer ein Logo auf einen farbigen Hintergrund setzen will, ohne einen weißen Kasten darum, braucht PNG: ein Social-Media-Profil, eine Präsentation, eine E-Mail-Vorlage, Uploads auf Drittplattformen. Bereiten Sie bei der PNG-Übergabe mehrere Größen vor — etwa 256, 512 und 1024 Pixel Breite. JPG empfehle ich für ein Logo nicht: Es hat keine Transparenz, und seine verlustbehaftete Komprimierung hinterlässt sichtbare Artefakte an scharfen Kanten.
PDF, EPS und AI — Druck und Quelldateien
Die Welt des physischen Drucks (Druckereien, Beschilderung, Textil) verlangt meist nach Vektor. Drei Formate stechen hier hervor:
- PDF: ein universelles Format, das Vektorinhalt bewahren kann und das fast jeder öffnen kann. Es ist die sicherste, reibungsärmste Option, um an eine Druckerei zu senden.
- EPS: ein älteres Vektorformat, das in der Druckbranche noch häufig verlangt wird. Manche Druckereien fordern ausdrücklich EPS.
- AI: die Quelldatei von Adobe Illustrator — das echte „bearbeitbare Original". Sie bleibt in der Regel beim Designer, doch sie dem Kunden zur Markeneigentümerschaft zu überlassen, ist ebenfalls üblich.
Auch die Farbe ist für den Druck wichtig: Bildschirme arbeiten in RGB, der Druck nutzt CMYK. Ein gutes Übergabepaket sollte CMYK-Versionen der druckbestimmten Vektordateien sowie die Pantone-Farbcodes der Marke enthalten.
Wie sieht ein gutes Übergabepaket aus?
Der Weg, dem Kunden das Leben leicht zu machen, führt über das Ordnen der Dateien nach Verwendungszweck. So organisiere ich ein Paket typischerweise:
logo-paket/
├── vektor/ (SVG, PDF, EPS — skalierbare Quellen)
├── web/ (PNGs: Farbe, Weiß, Schwarz — transparent)
├── social/ (PNGs zugeschnitten für quadratische und runde Profile)
├── druck/ (CMYK-PDF + EPS)
└── markenrichtlinie.pdf (Farbcodes, Schutzraum-Regeln, Nutzung)Drei Versionen jeder Variante zu liefern, ist ebenfalls eine selbstverständliche Höflichkeit: Vollfarbe, einfarbig Schwarz und einfarbig Weiß (invertiert). So bleibt das Logo auf hellen, dunklen und fotografischen Hintergründen gleichermaßen lesbar.
Häufige Fragen
Welches Format soll ich für meine Website verwenden?
Wenn möglich SVG. Es ist klein, scharf und gestochen klar auf jedem Bildschirm. Gibt es eine Stelle, an der SVG nicht funktioniert (manche ältere E-Mail-Programme oder Plattformen), ist ein hochauflösendes PNG mit transparentem Hintergrund die zweitbeste Wahl.
Die Druckerei verlangte eine „Vektordatei" — was sende ich?
Ein PDF, das den Vektorinhalt bewahrt, reicht den meisten Druckereien; wollen sie ausdrücklich EPS, senden Sie auch dieses Format. Stellen Sie sicher, dass die Farben CMYK sind und der Text in Pfade (Kurven) umgewandelt wurde, damit eine fehlende Schrift kein Problem verursacht.
Warum eignet sich JPG nicht für ein Logo?
JPG unterstützt keine Transparenz und verwendet verlustbehaftete Komprimierung, was an den scharfen Kanten und einfarbigen Flächen eines Logos sichtbare Verschlechterungen verursacht. Wählen Sie für ein Logo PNG (Raster) oder SVG (Vektor).
Möchten Sie Ihr Logo als komplettes Übergabepaket mit allen Formaten? Ich kann ein aufgeräumtes, gut geordnetes Logopaket erstellen, bereit für Web, Social Media und Druck. Nehmen Sie Kontakt auf, und sorgen wir dafür, dass Ihre Marke in jedem Medium scharf aussieht.