Kompresuj SVG

Rozmiar plików SVG (waga obrazu), w przeciwieństwie do bitmap, nie zależy od rozmiaru w pikselach, ale zależy od ilości kodu. W przypadku dużych obrazów zalety formatu SVG są oczywiste. Można założyć, że SVG zawsze przewyższa bitmapy pod względem rozmiaru pliku, ale nie zawsze tak jest. Jeśli tworzysz strony internetowe, być może znasz pliki SVG. Nie jest to bardzo popularny format obrazu, ale jest obsługiwany przez większość nowoczesnych przeglądarek internetowych, takich jak Google Chrome, Microsoft Internet Explorer i Mozilla Firefox. SVG, co oznacza Scalable Vector Graphics, to format grafiki wektorowej oparty na XML. Pliki SVG można zoptymalizować pod kątem trzech rzeczy: rozmiaru pliku, szybkości renderowania i edycji. W większości przypadków konieczna jest optymalizacja pod kątem edycji - zwłaszcza w przypadku złożonych rysunków.

Ilość kodu SVG można zmniejszyć poprzez optymalizację. Usuwanie metadanych. Po zapisaniu w edytorach graficznych (np. Adobe Illustrator) kod SVG zawiera wiele zbędnych informacji, których usunięcie zmniejszy rozmiar pliku i w żaden sposób nie wpłynie na obraz. Usuwanie niepotrzebnych obiektów. Obraz może zawierać niepotrzebne lub ukryte obiekty, a także znaczniki grupujące obiekty, których usunięcie nie wpływa na obraz. Usuwanie nieużywanych klas i identyfikatorów. Podczas edycji obrazów wektorowych edytory graficzne mogą dodawać do tagów klasy i identyfikatory, których ostateczna wersja obrazu nie potrzebuje. Optymalizacja atrybutów tagów. Częste używanie atrybutów można zastąpić właściwościami CSS: przy dużej liczbie elementów może to znacznie zmniejszyć wagę SVG. Usuwanie niepotrzebnych węzłów. Każdy punkt na obrazie wektorowym znajduje odzwierciedlenie w objętości kodu: usunięcie niepotrzebnych węzłów pomoże zmniejszyć jego objętość.