Logo transparent machen

Auf einen Blick

So geht's

1. Mit der größten verfügbaren Version beginnenDas Logo in einer E-Mail-Signatur ist oft schmaler als 200 px. Such das Original in einem Markenordner, einem Pressekit, einem PDF oder den Bilddateien der Website. Freistellen kann keine Details hinzufügen, die nicht da sind: Eine Quelle mit 2000 px ergibt saubere Kanten, eine mit 150 px weiche, gezackte.
2. Hintergrund entfernen und Innenräume prüfenEntferne den Hintergrund und zoome dann in Buchstaben mit geschlossenen Formen wie O, A, B, e und g sowie in Lücken zwischen Bildmarke und Schriftzug. Auch diese Innenflächen müssen transparent sein, sonst scheint die Farbe der Folie oder Kopfzeile dort nicht durch. Stell die Vorschau auf einen dunklen Hintergrund, um übrig gebliebenes Weiß zu entdecken.
3. Für den Einsatzort exportierenLade ein transparentes PNG für Folien, Dokumente und Merch-Mockups herunter, oder WebP für eine Website, wo es kleiner ist. Erstelle quadratische Versionen für Favicons und Social-Media-Profile, mit Abstand um das Zeichen, damit ein runder Zuschnitt nichts abschneidet.

Tipps und häufige Fehler

• Weißer Rand auf dunklem HintergrundDie Kantenpixel eines auf Weiß gespeicherten Logos sind mit Weiß vermischt, deshalb erscheinen sie nach dem Freistellen auf Marineblau oder Schwarz als heller Umriss. Abhilfe: aus einer größeren Quelle freistellen oder eine eigene helle Logoversion (weiß oder in umgekehrten Farben) für dunkle Hintergründe anlegen. Viele Marken liefern beides.
• SVG nutzen, wenn vorhandenFür ein Logo in der Kopfzeile einer Website empfiehlt MDN SVG, wenn eine Vektorversion existiert, und verlustfreie Formate für Raster-Logos, weil Säume an scharfen Kanten sehr auffallen. Ein transparentes PNG ist die Notlösung, wenn du nur ein Foto oder ein JPG hast.
• Favicons brauchen das Zeichen, nicht den SchriftzugEin Favicon erscheint winzig in Browser-Tabs und Suchergebnissen. Schneide auf das Symbol oder den ersten Buchstaben zu, halte es quadratisch (Google verlangt 1:1) und gib ihm eine volle oder kontrastreiche Form, damit es auf hellen und dunklen Tabs lesbar ist.
• Folien und DokumenteEine PowerPoint-Folie im Breitbildformat misst 13,333 x 7,5 Zoll (16:9). Füge das Logo als PNG ein, nicht als JPG, damit die Folienfarbe durchscheint und kein weißes Rechteck auf einer farbigen Vorlage entsteht.
• Merch und DruckEin Raster-Logo lässt sich nur so scharf drucken, wie seine Pixel es zulassen. Schick der Druckerei die Vektordatei, wenn es eine gibt; nimm das transparente PNG für Mockups, Shop-Angebote und schnelle Probedrucke.
• Logos mit Text in sozialen NetzwerkenFacebook weist darauf hin, dass Profil- und Titelbilder mit Logo oder Text als PNG besser aussehen können. Die verlustbehaftete JPG-Kompression macht scharfe Kanten unscharf und ausgefranst, was bei Text am stärksten auffällt.