Logogrößen für Web, Social Media, E-Mail und Druck
Logogrößen richten sich danach, wo das Logo erscheint: ein Quadrat von etwa 400 × 400 px für ein Profilbild in sozialen Netzwerken, ein breites Logo von etwa 400 × 100 px für den Header einer Website, 100 bis 300 px Breite in einer E-Mail-Signatur, 16 bis 512 px für ein Favicon-Set und für den Druck eine Vektordatei oder 300 dpi (Punkte pro Zoll) in der gedruckten Größe. Halten Sie ein Vektororiginal bereit und exportieren Sie jede Größe daraus. Jede Plattformangabe unten verlinkt auf die Hilfeseite der Plattform selbst; Stand der Größen: 4. November 2026.
Der kostenlose Logo-Finder exportiert transparente PNG-Dateien in 512, 1024, 2048 und 4096 px, ein quadratisches Icon, ein Favicon-Paket und Vektordateien für den Druck, von jeder Firmenwebsite oder aus Ihrer eigenen Datei.
Wie groß sollte ein Logo auf einer Website sein?
Ein Logo im Website-Header ist meist ein breites Bild von etwa 400 × 100 px, gespeichert in doppelter Anzeigegröße, damit es auf hochauflösenden Bildschirmen scharf bleibt, oder besser noch ein SVG, das in jeder Größe scharf ist. Das Theme-Handbuch von WordPress nutzt in seinem Beispiel für ein benutzerdefiniertes Logo 400 × 100 px mit flexibler Breite und Höhe, und der Blog von Shopify empfiehlt 400 × 100 px für ein breites Logo auf dem Desktop.
| Logo | Größe | Quelle |
|---|---|---|
| Header-Logo, breit | 400 × 100 px auf dem Desktop, 160 × 40 px auf Mobilgeräten | Shopify-Blog |
| Header-Logo, quadratisch | 100 × 100 px auf dem Desktop, 60 × 60 px auf Mobilgeräten | Shopify-Blog |
| Benutzerdefiniertes Logo in WordPress | 400 × 100 px im Beispiel des Handbuchs, mit flexibler Breite und Höhe | WordPress-Entwicklerhandbuch |
| Logo in den strukturierten Daten der Seite | Mindestens 112 × 112 px, muss auf weißem Hintergrund gut aussehen | Google Search Central |
| Hochauflösende Bildschirme | Doppelte Anzeigegröße oder ein SVG | MDN |
MDN erklärt die Verdopplung: Auf einem Bildschirm mit zwei Gerätepixeln pro CSS-Pixel lädt der Browser die größere Datei, und das Logo zeigt bei gleicher Größe mehr Details. Ein SVG erübrigt die Frage, denn es „lässt sich stufenlos auf die gewünschte Größe skalieren“ (MDN). Für das Logo, das in den strukturierten Daten einer Website genannt wird, gilt: Google verlangt mindestens 112 × 112 px, und es muss auf Weiß gut aussehen.
Wie groß sollte ein Logo für Social Media sein?
Profilbilder in sozialen Netzwerken sind quadratisch, und die meisten Plattformen empfehlen 320 bis 720 px Seitenlänge: LinkedIn 400 × 400 px für das Logo einer Unternehmensseite, X 400 × 400 px für ein Profilfoto, Facebook 320 × 320 px für das Profilbild einer Seite und das Google Unternehmensprofil 720 × 720 px für Fotos. Halten Sie das Logo in der Mitte des Quadrats, denn Facebook schneidet das Profilbild kreisförmig zu.
| Plattform | Logo oder Profilbild | Titelbild oder Banner | Dateien | Quelle |
|---|---|---|---|---|
| LinkedIn-Unternehmensseite | 400 × 400 px empfohlen, mindestens 268 × 268 px | 1512 × 256 px | PNG oder JPEG, bis 3 MB | LinkedIn-Hilfe |
| Facebook-Seite | 320 × 320 px für beste Qualität; angezeigt mit 176 × 176 px auf Computern und 196 × 196 px auf Smartphones, kreisförmig zugeschnitten | Mindestens 400 × 150 px; lädt am schnellsten als sRGB-JPG mit 851 × 315 px unter 100 KB | Für Logos und Text kann ein PNG ein besseres Ergebnis liefern | Facebook-Hilfebereich |
| X | 400 × 400 px empfohlen | 1500 × 500 px; oben und unten können 60 px abgeschnitten werden | JPEG, GIF oder PNG; Profilfoto unter 2 MB | X-Hilfe-Center |
| YouTube | Wird mit 98 × 98 px angezeigt | Mindestens 2048 × 1152 px im Format 16:9, Text und Logos innerhalb von 1235 × 338 px | Bild: JPG, GIF, BMP oder PNG bis 15 MB; Banner bis 6 MB | YouTube-Hilfe |
| Google Unternehmensprofil | 720 × 720 px empfohlen, mindestens 250 × 250 px | Für Fotos gelten dieselben Regeln | JPG oder PNG, 10 KB bis 5 MB | Google Unternehmensprofil-Hilfe |
| 320 × 320 px, quadratisch, wie Größenratgeber empfehlen (Instagram nennt keinen offiziellen Wert) | Kein Titelbild | Ein quadratisches Bild | Sprout Social |
Ein quadratisches Original mit 1024 × 1024 px reicht für alle Profilbilder oben: Es ist größer als die größte Empfehlung von 720 × 720 px, und jede Plattform skaliert es herunter. Der Download Favicons im Logo-Finder setzt das Logo genau dafür in ein Quadrat. Für Titelbilder und Banner setzen Sie das breite Logo auf einen Hintergrund in der Markenfarbe, innerhalb des Sicherheitsbereichs von 1235 × 338 px bei YouTube und außerhalb der 60 px, die X abschneiden kann.
Wie groß sollte ein Logo in einer E-Mail-Signatur sein?
Ein Logo in der E-Mail-Signatur ist meist 100 bis 300 px breit und 30 bis 100 px hoch. Hochgeladen wird es in doppelter Größe und im HTML der Signatur auf die Hälfte verkleinert, damit es auf hochauflösenden Bildschirmen scharf bleibt (Email Signature Rescue). Exclaimer empfiehlt, die gesamte Signatur etwa 600 px breit und ihre Bilder möglichst unter 50 KB zu halten, als PNG oder JPEG (Exclaimer).
| Maß | Größe | Quelle |
|---|---|---|
| Angezeigte Logobreite | 100 bis 300 px | Email Signature Rescue |
| Angezeigte Logohöhe | 30 bis 100 px | Email Signature Rescue |
| Hochzuladende Datei | Doppelte Anzeigegröße, im HTML halbiert | Email Signature Rescue |
| Gesamte Signatur | Etwa 600 px breit | Exclaimer |
| Dateigröße | Möglichst unter 50 KB | Exclaimer |
| Format | PNG, für Logos und transparente Hintergründe | Email Signature Rescue |
Prüfen Sie das Logo im Dark Mode, bevor Sie es überall einsetzen: Mehrere E-Mail-Apps machen helle Hintergründe dunkel, und ein dunkles Logo auf einem transparenten PNG kann verschwinden. Die Lösungen, von einer dünnen weißen Kontur bis zu einer weißen Version, die Apple Mail stattdessen anzeigt, finden Sie unter So erstellen Sie ein Dark-Mode-Logo.
Welche Favicon-Größen gibt es?
Eine Website braucht diese Favicon-Größen: eine favicon.ico für den Browser-Tab, ein Apple-Touch-Icon mit 180 × 180 px für den Home-Bildschirm des iPhones und Icons mit 192 × 192 und 512 × 512 px im Web-App-Manifest, die Chrome verlangt, bevor sich eine Website als App installieren lässt. Für Suchergebnisse verlangt Google ein quadratisches Favicon von mindestens 8 × 8 px und empfiehlt eines, das größer als 48 × 48 px ist.
| Datei | Größe | Verwendung | Quelle |
|---|---|---|---|
| favicon.ico | Mehrere Größen in einer Datei, bis 256 × 256 px | Das klassische Icon im Browser-Tab | MDN |
| .ico für Windows | Mindestens 16, 24, 32, 48 und 256 px in einer Datei | Desktop-Verknüpfungen, Taskleiste und App-Icons unter Windows | Microsoft Learn |
| PNG-Favicon | Quadratisch, mindestens 8 × 8 px; größer als 48 × 48 px empfohlen | Browser-Tabs und Google-Suchergebnisse | Google Search Central |
| SVG-Favicon | Jede Größe, da Vektorgrafik | Chromium-basierte Browser und Firefox; kann im Dark Mode die Farben wechseln | web.dev |
| apple-touch-icon | 180 × 180 px für das iPhone; 152 × 152 und 167 × 167 px für das iPad | Home-Bildschirme von iPhone und iPad | Apple, archivierter Safari-Leitfaden |
| Icons im Web-App-Manifest | 192 × 192 und 512 × 512 px | Installation der Website als App in Chrome | web.dev |
| Maskierbares Icon | Das Logo innerhalb eines mittigen Kreises mit einem Radius von 40 % der Icon-Breite | Adaptive Icons unter Android, bei denen die äußeren 10 % abgeschnitten werden können | web.dev |
Das Favicon-Paket des Logo-Finders erstellt all das aus einem Logo: eine favicon.ico für den Browser-Tab, eine icon-256.ico mit allen Größen von 16 bis 256 px, PNG-Icons, darunter das Apple-Touch-Icon mit 180 px und die Manifest-Icons mit 192 und 512 px, und das site.webmanifest, das sie auflistet, samt den Zeilen zum Einfügen in den Head-Bereich der Seite. Für eine einzige Icon-Datei, die auch Windows abdeckt, macht der kostenlose PNG-in-ICO-Konverter aus jedem PNG oder Logo eine .ico-Datei mit 16, 24, 32, 48, 64, 128 und 256 px. Um zu sehen, was eine andere Website verwendet, holt der Favicon-Grabber ihre Icons anhand der Adresse. Ein dunkles Icon auf einem transparenten Quadrat kann in einem dunklen Browser-Tab verschwinden; mit einem SVG-Favicon, das eigene Farben für den Dark Mode hat, bleibt es sichtbar.
Wie groß sollte ein Logo für den Druck sein?
Als Vektordatei hat ein Logo für den Druck keine Größengrenze; als Pixelbild braucht es etwa 300 Pixel pro gedrucktem Zoll. Diesen Richtwert nennen die Druckereien selbst (Vistaprint, 4imprint). Die Pixelbreite eines PNG geteilt durch 300 ist also die größte Breite, in der es gedruckt werden sollte. Die Tabelle zeigt, wie weit jede PNG-Größe des Logo-Finders reicht.
| PNG-Breite | Druckbar bis | Reicht für |
|---|---|---|
| 512 px | 1,7 Zoll (43 mm) | Kleine Logos, etwa auf einem Etikett oder Schlüsselanhänger |
| 1.024 px | 3,4 Zoll (87 mm) | Fast die volle Breite einer 3,5 Zoll breiten Visitenkarte |
| 2.048 px | 6,8 Zoll (173 mm) | Logo auf der linken Brust eines Shirts, 3 bis 4 Zoll breit |
| 4.096 px | 13,7 Zoll (347 mm) | Großer Frontdruck auf einem Shirt, 10 bis 12 Zoll breit |
Für Textilien gilt dieselbe Rechnung: Der Platzierungsratgeber von Vistaprint setzt ein Logo auf der linken Brust mit 3 bis 4 Zoll Breite an und einen großen Frontdruck mit 10 bis 12 Zoll, also sind 1.200 und 3.600 px die Zielwerte. Schilder, die man aus der Entfernung liest, kommen mit weniger Pixeln pro Zoll aus, wie Bildauflösung für den Druck erklärt, und Logodateien für den Druck listet die Dateien auf, die Sie schicken sollten. Um ein Logo in Originalgröße auf einer Karte zu prüfen, setzt der kostenlose 3D-Kreditkarten-Mockup-Generator es in 3D auf eine CR80-Karte.
Wie groß sollte eine Logo-Animation sein?
Eine Logo-Animation entsteht im Format des Bildschirms, auf dem sie läuft: 1080 × 1920 px (9:16) für Instagram Reels, TikTok und YouTube Shorts, 1080 × 1350 px (4:5) oder 1080 × 1080 px (1:1) für Feeds und 1920 × 1080 px (16:9) für YouTube und Websites. Der Leitfaden von Meta für Reels-Anzeigen legt Reels auf 9:16 fest, TikTok empfiehlt Hochformat-Videos in 9:16, YouTube zählt quadratische Videos und Videos im Hochformat mit bis zu drei Minuten Länge als Shorts, und 16:9 ist das Standard-Seitenverhältnis von YouTube auf Computern.
Genau diese vier Formate exportiert das kostenlose Logo-Animations-Tool, mit dem Logo so im Bild, dass die Schaltflächen und Untertitel, die jede App über das Video legt, es nicht verdecken. Längen, maximale Dateigrößen und Sicherheitsbereiche jeder Plattform finden Sie unter So animieren Sie ein Logo. Stand der Videoquellen: 5. November 2026.
Wie erstellen Sie alle Logogrößen aus einer Datei?
Erstellen Sie alle Logogrößen aus einem Vektororiginal: Exportieren Sie jede Größe aus dem SVG, PDF oder EPS, statt einen früheren Export neu zu skalieren, denn beim Vergrößern werden die Pixel eines Bildes nur größer, Details kommen keine hinzu. Fünf Exporte decken alle Einsatzorte in diesem Ratgeber ab, vom Favicon bis zum großen Frontdruck auf dem Shirt:
- Ein breites Logo für Website-Header als SVG, dazu ein PNG in doppelter Anzeigebreite.
- Eine quadratische Version mit mittig gesetzter Bildmarke in 1024 × 1024 px für Profilbilder und App-Icons.
- Eine weiße Version für dunkle Hintergründe, den Dark Mode und E-Mails.
- Ein Favicon-Set: die ICO-Datei, das Apple-Touch-Icon mit 180 px und die Manifest-Icons mit 192 und 512 px.
- Druckdateien: PDF oder EPS, dazu ein PNG mit 300 dpi in der größten Druckgröße.
Noch kein Vektororiginal? Der Logo-Finder holt es von der Website des Unternehmens, und das Tool Logo vektorisieren zeichnet ein vorhandenes PNG als Vektor nach. Welches Format jeder Export haben sollte, steht in Logo-Dateiformate erklärt.
Logogrößen: Fragen und Antworten
Kurze Antworten mit konkreten Zahlen: Websites, LinkedIn, Facebook, Favicons und Druck.
Fragen Sie unsWelche Größe ist für ein Logo am besten?
Die eine beste Größe gibt es nicht, denn jeder Einsatzort zeigt ein Logo in seiner eigenen Größe. Halten Sie ein Vektororiginal (SVG, PDF oder EPS) bereit und exportieren Sie daraus: ein Quadrat mit 1024 × 1024 px für Profilbilder, ein breites Logo von etwa 400 × 100 px für Website-Header, für hochauflösende Bildschirme in doppelter Größe gespeichert, und ein Favicon-Set.
Wie groß sollte ein Logo in Pixeln sein?
Für einen Website-Header etwa 400 × 100 px, gespeichert in doppelter Anzeigegröße. Für Social-Media-Profile ein Quadrat mit 400 × 400 px oder mehr. Für eine E-Mail-Signatur 100 bis 300 px Breite. Für den Druck 300 Pixel pro gedrucktem Zoll: 1.200 px für ein Logo mit 4 Zoll Breite.
Welche Logogröße braucht LinkedIn?
LinkedIn empfiehlt für das Logo einer Unternehmensseite 400 × 400 px bei einem Minimum von 268 × 268 px und für das Titelbild 1512 × 256 px. Laut LinkedIn-Hilfe müssen beide PNG- oder JPEG-Dateien mit bis zu 3 MB sein (Stand: 4. November 2026).
Wie groß ist das Profilbild einer Facebook-Unternehmensseite?
Facebook empfiehlt für das Profilbild einer Seite 320 × 320 px. Angezeigt wird es mit 176 × 176 px auf Computern und 196 × 196 px auf Smartphones, kreisförmig zugeschnitten. Halten Sie das Logo deshalb in der Mitte. Für Logos und Text kann laut Facebook eine PNG-Datei ein besseres Ergebnis liefern.
Wie groß ist ein Favicon?
Eine Website braucht eine favicon.ico, ein Apple-Touch-Icon mit 180 × 180 px und Icons mit 192 × 192 und 512 × 512 px in ihrem Web-App-Manifest. Die Google Suche verlangt ein quadratisches Favicon von mindestens 8 × 8 px und empfiehlt eines, das größer als 48 × 48 px ist.
Welche Auflösung braucht ein Logo für den Druck?
Ein Vektorlogo (PDF, EPS, AI oder SVG) hat keine feste Auflösung und wird in jeder Größe scharf gedruckt. Ein PNG oder JPG braucht etwa 300 dpi in der gedruckten Größe: Multiplizieren Sie die Druckbreite in Zoll mit 300. Ein Logo mit 4 Zoll Breite braucht also 1.200 Pixel in der Breite.