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.
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 — eine Vektordatei für Druckereien; nahezu universell akzeptiert.
- 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 |
| App-Symbol / PWA | PNG | 192 und 512 |
| E-Mail / Dokumente | PNG | eine moderate feste Größe |
| Druck | PDF (oder EPS) | Vektor; jede Größe sauber |
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.
Wenn Sie Ihr Logo mit LogoSaga bauen, bündelt der Export das SVG, PNG und ein favicon.svg
zusammen, sodass der ganze Satz bereits zusammenpasst — kein Suchen nach der richtigen Datei.
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?
Eine Vektordatei — meist ein PDF (oder EPS, falls angefordert) — damit sie es sauber auf jede Größe skalieren kann. Exportieren Sie es aus Ihrem SVG-Master.
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.
Quellen
- Scalable Vector Graphics (SVG) 2 — W3C
- Image file type and format guide — MDN Web Docs