Scalable Vector Graphics (.svg)

W3C Τυπικό

Scalable Vector Graphics (SVG) is an XML-based vector image format for two-dimensional graphics with support for interactivity, CSS styling, and animation.

Εφευρέτης: World Wide Web Consortium (W3C)Έτος: 2001MIME: image/svg+xml

Μετατροπή SVG σε PNG

Δωρεάν μετατροπέας από SVG σε PNG εντός του προγράμματος περιήγησης. Μετατρέψτε αρχεία άμεσα στη συσκευή σας.

Συμπίεση SVG Online

100% ιδιωτική συμπίεση στο πρόγραμμα περιήγησης – τα αρχεία δεν φεύγουν ποτέ από τη συσκευή σας

Επιθεώρηση & Μεταδεδομένα

Τα λειτουργικά συστήματα και τα εργαλεία ανάλυσης αρχείων αναγνωρίζουν τα αρχεία SVG ελέγχοντας την αρχική δυαδική ακολουθία byte:

Επιλέξτε ή σύρετε αρχεία

Επιλέξτε ή αποθέστε αρχεία εδώ

100% ιδιωτική μετατροπή εντός προγράμματος περιήγησης - τα αρχεία δεν φεύγουν ποτέ από τη συσκευή σας

ή επικόλληση Ctrl+V
Εγγύηση Απορρήτου Μηδενικής Μετάδοσης Δικτύου: 0 byte μεταφορτώθηκαν σε εξωτερικούς διακομιστές. Όλη η επεξεργασία πραγματοποιήθηκε τοπικά στο sandbox του προγράμματος περιήγησής σας.

Υπογραφή κεφαλίδας σε επίπεδο byte (Magic Bytes)

Τα λειτουργικά συστήματα και τα εργαλεία ανάλυσης αρχείων αναγνωρίζουν τα αρχεία SVG ελέγχοντας την αρχική δυαδική ακολουθία byte:

ΔΕΚΑΕΞΑΔΙΚΗ ΥΠΟΓΡΑΦΗ (OFFSET 0):

3C 73 76 67

ΑΝΑΠΑΡΑΣΤΑΣΗ ASCII: <svg

Τυποποίηση: W3C Recommendation (SVG 1.1 / SVG 2)

Τεχνικές Προδιαγραφές

Αρχιτεκτονική ΠεριέκτηXML-based text markup document defining 2D vector geometry
ΣυμπίεσηGzip / Brotli text compression (SVGZ uses gzip compression)
Endianness ByteNot applicable (Text-based UTF-8 / UTF-16 character stream)
Χρωματικοί ΧώροιsRGB, CSS Color Module 4 (Display P3, lab, lch)
Κανάλια & ΔομήUnlimited resolution vector shapes, bezier curves, typography, and opacity masks
Μέγιστες ΔιαστάσειςResolution-independent (scales infinitely to any viewport without pixelation)
ΔιαφάνειαFull variable alpha transparency and CSS blend modes
Streaming & Προοδευτική ΦόρτωσηProgressive text stream parsing supported by browser XML parser

Τεχνικός Πίνακας Σύγκρισης: SVG έναντι Ανταγωνιστών

Τεχνικό χαρακτηριστικόSVG (Τρέχον)HTML5 CanvasPDFPNG
Rendering ModelRetained mode vector DOMImmediate mode bitmap canvasRetained mode fixed page containerRaster pixel grid
Styling & CSSFully styleable via CSS classes and variablesRequires JavaScript canvas API redrawsNo dynamic CSS stylingFixed raster pixels
Infinite ScalabilityYes (mathematical vector curves)Requires manual resolution scalingYes (vector elements)No (pixelates when enlarged)
InteractivityNative DOM events (hover, click, animations)Requires manual hit detection mathStatic documentRequires image map or canvas

Συνηθισμένοι Τρόποι Διαφθοράς & Οδηγός Ανάκτησης Hex

⚠️ Browser displays XML Parsing Error: unclosed token or mismatched tag.

Βασική Αιτία: Malformed XML syntax, missing closing tags, or unescaped ampersands ('&' instead of '&amp;').

Ανάκτηση: Validate with an XML linter (xmllint file.svg) and correct unbalanced tags.

Ανάλυση Ασφάλειας & Διανύσματα Επίθεσης Parser

Because SVG is executable XML that supports '<script>' tags and external entities, it presents significant XSS and SSRF risks if untrusted SVGs are displayed.

Γνωστά διανύσματα επίθεσης

  • Stored Cross-Site Scripting (XSS) via embedded '<script>' tags or 'onload=' event handlers.
  • XML External Entity (XXE) attacks reading local server files when parsed on backend servers.
  • Billion Laughs XML entity expansion causing denial of service.

Βέλτιστες αμυντικές πρακτικές: Always sanitize SVGs using DOMPurify before embedding, or serve SVGs with 'Content-Security-Policy: default-src 'none'' or as '<img>' tags which automatically disable scripts.

Ιστορική Αναδρομή & Ορόσημα

2018W3C SVG 2 Candidate Recommendation integrates modern CSS styling.
2011SVG 1.1 (Second Edition) standardizes universal mobile and desktop browser support.
2001W3C publishes SVG 1.0 specification developed from VML and PGML proposals.

Κύρια Πλεονεκτήματα

  • Infinite resolution independence: crisp lines and typography on any display or print scale.
  • Extremely small file size for logos, icons, and UI interface elements.
  • Fully scriptable and styleable via CSS and JavaScript inside the browser DOM.

Τεχνικοί Περιορισμοί & Μειονεκτήματα

  • Unsuitable for photographs or complex continuous-tone imagery.
  • Complex vector paths with thousands of nodes can cause CPU rendering lag and high battery drain.
  • XML nature allows embedded scripting, requiring strict sanitization before rendering untrusted uploads.

Ενδιαφέροντα Τεχνικά Στοιχεία

  • Because SVG is plain XML text, compressing it with Gzip (producing an .svgz file) often reduces size by 70%–80%.
  • The viewBox attribute defines an abstract coordinate canvas that maps dynamically to physical screen pixels.

Συχνές Τεχνικές Ερωτήσεις

Can SVG files contain malicious code?

Yes. Because SVG is valid XML, it can contain embedded JavaScript ('<script>') that executes if the SVG is loaded directly in a browser or opened in an inline '<svg>' element. Serving SVGs via an '<img>' tag automatically neutralizes script execution.

When should I use SVG instead of PNG?

Use SVG for icons, logos, charts, illustrations, and typography where crisp scaling across all screen sizes and small file sizes are required. Use PNG or WebP for photographs.

Σχετικά ζεύγη μετατροπής SVG

SVG σε PNG

Rasterize resolution-independent SVG vector graphics into high-resolution PNG bitmap assets.

PNG σε SVG

Trace and vectorize high-contrast PNG bitmap images into scalable SVG paths.

SVG σε PDF

Compile SVG vector graphics into scalable, printable PDF documents.

PDF σε SVG

Extract vector graphics and paths from PDF pages into standalone SVG files.

DXF σε SVG

Convert 2D CAD DXF drawings into web-viewable SVG vector diagrams.

SVG σε DXF

Export SVG vector shapes into AutoCAD DXF format for CNC and CAD processing.