Die Druckerei für die Vereinstrikots schreibt zurück: „Bitte senden Sie uns das Logo als Vektordatei.“ Vorhanden ist nur ein JPG von der Webseite, 400 Pixel breit. Diese Lage kennen viele Vereine, Handwerksbetriebe und Selbstständige. Es gibt einen schnellen Weg, der oft reicht, und einen sorgfältigen, der manchmal nötig ist.
Pixel oder Vektor: der Unterschied
Ein PNG oder JPG besteht aus einem Raster farbiger Punkte. Vergrößert man es, werden die Punkte größer, die Kanten treppig. Eine Vektorgrafik beschreibt dagegen Formen: „Kreis mit Mittelpunkt hier, Radius so, Farbe dunkelblau.“ Der SVG-Standard des W3C nennt diese Formen Pfade, zusammengesetzt aus Geraden und Kurven. Weil der Rechner sie in jeder Größe neu zeichnet, bleibt ein Vektorlogo auf der Visitenkarte wie auf dem Messebanner scharf.
Druckereien brauchen Vektoren aus einem zweiten Grund: Viele Verfahren arbeiten mit Konturen statt mit Pixeln. Ein Schneideplotter fährt die Ränder der Folie ab, eine Stickmaschine braucht Flächen für jede Garnfarbe, ein Lasergravierer folgt Linien. Ein Pixelbild können diese Maschinen nicht direkt verarbeiten.
Zuerst suchen, dann vektorisieren
Bevor Sie nachzeichnen: Oft existiert die Vektordatei schon. Fragen Sie die Person, die das Logo entworfen hat, oder die Druckerei, die zuletzt Briefpapier oder Schilder gedruckt hat. Schauen Sie in alte Druck-PDFs. Bei Logos auf Webseiten lohnt ein Blick, ob die Seite das Logo als SVG einbindet. Prüfen Sie jede gefundene Datei mit starkem Zoom: Nur wenn die Kanten bei 800 Prozent noch scharf sind, handelt es sich wirklich um Vektoren.
Die Wege im Vergleich
| Weg | Kosten | Geeignet für | Grenzen |
|---|---|---|---|
| Bild vektorisieren im Browser | kostenlos | Logos mit 1 bis 16 Farben, Unterschriften, Strichzeichnungen | keine Verläufe, keine Nachbearbeitung einzelner Punkte |
| Inkscape, „Bitmap nachzeichnen“ | kostenlos | wie oben, plus Nachbearbeitung von Hand | Einarbeitung nötig |
| Adobe Illustrator, „Bildnachzeichner“ | Abo | wie Inkscape, mehr Voreinstellungen | Kosten |
| Grafiker zeichnet nach | nach Aufwand | Verläufe, feine Schrift, schlechte Vorlagen | Zeit und Geld |
Inkscape ist ein freies Vektorprogramm für Windows, Mac und Linux. Importieren Sie das Bild, markieren Sie es und wählen Sie „Pfad“, „Bitmap nachzeichnen“. Für ein einfarbiges Logo nehmen Sie einen einzelnen Scan mit Helligkeitsschwelle, für mehrere Farben die Variante mit mehreren Scans nach Farben. Das Nachzeichnen übernimmt dort die Bibliothek Potrace. Der Vorteil gegenüber einem reinen Umwandler: Sie können danach einzelne Knoten verschieben, Flächen löschen oder die Schrift durch echten Text ersetzen.
Im Browser geht es schneller, wenn keine Nachbearbeitung nötig ist. Bild vektorisieren reduziert die Farben, zeichnet die Ränder nach und schreibt eine SVG mit einem Pfad je Farbe. Das Bild bleibt auf Ihrem Gerät.
Schritt für Schritt: Vereinslogo für den Textildruck
Ein Beispiel. Das Logo eines Sportvereins liegt als JPG mit 400 × 400 Pixeln vor: ein dunkelgrüner Kreis, ein weißer Schriftzug, ein gelber Ball. Der Hintergrund ist weiß.
- Bild vektorisieren öffnen, das JPG hineinziehen und als Art „Logo“ wählen.
- Die Farbzahl auf 2 stellen: Grün und Gelb. Weiß ist hier zugleich Hintergrund und Schriftfarbe. Wird der Hintergrund transparent, ist auch die Schrift nur noch eine Lücke im grünen Kreis. Für ein dunkles Trikot ist das sogar gewünscht, die Stofffarbe scheint dann durch.
- Soll die Schrift weiß gedruckt werden, bleibt es bei 2 Farben und transparentem Hintergrund. Öffnen Sie die SVG danach in Inkscape und füllen Sie die Schrift dort weiß. Schalten Sie „Hintergrund transparent“ stattdessen aus, legt das Werkzeug ein weißes Quadrat hinter das Logo, das beim Textildruck mitgedruckt würde.
- Mit dem Schieber Original und Vektor vergleichen. Kleine Ränder an den Kanten bedeuten: eine Farbe zu viel. Eckige Rundungen: Glättung erhöhen.
- Die SVG herunterladen. Braucht die Druckerei PDF, öffnen Sie die SVG in Inkscape und speichern sie als PDF.
Weil die Vorlage unter 600 Pixel breit ist, rechnet das Werkzeug sie vorher hoch, die Kurven werden dadurch runder. Grenzen hat das trotzdem: Was im JPG schon verwaschen ist, etwa ein dünner Schriftzug, wird auch im Vektor unsauber.
Unterschriften und Strichzeichnungen
Dasselbe Verfahren hilft bei mehr als Logos. Eine Unterschrift, auf weißem Papier mit dunklem Stift geschrieben und bei Tageslicht fotografiert, wird im Modus „Unterschrift“ zu einer sauberen Vektorform ohne grauen Papierrand. Die Schwelle zwischen Tinte und Papier bestimmt das Werkzeug automatisch nach dem Verfahren von Otsu aus dem Helligkeitsverlauf des Bildes. Sind feine Striche löchrig, schieben Sie die Schwelle von Hand nach. Ähnlich gut klappen Strichzeichnungen, Stempel und Scherenschnitte: alles, was aus klaren Linien und wenigen Farben besteht. Für Lasergravur wählen Sie wenig Glättung, damit feine Linien erhalten bleiben.
Prüfliste für das Ergebnis
- Zoom auf 400 Prozent: Sind Kreise rund, Geraden gerade, Ecken spitz?
- Farben zählen: Hat das Ergebnis genau so viele Farben wie das Original? Zusätzliche Farbtöne stammen meist aus JPG-Artefakten oder Kantenglättung.
- Kleine Flecken: Einzelne Inseln aus wenigen Punkten fallen beim Plotten als Schnipsel auf. Glättung erhöhen oder in Inkscape löschen.
- Schrift lesen: Sind dünne Buchstaben vollständig, oder fehlen Bögen und Punkte?
- Hintergrund: Soll er wirklich weg? Für Folie und Stick meist ja, für Briefpapier oft egal.
Dateiformate für Vektorlogos
Vektor ist nicht gleich Vektor. Je nach Einsatz verlangen Druckereien und Maschinen unterschiedliche Formate. Die meisten lassen sich mit Inkscape ineinander umwandeln.
| Format | Typischer Einsatz | Hinweis |
|---|---|---|
| SVG | Webseiten, Schneideplotter, Office-Programme | offener Standard des W3C, in jedem Browser sichtbar |
| Druckereien, Briefpapier, Visitenkarten | kann Vektoren und Pixelbilder enthalten; nur prüfen hilft | |
| EPS | ältere Druckvorstufe, Werbetechnik | wird zunehmend durch PDF ersetzt |
| AI | Arbeitsdatei von Adobe Illustrator | ohne Illustrator nur eingeschränkt zu öffnen |
| DXF | Lasercutter, CNC-Fräsen, CAD | speichert Linien, keine Farbflächen |
Fragen Sie im Zweifel, was die Maschine erwartet. Eine Stickerei braucht am Ende ohnehin eine eigene Stickdatei, die sie aus Ihrem Vektor erstellt. Für den Lasergravierer zählen geschlossene Konturen, für den Folienplott möglichst wenige, saubere Flächen. Bewahren Sie die fertige SVG zusammen mit der ursprünglichen Bilddatei auf, damit niemand beim nächsten Auftrag wieder von vorn anfangen muss.
Wann sich ein Grafiker lohnt
Automatisches Nachzeichnen hat Grenzen, die keine Einstellung behebt. Farbverläufe und Schatten werden zu Stufen aus einfarbigen Flächen. Schrift wird nachgezeichnet statt gesetzt und wirkt bei genauem Hinsehen weich. Eine schlechte Vorlage, etwa ein Foto vom Schild über der Werkstatt, liefert schiefe Linien. Für ein Logo, das jahrelang auf Fahrzeugen, Fassaden und Drucksachen steht, lohnt sich eine saubere Neuzeichnung. Für das Vereinsfest-Plakat, die eigene Urkunde oder einen Aufkleber reicht das automatische Ergebnis meistens.
Typische Fehler
- JPG mit starker Kompression: Die Blockmuster werden als Formen mitgezeichnet. Nehmen Sie die beste verfügbare Vorlage, möglichst PNG.
- Zu viele Farben: Jede Mischfarbe an einer Kante bekommt eine eigene Fläche. Lieber eine Farbe weniger.
- Vektor gleich Druckfarbe gedacht: Eine SVG enthält RGB-Farben wie am Bildschirm. Für Sonderfarben oder genaue CMYK-Werte muss die Druckerei die Farben zuordnen. Nennen Sie ihr die gewünschten Farbwerte, falls bekannt.
- Foto vektorisiert: Ein Foto wird zu einem Plakatbild mit großen Farbflächen und oft mehreren Megabyte. Als Effekt nett, als Ersatz für das Foto nicht.
Das Logo weiterverwenden
Ein sauberes SVG-Logo lässt sich auf vielen Wegen einsetzen. In Urkunde erstellen setzen Sie es als SVG oben in die Mitte von Sieger- und Teilnahmeurkunden. Das Werkzeug übernimmt es als Bild mit 1.200 Pixeln an der längsten Seite ins PDF, das reicht für die übliche Logogröße auf einer Urkunde. Eintrittskarten erstellen nimmt das Logo als PNG oder JPG; exportieren Sie das Vektorlogo dafür in hoher Auflösung, dann sind die Kanten auch auf gedruckten Karten sauber. Eine Unterschrift, die als Vektor ins PDF soll, wandeln Sie im selben Werkzeug im Modus „Unterschrift“ um.