Logo-Dateiformate und -Größen: die komplette Checkliste
Sie brauchen keine Dutzende Logo-Dateien — Sie brauchen einen Vektor-Master und einen kurzen Satz von Exporten daraus. Behalten Sie ein SVG als Quelle, exportieren Sie PNGs für Raster-Platzierungen und einen Favicon-Satz für Browser und geben Sie Druckereien ein Vektor-PDF. Diese Checkliste ordnet jedes Format und jede Größe dem Ort zu, an dem sie verwendet wird. Was das LogoSaga-Paket enthält.
Auf dieser Seite
Beginnen Sie mit einem Master, exportieren Sie den Rest
Die goldene Regel der Logo-Dateien: Behalten Sie einen einzelnen Vektor-Master — ein SVG — und erzeugen Sie jede andere Datei daraus. Weil Vektoren ohne Qualitätsverlust skalieren, können Sie jede Größe oder jedes Format später erzeugen. Stattdessen aus einer Rasterdatei zu exportieren ist, wie Logos unscharf werden. Für die vollständige Begründung siehe SVG vs. PNG für Logos.
Die Formate, die Sie brauchen
- SVG — Ihr Master und das Format fürs Web. Skalierbar und winzig.
- PNG — für festgrößige Raster-Platzierungen: Social-Avatare, manche E-Mail- und Dokument-Tools. Unterstützt Transparenz.
- Favicon-Satz — ein SVG-Favicon plus kleine PNGs und ein ICO-Fallback für Browser-Tabs. Siehe wie man ein Favicon macht.
- PDF — ein Dokumentcontainer, der Vektorgrafiken, Rasterbilder oder beides enthalten kann. Die Qualität beim Skalieren hängt vom Inhalt ab; liefern Sie die von der Druckerei geforderte Spezifikation statt nur einer Datei mit PDF-Endung.
- EPS — ein älteres Vektorformat, das manche Druckereien noch anfordern.
- Meiden Sie JPG — keine Transparenz und verlustbehaftete Kompression, die scharfe Kanten verschmiert.
Die Größen, die Sie brauchen, nach Ziel
| Wo es erscheint | Format | Größe / Hinweis |
|---|---|---|
| Website | SVG | skalierbar; Standard am Bildschirm |
| Browser-Tab | SVG + ICO + PNG | Favicon-Satz (32) + Touch-Icon (180) |
| Social-Profil | PNG | quadratisch, in der Größe der Plattform |
| Installierte PWA | PNG + manifest | 192×192, 512×512 |
| Native App | Verwenden Sie die aktuelle Icon-Spezifikation der Plattform; PWA-Größen sind kein allgemeiner nativer App-Satz. | — |
| E-Mail / Dokumente | PNG | eine moderate feste Größe |
| Druck | PDF (oder EPS) | Endgültige Druckgröße; Vektoren oder ausreichende Rasterauflösung nach Vorgabe der Druckerei |
Vergessen Sie die Varianten nicht
Ein vollständiger Satz sind nicht nur Formate und Größen — es sind auch Versionen: ein farbiges Logo, eine einfarbige Version und helle und dunkle Varianten für verschiedene Hintergründe. Diese kommen aus demselben Master und zählen ebenso viel wie der Dateityp. Sie sind Teil Ihrer visuellen Identität.
Organisieren und benennen Sie sie klar
Halten Sie den Master getrennt von den Exporten und benennen Sie Dateien so, dass jeder die richtige
greifen kann — zum Beispiel logo-primary.svg, logo-white.png, favicon.svg,
apple-touch-icon.png und logo-print.pdf. Ein aufgeräumter Ordner ist das, was ein Logo Monate
später tatsächlich nutzbar macht.
Was das LogoSaga-Paket enthält
Das Markenpaket enthält horizontal, stacked, wordmark und badge, jeweils mit transparenten hellen/dunklen SVG und 1024-px-PNG. Dazu kommen drei Favicon-Sätze, Apple180, Android192/512, Web-App-Manifest, recipe.json, README.txt, LICENSES.txt und brand-sheet.pdf. Einzelne PNG-Exporte bieten 512, 1024 oder 2048 px mit transparentem oder festem Hintergrund. Prüfen Sie Dateinamen und Hintergrund vor der Übergabe.
Vor der Übergabe an die Druckerei
brand-sheet.pdf ist eine einseitige Übersicht mit Rasterbild, kein druckfertiges Vektorlogo-PDF. Geben Sie der Druckerei das Quell-SVG und erfragen Sie PDF-Spezifikation, Farbprofil und Proof. Die PDF-Endung beweist keine Vektoren. Prüfen Sie Größe in mm, feine Linien, einfarbige Wiedergabe und Textpfade. Leiten Sie CMYK nicht blind aus HEX ab.
Weiterführende praktische Leitfäden: Logo mit transparentem Hintergrund: PNG und SVG · Logo im Google-Unternehmensprofil: Größe und Upload
Erstellen Sie ein Logo und exportieren Sie den kompletten Dateisatz — kostenlos
Häufige Fragen
Welche Dateiformate brauche ich für mein Logo?
Mindestens: ein SVG-Master, PNGs für Raster-Platzierungen (wie Social-Avatare), einen Favicon-Satz für Browser und ein Vektor-PDF für den Druck. Meiden Sie JPG, das keine Transparenz hat und Kanten aufweicht.
Welche Größe sollte mein Logo haben?
Es gibt keine einzelne Größe — es hängt von der Platzierung ab. Nutzen Sie das skalierbare SVG im Web, exportieren Sie PNGs in der von jedem Ziel empfohlenen Größe und liefern Sie Favicon-Größen (32 und 180) sowie PWA-Größen (192 und 512).
Welche Logo-Datei braucht eine Druckerei?
brand-sheet.pdf ist eine einseitige Übersicht mit Rasterbild, kein druckfertiges Vektorlogo-PDF. Geben Sie der Druckerei das Quell-SVG und erfragen Sie PDF-Spezifikation, Farbprofil und Proof. Die PDF-Endung beweist keine Vektoren. Prüfen Sie Größe in mm, feine Linien, einfarbige Wiedergabe und Textpfade. Leiten Sie CMYK nicht blind aus HEX ab.
Wie sollte ich Logo-Dateien organisieren und benennen?
Halten Sie den SVG-Master separat und benennen Sie Exporte klar nach Format und Verwendung — zum Beispiel logo-primary.svg, logo-white.png, favicon.svg, apple-touch-icon.png, logo-print.pdf.
Wie unterscheidet sich das Markenblatt vom Drucklogo?
brand-sheet.pdf ist eine einseitige Übersicht mit Rasterbild, kein druckfertiges Vektorlogo-PDF. Geben Sie der Druckerei das Quell-SVG und erfragen Sie PDF-Spezifikation, Farbprofil und Proof. Die PDF-Endung beweist keine Vektoren. Prüfen Sie Größe in mm, feine Linien, einfarbige Wiedergabe und Textpfade. Leiten Sie CMYK nicht blind aus HEX ab.
Quellen
- SVG 2 — W3C
- Web app manifest: icons — MDN Web Docs
- App icons — Apple Developer
- ICC Frequently asked questions: color management and profiles — International Color Consortium
- Understand raster and vector files: PDF supports both content types — Adobe