SVG für skalierbare Formen verwenden

Ein Logo im Websitekopf ist vielleicht nur wenige Dutzend Pixel hoch, während dasselbe Logo auf einem gedruckten Display mehrere Meter breit sein kann. SVG beschreibt Grafiken durch Koordinaten, Kurven, Füllungen und Konturen. Ein Vektorlogo lässt sich aus derselben Quelle in beiden Größen darstellen. Designer können die Form oder Farbe einzelner Pfade ändern.

Prüfen Sie den tatsächlichen Inhalt einer SVG, bevor Sie sie als bearbeitbare Masterdatei verwenden. Das Format kann Fotos und andere eingebettete Rasterbilder enthalten. Öffnen Sie die Datei in SVG-Viewer , um die sichtbare Grafik zu prüfen. Wählen Sie anschließend bei Bedarf eine Form in einem Vektoreditor aus, um zu bestätigen, dass ihre Kontur bearbeitbar ist.

PNG verwenden, wenn exakte Pixelabmessungen benötigt werden

PNG speichert ein Pixelraster und kann Transparenz erhalten. Es eignet sich für Screenshots, Produktbilder, Präsentationsgrafiken und Systeme mit fester Bildgröße. Eine transparente PNG lässt sich ohne weißes Rechteck um das Motiv auf einer farbigen Folie oder einem Produktangebotshintergrund platzieren.

Verlangt eine Plattform ein 1.200 Pixel breites Logo, bewahren Sie die SVG-Masterdatei auf und exportieren Sie eine Kopie mit SVG in PNG. Stellen Sie die gewünschte Breite ein, behalten Sie die Proportionen bei und prüfen Sie das Bild vor dem vorgesehenen Hintergrund. Exportieren Sie bei einer anderen Größe erneut aus der Masterdatei.

Eine Rasterkopie vektorisieren, wenn das Vektororiginal fehlt

Eine kleine PNG aus einer alten E-Mail-Signatur ist möglicherweise die einzige verfügbare Kopie eines Logos. Bild vektorisieren kann sichtbare Formen in bearbeitbare Pfade umwandeln. Verwenden Sie die klarste verfügbare Vorlage und entfernen Sie zuerst störende Hintergründe oder Ränder. Ein flächiges Logo mit klar getrennten Farbbereichen bietet der Vektorisierung zuverlässigere Grenzen als ein Screenshot mit Kompressionsartefakten.

Vektorisierung ist eine Interpretation. Vergleichen Sie das Ergebnis mit dem Original bei normaler Größe und starker Vergrößerung. Prüfen Sie Buchstabenöffnungen, kleine Punkte, dünne Striche und spitze Ecken genau. Ist eine Kurve uneben geworden oder fehlt ein Teil eines Buchstabens, korrigieren Sie dies im Vektoreditor, bevor Sie die Vektorisierung zur neuen Masterdatei machen.

Masterdatei und Auslieferungsdatei getrennt halten

Für Websites ist SVG oft eine nützliche Masterdatei für Logos und Symbole, während PNG für Systeme mit vorgegebenen Pixelabmessungen praktisch ist. Fragen Sie Druckereien oder Fertigungsbetriebe nach dem benötigten Format und ob Text in Pfade umgewandelt werden muss. Eine Produktions-PDF, eine Schnittkontur und eine PNG-Vorschau können aus derselben Grafik entstehen und erfüllen jeweils einen anderen Zweck.