.SVG Dateiendung

Endungen Team Thumbnail Team Endungen.de
SVG Endung
Langform Scalable Vector Graphics Format
Kategorie Vektorgrafikdateien
Hersteller Adobe Systems
Popularität 5.0 / 5

Inhalt

SVG-Dateiformat-Spezifikation

Element Beschreibung
MIME-Typ image/svg+xml
Standardisierung W3C
Dateityp Vektorgrafik
Kompression Nein
Textbasiert Ja
Farbtiefe Unbegrenzt
Unterstützung für Interaktivität Ja
Unterstützung für Animation Ja
Kodierung UTF-8
Transparenzunterstützung Ja
Scriptunterstützung Ja (z.B., JavaScript)
Resolutionsunabhängig Ja
Bearbeitbar mit Texteditoren Ja

Was ist eine SVG datei?

SVG-Dateien ( SVG) sind XML-basierte Bitmap-Bilder, die auf Vektorbasis entwickelt wurden. Ein Vorteil von SVG ist, dass es eine beinahe unbegrenzte Skalierbarkeit besitzt, d.h. sie kann auf virtuelle und gedruckte Medien angepasst werden. Dies macht SVG-Dateien zu einer sehr beliebten Bilddatei im Internet, Online-Publishing, Webseiten und in den meisten Grafikdesignprogrammen.

Um SVG-Dateien zu bearbeiten und zu erstellen wird am besten eine spezielle Software verwendet. Es gibt bereits viele professionelle Programme, die SVG-Format unterstützen, darunter Adobe Illustrator ( AI) Sketch ( SK) oder Inkscape ( INS). Am häufigsten wird jedoch das Adobe Creative Suite ( CS) verwendet, um mit SVG zu arbeiten. Es gibt auch einige speziell für Webentwickler entwickelte Programme wie Amaya ( AM) oder Batik ( BT) zur Bearbeitung und Erstellung von SVG.

Abrechnung von SVG

SVG-Dateien können in vielen gängigen Bildformaten wie GIF, JPEG, BMP, TIFF oder PNG exportiert werden. Die meisten kompatiblen Softwareprogramme haben ein "Export to SVG" Feature. Dies hilft bei der Veröffentlichung auf alles Geräten. Darüber hinaus können die Kompatibilitätsprobleme bei gedruckten Medien vermieden werden, da SVG-Dateien höhere Auflösungen als andere Bildformate haben.

Liste von Programmen, die SVG-Dateien öffnen können

FAQs und Anleitungen

1. SVG-Datei öffnen

Um eine SVG-Datei zu öffnen, verwenden Sie den kostenlosen Inkscape-Editor:

  1. Öffnen Sie Inkscape auf Ihrem Computer.
  2. Gehen Sie zu Datei in der oberen Menüleiste.
  3. Wählen Sie Öffnen... aus dem Dropdown-Menü.
  4. Suchen Sie die SVG-Datei auf Ihrem Computer und wählen Sie sie aus.
  5. Klicken Sie auf Öffnen, um die Datei in Inkscape zu laden.

Inkscape ist eine leistungsstarke, kostenlose Option, um SVG-Dateien zu betrachten und zu bearbeiten.

2. SVG-Datei in PNG konvertieren

SVG-Datei in PNG umwandeln mit Inkscape:

  1. Inkscape herunterladen und installieren:

    2. Inkscape von der offiziellen Website herunterladen und gemäß den Anweisungen installieren.

  2. SVG-Datei öffnen:

    3. In Inkscape auf Datei klicken, dann Öffnen wählen und die gewünschte SVG-Datei auswählen.

  3. Als PNG exportieren:

    4. Gehen Sie zu Datei und wählen Sie Export oder Exportieren als... PNG-Bild.

  4. Export-Einstellungen anpassen:
    • Wählen Sie Seite, Zeichnung oder Auswahl als Exportbereich.
    • Geben Sie die gewünschte Auflösung in dpi ein.
  5. Exportieren:

    6. Klicken Sie auf Exportieren und wählen Sie den Speicherort für das PNG aus.

🎉 Ihre SVG-Datei ist nun als PNG gespeichert!

3. SVG bearbeiten Software

Software Plattform Kosten
Inkscape Windows, macOS, Linux Gratis 💻
Vectr Online, Windows, macOS Gratis 🌐
Gravit Designer Online, Windows, macOS, Linux Gratis 🌐
Adobe Illustrator Windows, macOS Kostenpflichtig 💰

4. SVG in HTML einfügen

  1. Öffnen Sie den HTML-Editor Ihrer Wahl (z.B. Sublime Text, VSCode).
  2. Fügen Sie in der gewünschten Stelle Ihres HTML-Dokuments den folgenden Code ein:
    3. <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /> </svg>
  3. Passen Sie die Attribute wie width, height, cx, cy, r, stroke, stroke-width und fill nach Ihren Wünschen an.
  4. Speichern Sie die Änderungen im HTML-Dokument.
  5. Öffnen Sie die HTML-Datei in einem Webbrowser, um das SVG-Bild anzuzeigen.

5. SVG vs. PNG Vergleich

Kriterium SVG 🖋️ PNG 🖼️
Typ Vektorgrafik Rastergrafik
Skalierbarkeit Unendlich skalierbar ohne Qualitätsverlust Bei starker Vergrößerung tritt Qualitätsverlust auf
Dateigröße Oft kleiner für einfache oder geometrische Formen Größer bei komplexen Bildern
Unterstützung für Transparenz Ja Ja
Anwendungsbereich Logos, Symbole, Zeichnungen Fotos, detaillierte Bilder
Bearbeitbarkeit Einfach über Code oder Software wie Inkscape Erfordert Bildbearbeitungssoftware wie GIMP
Browser-Unterstützung Weitgehend unterstützt Unterstützt

Konvertieren Sie Ihre SVG-Dateien

Weitere Dateiformate mit der SVG-Endung

Die SVG-Dateiendung kann anders beschrieben werden. Unten sind andere Dateinamen im Zusammenhang mit endung SVG.

# Endung Beschreibung
1 SVG Scalable Vector Graphics
2 SVG Scalable Vector Graphics
3 SVG Savegame
4 SVG Scalable Vector Graphics
5 SVG Glossary autosave file
6 SVG Scalable Vector Graphics
7 SVG Scalable Vector Grafics