SEOMaster
SVG (grafika wektorowa) (SVG)
Grafika opisana matematycznie — skaluje się bez utraty jakości.
Co to jest SVG (grafika wektorowa)?
SVG (Scalable Vector Graphics) to format grafiki opisanej matematycznie — punktami, liniami i krzywymi — zamiast siatką pikseli. Dzięki temu skaluje się bez utraty ostrości na każdym ekranie i przy każdym powiększeniu.
To zwykły kod XML, więc SVG można stylować CSS-em, animować i osadzać wprost w HTML. Idealny do logo, ikon i prostych ilustracji (jak diagramy w tym słowniku).
Dlaczego to ważne dla SEO
SVG jest ostry na ekranach o wysokiej rozdzielczości, lekki dla prostej grafiki i elastyczny (kolory, animacje). Dla logo i ikon to niemal zawsze najlepszy wybór.
Jak to sprawdzić
Sprawdź, czy logo i ikony są w formacie .svg lub osadzone jako <svg>. Dla zdjęć SVG się nie nadaje — tam stosuj WebP/AVIF.
Częste błędy
- Używanie SVG do zdjęć (ogromne, nieefektywne pliki)
- Nieoptymalizowane SVG z edytora (zbędne metadane)
- Brak title/aria dla ikon niosących znaczenie
Przykład
<svg viewBox="0 0 24 24"><path d="…"/></svg>