SVG zuschneiden
☞ läuft komplett in deinem Browser — nichts wird hochgeladenSVG hier ablegen
oder klicken zum Auswählen — nur SVG
Vorschau
OneImageTool
Kostenlose Bildtools
SVG zuschneiden
Zieh einen Rahmen über dein SVG und wähle den Ausschnitt, den du behalten willst. Es ändert sich nur die viewBox — jeder Pfad bleibt exakt wie er war, du kannst also jederzeit wieder aufziehen.
oder klicken zum Auswählen — nur SVG
Vorschau
ein Fenster, kein Messer
Ein SVG trägt seine Zeichnung in einem Koordinatensystem, und die viewBox ist das Fenster, durch das du darauf schaust. Verschieb dieses Fenster und das Bild ist zugeschnitten — kein Pfad wird bearbeitet, kein Punkt gelöscht, nichts neu gezeichnet. Deshalb ist das Ergebnis in jeder Größe pixelgenau, und deshalb bekommst du die ganze Zeichnung zurück, wenn du das Fenster später wieder aufziehst.
Der Haken: Die Datei wird nicht kleiner. Was außerhalb des Fensters liegt, steckt weiterhin drin, es wird nur nicht angezeigt. Soll es wirklich weg, schneide hier zu und schick die Datei danach durch den SVG-Optimierer.
drei Schritte
Wähle eine .svg-Datei — sie bleibt auf deinem Gerät.
Fass ein, was du behalten willst, oder tipp exakte viewBox-Werte ein.
Dieselbe Grafik, nur ein neues Fenster darauf.
kurze Antworten
Nein, und das ist so gewollt. Zuschneiden verschiebt die viewBox, die Formen außerhalb stehen also weiterhin in der Datei — der Browser zeichnet sie nur nicht. Schick die zugeschnittene Datei durch den SVG-Optimierer, wenn die Reste verschwinden sollen.
Ja. Weil nichts gelöscht wurde, holst du die vollständige Zeichnung zurück, indem du die zugeschnittene Datei hier erneut öffnest und den Rahmen wieder aufziehst. Das ist der praktische Unterschied zum Zuschneiden eines JPG.
Es sind viewBox-Nutzereinheiten — das eigene Koordinatensystem des SVG. Eine Datei kann 24 Einheiten breit sein und mit 512 Pixeln rendern. Die Attribute width und height werden für dich proportional mitskaliert, damit die zugeschnittene Datei in der erwarteten Größe erscheint.
Dann wird eine ergänzt, passend zu width und height der Datei. Ohne viewBox gibt es kein Fenster zum Verschieben, das Zuschneiden hätte also keinen Angriffspunkt. Optisch ändert die Ergänzung nichts.
Wenn dein SVG keine width- und height-Attribute hatte — der übliche Aufbau bei Icons, deren Größe per CSS kommt — bleibt das so. Diese Attribute werden nur dann neu geschrieben, wenn sie von Anfang an da waren.
Nein. Die Datei wird in deinem Browser geparst und neu geschrieben.