Format SVG
Wcale nie piksele — instrukcje rysowania kształtów, dzięki czemu pozostaje ostry w każdym rozmiarze.
Czym jest SVG?
SVG to format wektorowy oparty na XML. Zamiast przechowywać siatkę pikseli, przechowuje geometrię: ścieżki, okręgi, gradienty, tekst. Przeglądarka renderuje to w dowolnym wymaganym rozmiarze, więc logo SVG jest równie ostre na telefonie, jak i na bilbordzie.
Dla płaskiej, geometrycznej grafiki jest również bardzo mały. Logo, które jako PNG miałoby 40 KB, często ma 2 KB jako SVG i wymaga tylko jednego pliku, a nie jednego na gęstość pikseli.
Ponieważ jest to XML, SVG może zawierać skrypty, zewnętrzne odniesienia i osadzone style. To sprawia, że jest to prawdziwie aktywna zawartość, a SVG z niezaufanego źródła powinien być traktowany z taką samą ostrożnością jak plik HTML — dlatego KaiConvert nigdy nie wstrzykuje dowolnych znaczników SVG do strony.
Typowe zastosowania
- Loga, ikony i grafika interfejsu
- Wykresy i wizualizacja danych
- Ilustracje i grafika liniowa, które muszą się skalować
- Wszystko, co musi być renderowane wyraźnie w każdej gęstości
Zalety
- Niezależny od rozdzielczości — ostry w każdym rozmiarze
- Bardzo małe pliki dla grafiki geometrycznej
- Możliwość stylizacji i animacji za pomocą CSS
- Tekst w SVG pozostaje prawdziwym, możliwym do zaznaczenia tekstem
Ograniczenia
- Nieodpowiedni do zdjęć
- Złożone ilustracje mogą być wolne w renderowaniu
- Może zawierać skrypty, więc niezaufane pliki SVG stanowią zagrożenie bezpieczeństwa
- Renderowanie może się subtelnie różnić między silnikami dla zaawansowanych funkcji
Obsługa przeglądarek
Uniwersalne dla renderowania. KaiConvert traktuje przesłane SVG jako niezaufane: jest rasteryzowane w izolowanym elemencie obrazu, a nie wstawiane bezpośrednio do DOM, więc osadzone skrypty nigdy nie są wykonywane.