Zum Inhalt springen

Dateiformate

SVG, PNG, EPS oder PDF für Logos: nach Einsatzzweck wählen

Das richtige Format beginnt beim Einsatzort des Logos. Hier findest du eine Entscheidungshilfe für vier häufige Optionen.

Die kurze Antwort

Verwende SVG für skalierbare digitale Grafiken, wo es akzeptiert wird, PNG für Bilder mit fester Größe und Transparenz sowie EPS oder PDF, wenn sie den Vorgaben einer Druckerei oder eines Produktionsteams entsprechen. Prüfe den tatsächlichen Inhalt und die Farbeinstellungen: Die Dateiendung allein belegt nicht, dass ein Logo vektorbasiert, in CMYK oder druckfertig ist.

1. Beginne beim Einsatzort

Stell dir vor, vier Personen fragen nach demselben Logo: ein Entwickler, eine Büroleitung, eine Social-Media-Verantwortliche und eine Druckerei. Sie benötigen Unterschiedliches von der Datei. Gib jedem ein nutzbares Asset und eine kurze Erklärung, statt sie aus einem unerklärten Ordner wählen zu lassen.

Die folgenden Beispiele sind Ausgangspunkte. Veröffentlichte Upload-Regeln des Zielsystems und schriftliche Spezifikationen des Produktionsdienstleisters haben Vorrang.

Praktische Auswahl von Logoformaten
EinsatzortAusgangspunktVor der Übergabe prüfen
Responsive WebsiteSVG, sofern unterstütztDarstellung, Grenzen, eingebettete Bilder und Website-Unterstützung
Präsentation oder DokumentTransparentes PNG; SVG, sofern unterstütztSichtbarer Hintergrund, Pixelgröße und Verhalten in der tatsächlichen App
Plattform- oder E-Mail-UploadPNG oder JPG nach VorgabeAkzeptierte Formate, Dateigröße und erforderliche Maße
Druckerei verlangt CMYK-EPSGeprüftes CMYK-EPSVektorinhalt, Farben und Produktionskompatibilität
Dienstleister verlangt PDFPDF nach dessen VorgabenFarbräume, Schriften, Vektor-/Rasterinhalte und angeforderter Standard

2. SVG: ein nützliches digitales Vektorformat

SVG beschreibt Grafiken in einem XML-basierten Format. Es eignet sich besonders für vektorbasierte Logos auf Websites und Oberflächen, da sich die Geometrie an den Einsatzort skalieren lässt. Transparenz wird unterstützt, sodass kein separater Hintergrund fest in die Grafik eingebaut werden muss.

Dabei gibt es zwei wichtige Einschränkungen. Ein SVG kann eingebettete Pixelbilder enthalten, und unterschiedliche Zielanwendungen können komplexe Funktionen anders interpretieren. Ein in SVG verpacktes Foto bleibt ein Foto mit fester Auflösung. Öffne die exportierte Datei erneut und prüfe Effekte, Beschnitt und Text.

Frage bei einer Webübergabe den Entwickler, ob SVG im Upload- oder Asset-Prozess der Website akzeptiert wird. Füge bei Bedarf für andere Einsatzorte eine Rasteralternative hinzu. Bewahre das bearbeitbare Original separat auf; das exportierte SVG gilt als Lieferdatei, sofern Quellbearbeitung nicht vereinbart ist.

Weiterführende Artikel: MDN: SVG und Bildformate

3. PNG: berechenbare Pixel und Transparenz

PNG ist nützlich, wenn jemand ein Rasterbild mit transparentem Hintergrund benötigt. Es hat eine festgelegte Pixelbreite und -höhe. Wähle diese Maße anhand des Einsatzortes, statt anzunehmen, dass eine Datei mit der Bezeichnung „hohe Auflösung“ für alles geeignet ist.

Für eine fiktive Präsentation könntest du ein 1200 Pixel breites transparentes Hauptlogo und eine weiße Version für dunkle Folien liefern. Das ist eine Projektentscheidung, keine Standardgröße. Prüfe, ob das Präsentationstool die Proportionen erhält und das Logo in seiner tatsächlichen Anzeigegröße scharf ist.

Das Vergrößern eines vorhandenen kleinen PNGs stellt die ursprünglichen Vektordetails nicht wieder her. Erstelle einen größeren Rasterexport aus der Mastergrafik, wenn du mehr Pixel benötigst. Achte auf Innenabstände: Eine 1200 Pixel breite Fläche mit einem winzigen Logo in der Mitte liefert weniger nutzbare Logopixel, als die Maße vermuten lassen.

4. EPS: liefern, wenn der Arbeitsablauf es verlangt

EPS bleibt in Produktionsabläufen relevant, die es anfordern. Behandle die Anfrage des Dienstleisters als zu prüfende Spezifikation, einschließlich Farbmodell und Einschränkungen seiner Software. Wähle EPS nicht nur, weil der Dateiname professioneller klingt.

Ein EPS kann Vektordaten und Rasterinhalte enthalten. Prüfe die Grafik selbst. Frage, ob der empfangende Arbeitsablauf Prozess-CMYK oder benannte Sonderfarben erwartet, und kläre den Umgang mit Effekten und Transparenz. Ein reduziertes oder konvertiertes Ergebnis kann anders aussehen als das Original.

Wenn die Druckerei ein bestimmtes CMYK-EPS angefordert hat, liefere diese klar bezeichnete Datei statt eines digitalen SVGs mit geänderter Endung. Eine geänderte Endung ist keine Konvertierung. Halte die freigegebenen Produktionseinstellungen für spätere Nachbestellungen fest.

Weiterführende Artikel: Adobe: Grafiken speichern, einschließlich EPS

5. PDF: Inhalt und Zweck prüfen

PDF eignet sich zum Teilen sichtbarer Assets oder von Dokumenten mit festem Layout. Es kann Vektorformen, Text und Rasterbilder enthalten. Diese Möglichkeiten erklären, warum sich zwei Dateien mit der Endung .pdf sehr unterschiedlich verhalten können.

Ein Logo-PDF und ein PDF-Logo-Leitfaden haben ebenfalls unterschiedliche Aufgaben. Das erste liefert die Grafik. Der zweite erklärt ihre Verwendung und kann Screenshots, Beispiellayouts und Text enthalten. Den Leitfaden an eine Druckerei zu schicken ersetzt nicht die angeforderte Produktionsdatei.

Frage für den Druck, welche PDF-Vorgabe oder welchen Standard, welche Farbräume und welches Ausgabeprofil der Dienstleister benötigt. Prüfe die exportierte Datei anhand dieser Anforderungen. Nimm nicht an, dass ein gewöhnlicher PDF-Export CMYK ist, jedes Objekt vektorbasiert bleibt oder „druckfertig“ für jedes denkbare Druckverfahren gilt.

Weiterführende Artikel: Adobe: PDF-Optionen in Illustrator

6. Trenne Format, Farbe und Größe

Drei Entscheidungen werden leicht verwechselt: Dateiformat, Farbeinstellungen und Maße. Wenn du sie getrennt notierst, lässt sich eine Anfrage leichter prüfen. „PNG, transparent, 600 Pixel breit“ ist hilfreicher als „Webversion“. „PDF mit den vereinbarten Druckereieinstellungen“ ist hilfreicher als „Druckdatei“.

Verwende für digitale Grafiken die vom empfangenden Arbeitsablauf erwarteten Farbeinstellungen. Kläre für den Druck Farbwerte und Profil mit dem Dienstleister. RGB oder CMYK im Ordnernamen hilft bei der Orientierung, beweist aber nicht den Dateiinhalt.

In logopack.app umfassen Standardexporte SVG, PNG, JPG, WebP und CMYK-EPS. Pro kann CMYK-PDF-Logodateien aus unterstützten deckenden SVG-Vektorgrafiken und einen separaten PDF-Logo-Leitfaden ergänzen. Der CMYK-PDF-Export lehnt Rasterbilder, Verläufe, Muster, Filter, Masken und Überblendungseffekte ab, statt unbemerkt auf RGB zurückzufallen. Er liefert weder ein druckereispezifisches Ausgabeprofil noch eine PDF/X-Zertifizierung. Der PDF-Logo-Leitfaden ist ein separates RGB-Referenzdokument. Prüfe deine eigenen Assets anhand der Vorgaben des Dienstleisters; ein Beispiel kann nicht jedes Quelllogo und jeden Druckauftrag bestätigen.

Eine klarere Asset-Anfrage
Website: Hauptlogo als SVG plus transparentes PNG als Alternative
Folien: Hauptlogo und weiße PNGs in vereinbarten Pixelbreiten
Druck: EPS oder PDF nach schriftlicher Spezifikation des Dienstleisters
Anleitung: separater PDF-Leitfaden zu Versionen und Verwendung

7. Prüfe eine echte Datei aus jedem Ausgabetyp

Beginne mit dem Format, das der Empfänger zuerst verwendet. Platziere es in der tatsächlichen Website, im Dokument oder im Produktionsprüfwerkzeug. Prüfe, ob es sich öffnen lässt, richtig aussieht und das Briefing erfüllt. Wiederhole dann die relevanten Prüfungen für die anderen Varianten.

Halte das Paket überschaubar. Mehr Dateiendungen verbessern die Übergabe nicht automatisch. Wenn niemand ein Format benötigt, erkläre, warum es fehlt, und bewahre die Masterdatei auf, damit später ein neuer Export möglich ist.

  • Akzeptiert die App des Empfängers die Datei?
  • Sind Grafik und Buchstabenformen vollständig?
  • Sind Transparenz und Hintergrund beabsichtigt?
  • Reichen die Rastermaße für diesen Einsatz aus?
  • Sind Angaben zu Vektoren und Farben durch Prüfung belegt?
  • Macht der Dateiname den Einsatzzweck deutlich?

IN DIE PRAXIS UMSETZEN

Bereit, dein Paket vorzubereiten?

logopack.app verwandelt bestehende SVG-Grafiken in ein geordnetes Logo-Paket. Sieh dir deine Dateien an, wähle die verfügbaren Exportoptionen und prüfe das Ergebnis vor der Übergabe. Für den Export eigener Logo- oder Icon-Dateien ist Pro erforderlich.

Starte mit dem Logo-Paket-Generator, entdecke die Beispiel-ZIP oder vergleiche die aktuellen Tarife.

Generator öffnen
← Alle LeitfädenKorrektur vorschlagen