Ikony w menu strony mają być ostre na ekranach o dowolnej gęstości pikseli i zmieniać kolor po wskazaniu kursorem za pomocą reguły CSS. W jakiej postaci należy je przygotować?

Dlaczego tak

Grafika SVG jest wektorowa, więc przeglądarka rysuje ją ostro w każdym rozmiarze i przy każdej gęstości pikseli, a ikona SVG wstawiona w kod strony może mieć kolor wypełnienia ustawiany właściwością fill, także w pseudoklasie :hover. Pliki PNG i GIF są rastrowe — po powiększeniu na ekranach o wysokiej gęstości stają się rozmyte, a ich kolorów nie zmieni się regułą CSS. JPEG nie obsługuje przezroczystości.