SVG-Icons normalisieren
Unterschiedliche Ränder? Richte die sichtbaren Formen auf einem gemeinsamen Raster aus.
Dateien bleiben auf deinem Gerät. Nichts wird hochgeladen.
Bis zu 20 SVG · je 1 MB · insgesamt 10 MB
Einheiten des Ausgaberasters
Nur statische Vektor-Icons. Text, Bilder, Effekte, Animationen und externe Ressourcen werden nicht unterstützt.
Icons vergleichen
Wähle SVG-Dateien oder teste das Beispiel zum Vergleich der Ränder.
Beide Vorschauen nutzen dieselbe Anzeigefläche. Prüfe auch das optische Gewicht, nicht nur die Außenmaße.
Ähnliche Tools
Zwei Icons mit einem viewBox von 24 × 24 können in derselben Navigation trotzdem unterschiedlich groß wirken. Bei einem füllt die Zeichnung fast die gesamte Fläche, beim anderen bleiben breite leere Ränder. Dieses Werkzeug misst die sichtbaren Formen, passt sie proportional in ein quadratisches Raster ein und ergänzt den gewünschten Abstand. So lassen sich Exporte aus verschiedenen Quellen für eine Website oder Benutzeroberfläche vorbereiten. Vergleiche jedes Ergebnis vor dem Download. Die Formen bleiben Vektoren und die Verarbeitung findet direkt in deinem Browser statt.
So geht’s
- Wähle bis zu zwanzig statische SVG-Dateien mit höchstens 1 MB pro Datei und 10 MB insgesamt oder teste die drei Beispiel-Icons.
- Stelle ein Raster mit 16, 24, 32, 48 oder 64 Einheiten und einen Randabstand zwischen null und einem Drittel der Rastergröße ein.
- Entferne leere Ränder, um die sichtbare Zeichnung einzupassen, oder behalte den ursprünglichen Bildausschnitt. Starte die Normalisierung.
- Prüfe jede erfolgreich verarbeitete Datei. Lade ein SVG herunter, kopiere seinen Code oder speichere alle gelungenen Ergebnisse als ZIP.
Was das Tool beherrscht
- Proportionale Skalierung und Zentrierung ohne Verzerrung oder Umwandlung der Pfade in Pixel.
- Messung sichtbarer Füllungen und Konturen mit bis zu 1024 Abtastpixeln und einem zusätzlichen Sicherheitspixel.
- Unterstützt Pfade, einfache Formen, Gruppen, Verläufe, Beschnitt und Masken; meldet nicht unterstützte Inhalte ausdrücklich.
- Heller und dunkler Vorschauhintergrund zur Kontrolle schwarzer Icons, weißer Formen und transparenter Bereiche.
- Verarbeitet Dateien nacheinander, zeigt einzelne Fehler und unterscheidet doppelte Dateinamen im ZIP.
FAQ
Bleibt das Ergebnis eine echte Vektordatei?
Ja. Das Pixelbild dient nur dazu, die sichtbaren Grenzen einschließlich der Konturen abzuschätzen. Die heruntergeladene Datei enthält die ursprünglichen Vektorelemente innerhalb eines transformierten SVG-Ansichtsbereichs. Es wird kein PNG anstelle der Pfade eingebettet, und die Formen werden weder neu gezeichnet noch vereinfacht.
Wirken danach alle Icons gleich groß?
Das Werkzeug gleicht geometrische Grenzen ab, nicht das wahrgenommene Gewicht. Ein dünner Kreis und ein ausgefülltes Quadrat können bei identischen Außenmaßen noch unterschiedlich wirken. Prüfe den Satz in seiner tatsächlichen Anzeigegröße und nimm bei Bedarf optische Korrekturen in einem Vektoreditor vor.
Warum wird mein SVG abgelehnt?
Diese Version verarbeitet eigenständige statische Vektorgrafiken. Skripte, Animationen, externe Ressourcen, eingebettete Bilder, Text, use-Verweise, Filter und CSS-Klassen werden abgelehnt. Wandle Text in Pfade um und exportiere ein einfaches SVG. Besonders komplexe Zeichnungen und vollständig transparente Dateien erhalten ebenfalls eine eigene Fehlermeldung.
Werden Dateien hochgeladen oder im ZIP kleiner?
Die Dateien und Ergebnisse bleiben im Arbeitsspeicher des Browsers; zur Verarbeitung wird nichts hochgeladen oder in der Seitenadresse gespeichert. Das ZIP bündelt die Downloads ohne Kompression der Einträge. Die Normalisierung ergänzt eine SVG-Hülle und kann eine einzelne Datei etwas größer machen.
Aktualisiert am