Pliki SVG często stają się ciężkie z powodu metadanych edytora, nadmiernej liczby miejsc dziesiętnych i skomplikowanych ścieżek. Ta lista kontrolna pomaga zmniejszyć rozmiar bez zakłócania efektów wizualnych.
1) Usuń wzdęcia strukturalne
- Usuń metadane, komentarze i przestrzenie nazw specyficzne dla edytora.
- Spłaszcz zbędne grupy i usuń nieużywane definicje, maski i klipy.
- Usuń ukryte warstwy, które nigdy nie są renderowane w środowisku produkcyjnym.
2) Dostosuj geometrię do rozmiaru
- Zmniejsz precyzję ścieżki do bezpiecznego progu dziesiętnego dla skali interfejsu użytkownika.
- Jeśli to możliwe, łącz kompatybilne ścieżki i upraszczaj złożone krzywe.
- Używaj symboli/spritów dla powtarzających się ikon, aby uniknąć powielania ładunku.
3) Sprawdź poprawność w prawdziwym kontekście
- Przetestuj ikony na docelowych kolorach tła i zakresach DPR.
- Porównaj przed i po na kluczowych ekranach, aby uchwycić subtelne regresje wizualne.
- Śledź powstałe oszczędności w bajtach i egzekwuj limity w CI.