Mam taki problem otóż w jednym miejscu mam do umieszczenia grafikę, która zawiera również tekst, musi ona być skalowalna względem rozdzielczości monitora, więc standardowo zastosowałem:
background: url('../images/index/info.png') center center no-repeat;
background-size:contain;
Wszystko ładnie pięknie tylko, że obraz łapie ostrość co kilka pixeli (patrząc przy zmianie rozdzielczości w widoku responsywnym) co niestety wygląda strasznie gdy akurat nie złapie ostrości. Próbowałem z grafiką svg ale nic nie pomogło (chyba, że konwertowanie png to svg nic nie zmienia i trzeba się bawić z surowym psd). Znacie jakiś inny sposób na to? Muszę napisać własny algorytm w js który by zajmował się zmianą wielkości obrazka czy jakoś inaczej da się to obejść?