SVG Resize / viewBox Editor

Ändern Sie SVG-Breite, -Höhe und viewBox, ohne an Qualität zu verlieren.

Bild ablegen oder klicken zum Hochladen

Kostenlos testen.

Mussten Sie jemals die Größe eines SVG-Icons für ein neues Website-Layout anpassen oder ein Logo für ein Druckprojekt skalieren, ohne dass es unscharf wurde? Unser SVG-Resizer ist die perfekte Lösung. Da SVGs vektorbasiert sind, können sie ohne Qualitätsverlust auf jede beliebige Größe skaliert werden. Dieses kostenlose Online-Tool ermöglicht es Ihnen, Breite, Höhe und viewBox Ihrer SVG-Dateien sofort zu ändern, sodass sie überall scharf und perfekt aussehen.

So funktioniert unser SVG-Resizer

Die Verwendung dieses Tools ist unglaublich einfach. Laden Sie einfach Ihre SVG-Datei hoch, und Sie sehen Optionen zur Eingabe einer neuen Breite und Höhe in Pixeln. Sie können eine Abmessung angeben und das Tool berechnet die andere, um das Seitenverhältnis beizubehalten, oder Sie legen beide für benutzerdefinierte Abmessungen fest. Das Tool ermöglicht es Ihnen auch, das viewBox-Attribut direkt zu ändern, was Ihnen eine präzise Kontrolle über den sichtbaren Bereich der Grafik gibt. Sobald Sie mit den Änderungen zufrieden sind, können Sie Ihr neu skaliertes SVG sofort herunterladen.

Wann Sie dieses Tool verwenden sollten

Dieses Tool ist für eine Vielzahl von Aufgaben unverzichtbar. Webentwickler und -designer müssen häufig Icons und Logos für responsive Layouts skalieren. Beispielsweise muss ein Logo im Desktop-Header möglicherweise 150px breit sein, aber nur 40px für eine mobile Navigationsleiste. Es ist auch wichtig für die Vorbereitung von Grafiken für den Druck, bei denen Sie ein kleines Web-Logo für ein großes Banner skalieren müssen. Wenn Sie eine Reihe von UI-Elementen erstellen, können Sie mit diesem Resizer verschiedene Größen aus einer einzigen Master-Datei generieren, was Ihnen viel Zeit und Mühe spart. Wir haben eine ganze Reihe von SVG-Vektor-Tools, die Ihnen bei Ihrem Workflow helfen.

Tipps für perfektes SVG-Resizing

Um die besten Ergebnisse zu erzielen, beachten Sie diese Tipps:

Seitenverhältnis beibehalten: Bei den meisten Logos und Icons sollten Sie die ursprünglichen Proportionen beibehalten. Geben Sie einfach eine neue Breite oder Höhe ein, und das Tool berechnet automatisch den anderen Wert, um Verzerrungen zu vermeiden.
Verstehen Sie die viewBox: Die viewBox ist wie ein Fenster auf Ihre SVG-Leinwand. Ihre Anpassung kann eine leistungsstarke Möglichkeit sein, Ihr Bild zu beschneiden oder neu einzurahmen, ohne die zugrunde liegenden Vektorpfade zu verändern.
Vorbereitung für verschiedene Verwendungen: Sobald Ihr SVG die perfekte Größe hat, benötigen Sie es möglicherweise in einem anderen Format. Ziehen Sie unseren SVG-zu-WebP-Konverter für die Webnutzung oder das SVG-zu-PDF-Tool für Dokumente in Betracht.
Entdecken Sie weitere Optionen: Vergessen Sie nicht, unsere vollständige Sammlung von Tools für alle Ihre Bild- und Dokumentkonvertierungsanforderungen anzusehen.

Häufig gestellte Fragen

Wie kann ich ein SVG skalieren, ohne an Qualität zu verlieren?

SVGs sind Vektorgrafiken, daher können Sie sie unendlich skalieren, ohne an Qualität zu verlieren. Unser Tool ändert die Breiten- und Höhenattribute im SVG-Code, wodurch das Bild mathematisch skaliert wird, anstatt Pixel zu strecken.

Kann ich die Breite und Höhe eines SVG in CSS ändern?

Ja, Sie können die Abmessungen eines SVG mit CSS festlegen, was großartig für responsives Design ist. Dieses Tool ändert den Code der Datei direkt, was nützlich ist, um eine permanente Standardgröße festzulegen oder für die Verwendung, wenn CSS nicht verfügbar ist.

Was ist der Unterschied zwischen SVG-Höhe/-Breite und viewBox?

Die width- und height-Attribute definieren die endgültige Anzeigegröße des SVG. Das viewBox-Attribut definiert das Koordinatensystem und das Seitenverhältnis des Grafikinhalts und fungiert wie ein Fenster oder ein Ausschnitt des Bildes.

Ist es besser, ein SVG oder ein PNG zu skalieren?

Bei Grafiken wie Logos und Symbolen ist es immer besser, das ursprüngliche SVG zu skalieren. Das Skalieren eines PNG, das ein Rasterformat ist, führt zu Unschärfe oder Verpixelung, wenn es vergrößert wird.

Wie mache ich eine SVG-Datei kleiner?

Das Ändern der Abmessungen einer SVG-Datei ändert normalerweise nicht ihre Dateigröße. Um die Dateigröße zu reduzieren, müssen Sie die Vektorpfade vereinfachen und unnötigen Code entfernen, was ein SVG-Optimierungswerkzeug erfordert.

Kann ich ein SVG auf ein bestimmtes Seitenverhältnis skalieren?

Ja. Indem Sie sowohl eine neue Breite als auch eine neue Höhe in das Tool eingeben, können Sie das SVG in jedes gewünschte Seitenverhältnis zwingen, auch wenn dies dazu führen kann, dass das Bild gestreckt oder gestaucht aussieht.

Funktioniert dieses Tool auf mobilen Geräten?

Absolut. Unser SVG-Resizer ist ein web-basiertes Tool, das auf jedem Gerät mit einem modernen Browser funktioniert, einschließlich Desktop-PCs, Tablets und Smartphones.

Über SVG Resize / viewBox Editor

SVG Resize / viewBox Editor ist ein kostenloses Online-Tool von Wallpapers.com, das vollständig in deinem Browser läuft – keine Installation, kein Wasserzeichen, keine E-Mail-Registrierung für den ersten Versuch. Ändern Sie SVG-Breite, -Höhe und viewBox, ohne an Qualität zu verlieren.

So funktioniert's SVG Resize / viewBox Editor

Ziehe dein Bild in den Upload-Bereich (einzeln oder in Stapeln — schalte Bulk oben um).
Wähle beliebige Einstellungen, die das Tool anbietet (Größe, Format, Qualität).
Klicke auf Ausführen. Das Ergebnis wird automatisch heruntergeladen — kein manueller Speichervorgang.

Wann verwenden?

Häufige Anwendungsfälle sind: Vorbereitung von Bildern für den Web-Upload, E-Commerce-Listings, Social-Media-Plattformen mit Formatbeschränkungen und Konvertieren von Dateien von einem Gerät oder einer App in eine andere.

Gratis vs. Premium

Jeder Besucher erhält eine kostenlose Testversion; angemeldete kostenlose Benutzer erhalten ein höheres tägliches Kontingent. Abonniere Premium für unbegrenzte Läufe, Stapelverarbeitung von bis zu 200 Bildern pro Auftrag, Prioritätswarteschlange und werbefreies Surfen.