Product Design, Manufacturing & Innovation Resources
Heim » Online-Tools » Online-SVG-Optimierer

Online-SVG-Optimierer

Laden Sie einfach eine beliebige SVG-Datei hoch oder fügen Sie ihren Code ein, und Sie erhalten viele Werkzeuge, um Ihre ursprüngliche Form zu optimieren und zu vereinfachen und das zusätzliche Oktett oder Ko zu erhalten.

Beachten Sie, dass es sich bei komplexen SVG-Dateien lohnt, aber wenn Ihre SVG-Datei von einem bekannten Icon-Anbieter oder ähnlichem stammt, werden Sie nicht viel erreichen, da diese bereits damit arbeiten.

Auch nützlich zur Untersuchung verdächtiger SVG-Dateien, da diese alles Mögliche außer Formen und Farben enthalten können.

Disziplinen: Webentwicklung, Grafikdesign, UI-Design.
Free alternative to Adobe Illustrator SVG export, Scour, SVGO CLI.
Online SVG Optimizer compared with Adobe Illustrator SVG export, Scour and SVGO CLI
Online SVG Optimizer (SVGOMG)Adobe Illustrator SVG exportScourSVGO CLI
Technische Grundlage: The page is a graphical front end to SVGO and states that it is powered by SVGO v4.0.0. About 50 toggles cover metadata, comments, hidden elements, number rounding, path merging and style minification.Technische Grundlage: Illustrator writes SVG from the artwork and offers export options, among them a Minify option that generates code with minimal IDs, indents, lines and spaces. It does not run a post-processing plugin chain comparable to SVGO.Technische Grundlage: A Python optimizer that cleans and shortens SVG. It offers fewer switches than SVGO and the latest PyPI release listed is 0.38.2 of November 2020.Technische Grundlage: A Node.js library and command line tool with a plugin architecture, a default preset, and a configuration file (svgo.config.mjs). It is the engine behind the online page.
Ein- und Ausgänge: You open a file or paste markup, change options, and compare the original with the result. Settings include Prettify markup, Compare gzipped, Multipass, and number and transform precision.Ein- und Ausgänge: Output is produced from the open document through File > Export > SVG, either per artboard or for a selection. Adobe advises against reopening the exported SVG in Illustrator for edits and recommends editing the original .ai file.Ein- und Ausgänge: Input and output are files: scour -i input.svg -o output.svg. A .svgz extension on the output gives a compressed file.Ein- und Ausgänge: Takes single files, lists of files or whole folders (recursive option), and writes to named outputs.
Control and repeatability: Settings are set by hand in the page and suit one file at a time. There is a reset-all button to return to defaults.Control and repeatability: Choices are made in the SVG Options dialog at each export, tied to the artwork workflow.Control and repeatability: Flags can be repeated in scripts and applied to batches of files.Control and repeatability: A configuration file lets a team keep identical settings, and individual plugins of the default preset can be enabled, disabled or modified.
Security handling: The page offers a toggle to remove scripts. This helps to inspect a file from an unknown source, but it is an optimization setting and not a dedicated sanitizer.Security handling: Illustrator does not claim to clean third-party SVG files for security, since it exports your own artwork.Security handling: The documentation checked does not describe script removal, so do not count on it for security.Security handling: A removeScripts plugin deletes script elements and event attributes such as onload and onclick, and collapses anchor elements. The plugin documentation warns that it breaks interactive SVG that depends on JavaScript.
Lizenz und Kosten: Free web page, MIT licence for the source code. The page does not state a privacy policy or whether files stay in the browser.Lizenz und Kosten: Needs an Adobe subscription. The Illustrator single-app plan is a paid subscription on an annual plan billed monthly, as listed on the Adobe plans page.Lizenz und Kosten: Free, Apache License 2.0.Lizenz und Kosten: Free, MIT licence.
Wann man es wählen sollte: Choose it to tune a single complex SVG and see the effect on size immediately. Gains are small on files that an icon supplier has already optimized.Wann man es wählen sollte: Choose it when the SVG is created in Illustrator and a cleaner export is enough.Wann man es wählen sollte: Choose it for a Python-based pipeline with simple needs.Wann man es wählen sollte: Choose it for build automation and repeatable team settings in a Node.js project.

Behandelte Themen: SVG, Optimierung, Vereinfachung, Dateigröße, Oktett, Ko, komplexes SVG, Symbollieferant, Inspektion, verdächtiges SVG, Formen, Farben, Webgrafiken, Vektorgrafiken, Leistung, Effizienz, Sicherheit ISO/IEC 29500, ISO 32000, SVG 11, ISO/IEC 14496-22 und W3C SVG.

Privatsphäre: wir haben keine Rückmeldung über mögliche Probleme mit diesem Tool und dem Autor. Aber wie bei vielen Online-Diensten stellen Sie auch hier Ihre eigenen Daten zur Verfügung. Je nachdem, wie kritisch Ihre Daten sind, liegt es in Ihrer Verantwortung, den Ruf des Autors und den möglichen Missbrauch zu bewerten und dessen Geschäftsbedingungen zu prüfen und zu akzeptieren oder nicht.

Mehr 2D-Grafiken Werkzeuge

Empfehlen Sie Ihr bestes Online-Tool:

Kennen Sie eine bessere, ergänzende oder alternative Website zu der oben genannten?

> Hier vorschlagen <

10. Jahr Jubiläum

Bilder in voller Größe und Downloads sind nur für registrierte Mitglieder 100% kostenlos verfügbar.

> Login <