SVG (Scalable Vector Graphics) to format SVG powszechnie używany do tworzenia ikon, logo i diagramów. W tym przewodniku opisano opcje dotyczące zgodności, kompresji, przezroczystości i konwersji.
| Funkcja | Obsługa |
|---|---|
| Przezroczystość | alpha |
| Animacja | native_or_css_script |
| Podstawowe zastosowania | logos, icons, diagrams, charts, responsive graphics |
Rozszerzenie
.svg
Kompresja
text_or_gzip
Obsługa przeglądarki
modern_major
Wynalazca
W3C SVG Working Group
Organizacja wynalazcza
W3C
Rok pochodzenia
2001
Resolution independent
Text based
CSS/script capable
Poor fit for photos
Requires sanitization for untrusted uploads
SVG to tekstowy format wektorowy logo, ikon, diagramów, wykresów i responsywnej grafiki. Skaluje się płynnie, ponieważ opisuje kształty, a nie stałe piksele, ale należy je oczyścić w przypadku akceptowania niezaufanych przesyłanych plików.
SVG został opracowany przez W3C jako język grafiki wektorowej oparty na XML dla Internetu.
Rasteryzuj SVG do PNG, jeśli wymagana jest kompatybilność ze stałymi pikselami. Starannie wybieraj wymiary wyjściowe, skalę, kolor tła i obsługę czcionek.
SVG pozostaje ostry w każdym rozmiarze, dopóki nie zostanie zrasteryzowany. Wyjścia PNG/JPG są migawkami instrukcji wektorowych o stałej rozdzielczości.
SVG może zawierać metadane, osadzone odniesienia, skrypty, łącza i tekst. Oczyść niezaufane SVG i zablokuj ładowanie zasobów zewnętrznych podczas konwersji.
Silna obsługa przeglądarki i edytora wektorów; renderowanie różni się w zależności od czcionek i funkcji.
format slug
svg
inventor
W3C SVG Working Group
strengths
Resolution independent, Text based, CSS/script capable
use cases
logos, icons, diagrams, charts, responsive graphics
weaknesses
Poor fit for photos, Requires sanitization for untrusted uploads
color depth
Vector color model; rasterization target determines pixel depth.
compression
text_or_gzip
origin year
2001
standard owner
W3C
browser support
modern_major
metadata support
XML metadata, RDF, title, desc
software support
Strong browser and vector-editor support; rendering varies by fonts and features.
animation support
native_or_css_script
compression method
XML text; optional gzip for SVGZ
best source formats
eps, pdf, ai
best target formats
png, pdf, jpg
transparency support
alpha
inventor organization
W3C
Obsługa przezroczystości SVG to: alfa. Wybierz format docelowy z obsługą alfa, gdy liczy się przezroczyste tło.
Konwertuj SVG, gdy inny format lepiej odpowiada zgodności, rozmiarowi pliku, przezroczystości, metadanym lub potrzebom edycyjnym.
Brakujące czcionki, zasoby zewnętrzne, CSS lub nieobsługiwane funkcje SVG mogą zmienić wynik rastrowy.
SVG jest znacznikiem i może zawierać skrypty lub odniesienia zewnętrzne. Niezaufany SVG należy oczyścić przed renderowaniem.
Użyj ostatecznego rozmiaru wyświetlacza lub wyeksportuj o rozmiarze 2x/3x w przypadku ekranów o dużej gęstości.
Użyj SVG, jeśli jest obsługiwany w przypadku skalowalnych logo; użyj PNG jako rozwiązania zastępczego dla stałych procesów rastrowych.
W3C - official_spec
MDN Web Docs - browser_documentation