Wissen / Logo-Dateien

Logo-Dateien: Wann SVG, PNG und PDF sinnvoll sind

Kurz gesagt: Eine brauchbare Logo-Datei muss zur konkreten Anwendung passen. SVG eignet sich für skalierbare Webgrafiken, PNG für Programme mit Rasterbildimport und ein passend exportiertes PDF für abgestimmte Druckabläufe. Entscheidend bleiben Inhalt, Abmessungen, Hintergrund und Kompatibilität. Lassen Sie deshalb nicht nur Dateiendungen liefern, sondern die vereinbarten Anwendungen mit den tatsächlichen Dateien prüfen.

Veröffentlicht am / Redaktion: Ruhrstack / 9 Minuten Lesezeit

01 / EINSATZ

Beginnen Sie mit den Medien, in denen das Logo gebraucht wird.

Eine Dateiliste wird erst durch konkrete Anwendungen aussagekräftig.

„Wir brauchen das Logo in guter Qualität“ beschreibt noch keinen brauchbaren Auftrag. Im schmalen Websitekopf muss eine Wortmarke anders funktionieren als auf einem Veranstaltungsposter. Eine Präsentationsvorlage kann ein bestimmtes Bildformat verlangen; die Druckerei benötigt möglicherweise ein PDF mit festgelegten Eigenschaften. Schreiben Sie zuerst auf, wo das Zeichen eingesetzt wird, wie groß es dort erscheint und wer die Datei einfügt.

Eine kleine Anwendungsliste kann Websitekopf, Angebotsdokument, Präsentation und gedruckte Karte enthalten. Halten Sie zu jedem Medium den hellen oder dunklen Untergrund und das tatsächlich verwendete Programm fest. Auch eine breite Wortmarke und eine kompakte Bildmarke sind verschiedene Anwendungen. Das Dateiformat allein entscheidet nicht, ob die verfügbare Variante dafür geeignet ist.

Prüfen Sie vorhandene Dateien zunächst unverändert. Ein Screenshot einer alten Website ist ein Hinweis auf die frühere Darstellung, aber kein Ersatz für die ursprüngliche Zeichnung. Fragen Sie nach einer vorhandenen Vektorquelle, bevor jemand das Zeichen neu nachbaut. Der Beitrag zum Designsystem erklärt die gemeinsamen Gestaltungsregeln; hier geht es gezielt um die Nutzbarkeit der einzelnen Logodatei.

Für die Auswahl hilft eine konkrete Frage: Wer öffnet welche Datei in welchem Zielmedium? Kann niemand diese Frage beantworten, entstehen leicht viele Exporte, von denen im Alltag trotzdem keiner richtig passt.

02 / SVG

SVG hält gezeichnete Formen skalierbar.

Der Inhalt der Datei entscheidet, ob tatsächlich eine Vektorgrafik vorliegt.

Die SVG-Spezifikation des W3C beschreibt ein Format für zweidimensionale Vektoren und gemischte Vektor-/Rastergrafiken. Ein gezeichnetes Zeichen lässt sich dadurch in verschiedenen Größen darstellen. Eine SVG-Datei kann allerdings auch ein eingebettetes Foto oder Pixelbild enthalten. Wird eine unscharfe Vorlage nur in eine SVG-Hülle gelegt, gewinnt sie keine neuen Details.

Für ein Logo aus klaren Formen ist SVG auf einer Website häufig passend. Die MDN-Formatübersicht ordnet SVG unter anderem skalierbaren Oberflächengrafiken zu. Daraus folgt kein Vorrang in jedem Programm: Ein Vorlageneditor kann SVG ablehnen oder einzelne Funktionen anders behandeln. Der Test im vorgesehenen Editor gehört deshalb zur Entscheidung.

Sehen Sie das Zeichen in der kleinen Zielgröße und vergrößert an. Bleiben feine Linien erkennbar? Gibt es einen ungewollt großen leeren Rand? Sind Rundungen und Buchstaben vollständig sichtbar? Eine sauber gesetzte Zeichenfläche erleichtert die Platzierung. Sie ersetzt keinen bewussten Schutzraum um die Marke; dieser kann als Anwendungsregel zusätzlich nötig sein.

Bei Schriftbestandteilen muss feststehen, ob die Datei auf installierte Schriften angewiesen ist oder die Buchstaben als Formen enthält. Eine exportierte Nutzungsdatei und die weiterhin bearbeitbare Quelle können sich unterscheiden. Änderungen am Namen sollten später in der Quelle stattfinden, nicht durch hastiges Verschieben einzelner Buchstaben in einem Webexport.

03 / PNG

PNG braucht genügend Pixel für den vorgesehenen Einsatz.

Transparenz und Bildgröße werden zusammen geprüft.

PNG ist ein Rasterformat. Die MDN-Übersicht nennt die präzise Wiedergabe und Transparenz als typische Stärken. Für eine Präsentation, ein Profilbild oder einen Editor ohne SVG-Unterstützung kann das praktisch sein. Die Datei besitzt jedoch eine feste Zahl von Bildpunkten. Eine größere Darstellung erzeugt daraus keine zusätzlichen gezeichneten Details.

Vereinbaren Sie deshalb Pixelabmessungen anhand des Zielsystems, statt lediglich „hochauflösend“ zu verlangen. Ein schmaler Websiteplatz und ein groß ausgefülltes Präsentationsblatt haben verschiedene Anforderungen. Mehrere passende Exporte können sinnvoller sein als eine einzige riesige Datei. Ein unnötig großer Export kann beim Einfügen zusätzlichen Ballast verursachen und wird von manchen Systemen erneut umgerechnet.

Die Inkscape-Dokumentation zum PNG-Export erläutert unter anderem Exportbereich, Pixelgröße und Hintergrundtransparenz. Diese Einstellungen erklären ein häufiges Alltagsproblem: Eine Datei sieht im Vorschaubild richtig aus, enthält aber entweder eine deckende Fläche oder viel leeren Raum. Legen Sie sie testweise auf einen hellen und einen dunklen Untergrund.

Eine helle Logovariante auf transparentem Grund kann in einer weißen Dateivorschau scheinbar leer wirken. Benennen Sie die Variante deshalb verständlich und zeigen Sie ihren vorgesehenen Untergrund. Prüfen Sie außerdem die Kanten bei tatsächlicher Darstellungsgröße. Ein Bild kann bei starker Vergrößerung Pixel zeigen und in der vorgesehenen kleinen Anwendung trotzdem vollkommen geeignet sein.

04 / PDF

PDF ist eine mögliche Austauschdatei für Druck, kein Qualitätsstempel.

Auch ein PDF kann ungeeignete Bilder, Schriften oder Exporteinstellungen enthalten.

Die Inkscape-Hilfe zum PDF-Export erläutert, dass PDF Vektoren und Rasterbilder enthalten kann und der Export nicht alle Eigenschaften der ursprünglichen Zeichnung gleich übernimmt. Bewahren Sie die bearbeitbare Quelle auf. Eine PDF-Endung garantiert weder eine reine Vektorzeichnung noch die Eignung für jeden Druckauftrag.

Fragen Sie die empfangende Druckerei nach ihren Vorgaben. Ein einzelnes Logo zur Platzierung ist etwas anderes als eine vollständig eingerichtete Druckdatei mit Endformat und Beschnitt. Wenn das Logo später Teil eines Flyers wird, muss auch dieser Flyer passend vorbereitet werden. Ein inhaltlich richtiges Logo-PDF kann dafür eine Zutat sein, ohne bereits den gesamten Auftrag abzudecken.

Kontrollieren Sie den konkreten PDF-Export: Sind alle Teile vorhanden? Entsprechen Schriften, Transparenzen und Effekte dem freigegebenen Motiv? Hat sich der sichtbare Rand verändert? Vergleichen Sie die Datei mit der Quelle bei gleicher Größe. Besonders Schatten oder andere Effekte können beim Formatwechsel anders verarbeitet werden; ihre Behandlung gehört zur Exportprüfung.

Für eine interne Dateiliste genügt eine klare Zuordnung wie „Logo für Layoutplatzierung, Druckvorgaben gesondert prüfen“. Diese Aussage ist nützlicher als „universell druckfertig“. Soll später zusätzlich eine bestickte Jacke oder eine Beschriftung entstehen, erfragen Sie den dort benötigten Datenweg separat. Nicht jedes Produktionsverfahren übernimmt dieselben Dateien unverändert.

05 / DATEIMATRIX

Eine Anwendungsmatrix macht den Bedarf prüfbar.

Das folgende Beispiel einer kleinen Beratung ist fiktiv und keine Ruhrstack-Referenz.

Welche Nutzungsdatei für welchen Zweck geprüft wird
AnwendungAusgangspunktKonkreter Test
WebsitekopfSVG der WortmarkeKleine Ansicht, dunkler und heller Untergrund, vollständige Zeichen
PräsentationPNG oder unterstütztes SVGIn der tatsächlichen Vorlage einfügen und exportieren
Gedruckte KarteAbgestimmtes Logo-PDFPlatzierung und Druckvorgaben im fertigen Layout prüfen
Spätere BearbeitungVereinbarte QuelldateiÖffnen, Bestandteile und benötigte Schriften nachvollziehen

Die Matrix ist eine redaktionelle Planungshilfe. Tragen Sie Ihre tatsächlichen Programme und Medien ein. Ein Feld bleibt bewusst offen, wenn die spätere Anwendung noch unbekannt ist. Dadurch wird erkennbar, ob zunächst nur ein vorhandenes Zeichen exportiert werden muss oder eine zusätzliche Variante und Prüfung gebraucht wird.

Fügen Sie zu jeder geprüften Datei den eindeutigen Namen, den Freigabestand und den zuständigen Empfänger hinzu. Ein ruhiger Name mit Variante und Zweck hilft mehr als mehrere Dateien namens „final-neu“. Für ein gemeinsames Verzeichnis sollte außerdem klar sein, welche Dateien freigegebene Nutzungsdateien und welche bloße Entwürfe sind.

Der Aufwand ergibt sich aus den Anwendungen. Vier Dateien können vollständig genügen; vierzig Dateien können trotzdem eine benötigte Variante vermissen lassen. Entscheidend ist, ob die gewählten Kombinationen den vereinbarten Alltag abdecken.

06 / EINBINDUNG

Prüfen Sie das Logo in der wirklichen Anwendung.

Ein korrektes Exportformat kann durch die spätere Einbindung unbrauchbar werden.

Verzerrungen entstehen oft erst beim Platzieren. Wird die Breite geändert, die Höhe aber festgehalten, verliert das Zeichen seine Proportionen. Ebenso können automatische Bildzuschnitte Teile einer Wortmarke abschneiden. Kontrollieren Sie daher das fertige Dokument oder die fertige Website, nicht nur die Datei im Vorschaufenster.

Bei einer Website kommt die Bedeutung des Bildes hinzu. Die W3C-Hinweise zu funktionalen Bildern erklären, dass eine allein verlinkte Bildmarke einen Text benötigt, der das Linkziel verständlich macht. Steht derselbe Zweck bereits als zugänglicher Linktext daneben, kann eine zusätzliche Beschreibung redundant sein. Die richtige Einbindung hängt von der konkreten Stelle ab.

Prüfen Sie außerdem die endgültige Darstellung auf einem schmalen Bildschirm. Eine breite Wortmarke kann neben einem Menü mehr Platz brauchen als erwartet. Eine kleine Bildmarke löst dieses Problem nur, wenn diese Variante tatsächlich vereinbart und im Kontext erkennbar ist. Mehr zur Prüfung von Motiv und Zielgröße enthält Website-Bilder auswählen und optimieren.

Wenn sich beim Einfügen etwas verändert, halten Sie Zielprogramm, verwendete Datei und beobachtete Abweichung fest. „Der Text wirkt schmaler“ ist zusammen mit einer konkreten Vorlage untersuchbar. Ohne diesen Kontext wird häufig erneut exportiert, obwohl die Ursache im Dokumentlayout oder einer automatischen Konvertierung liegt.

07 / ZUSAMMENARBEIT

Vereinbaren Sie nutzbare Ergebnisse statt einer Sammlung von Endungen.

Gute Gestaltung berücksichtigt den späteren Einsatz bereits bei der Auswahl der Dateien.

Ruhrstack beschreibt auf der Design-Leistungsseite, dass Einsatzzweck, benötigte Formate und vereinbarte Anwendungsregeln vorab geklärt werden. Für einen Logoauftrag lässt sich daraus ein konkretes Gespräch führen: Welche Medien kommen zuerst, welche Varianten existieren und welche Nutzung muss am Ende nachweislich funktionieren?

Der Nutzen dieser Abstimmung liegt in weniger Rätselarbeit beim nächsten Einsatz. Ein verständlich zugeordnetes PNG kann für einen Büroalltag wertvoller sein als eine zusätzliche Spezialdatei ohne Erklärung. Eine erhaltene Quelle erleichtert spätere Anpassungen, wenn ihre Bearbeitung und Weitergabe im Auftrag vorgesehen sind. Umfang und Nutzungsfragen gehören deshalb in die konkrete Vereinbarung.

Bereiten Sie eine bestehende Datei und zwei typische Anwendungen vor. Dafür reichen zunächst etwa Ihre Website-Adresse und die Beschreibung einer Präsentation oder Drucksache. Zugangsdaten werden für diese erste Einordnung nicht benötigt. Allgemeine Zuständigkeiten, Konten und Dokumentation einer fertigen Website behandelt separat die Website-Übergabe.

Eine gemeinsam geprüfte kleine Auswahl ist ein handhabbares Ergebnis: Sie wissen, welche Datei Sie einsetzen, wann Sie Rückfragen stellen und welche neue Anwendung zusätzliche Arbeit verlangt. Daraus wird ein nutzbarer Markenbaustein statt eines Ordners, dessen Inhalt erst beim nächsten Auftrag entschlüsselt werden muss.

08 / QUELLEN

Quellen und redaktioneller Stand.

Die Quellen wurden am 22. Oktober 2026 geprüft. Alle verlinkten Primärquellen wurden am 22. Oktober 2026 geprüft. Die Anwendungsmatrix und die Dateitests sind eigene redaktionelle Arbeitshilfen; konkrete Exportvorgaben hängen von Anwendung und Empfänger ab.

  1. W3C: Scalable Vector Graphics 2: SVG beschreibt Vektoren und gemischte Vektor-/Rasterinhalte; eine Dateiendung allein belegt keine reine Vektorzeichnung. Abgerufen am 22. Oktober 2026.
  2. MDN: Image file type and format guide: Einordnung von SVG und PNG samt typischen Einsatzfeldern und Transparenz. Abgerufen am 22. Oktober 2026.
  3. Inkscape: Exporting a PNG File: Exportbereich, Pixelabmessungen und Hintergrundtransparenz. Abgerufen am 22. Oktober 2026.
  4. Inkscape: Exporting a PDF File: Unterschiede zur bearbeitbaren SVG-Quelle und Eigenschaften des PDF-Exports. Abgerufen am 22. Oktober 2026.
  5. W3C WAI: Functional Images: Textalternativen für allein verlinkte Logos und Vermeidung redundanter Beschriftungen. Abgerufen am 22. Oktober 2026.

Redaktioneller Hinweis: Dieser Beitrag dient der allgemeinen Information und ersetzt keine Einzelfallprüfung. Trotz sorgfältiger Recherche wird keine Gewähr für Vollständigkeit und fortdauernde Aktualität übernommen. Eine Haftung nach zwingenden gesetzlichen Vorschriften bleibt unberührt. Redaktionelle Einordnung.

Welche Logo-Dateien brauchen Sie im Alltag?

Zeigen Sie uns Ihr vorhandenes Logo und nennen Sie die geplanten Medien. Daraus lässt sich eine passende Auswahl von Dateien und Anwendungen abstimmen.

Logo-Anwendungen besprechen