Pracuję nad responsywnym projektem, który wymaga skalowania nagłówka do szerokości rzutni. Poszedłem na svg myśląc, że to dobrze się skaluje. (Testuję wsparcie dla svg w pełnej witrynie i zastępuję gif svg). W Firefoksie (13.0 na Windows 7) nie jest wygładzany w małych rozmiarach. Okazjonalnie wygląda dobrze w niektórych rozmiarach i robi to, jeśli naprawię wymiary, ale chcę tego uniknąć. Chrome i Safari robią anty-alias obrazu i wygląda dobrze.

Ustawiambackground-size: 100% 100% aby skalować się do kontenera, próbowałem takich rzeczycover również, ale wydaje się, że nie ma znaczenia.

Próbowałem dodaćimage-rendering: optimizeQuality; również, ale to chyba nie pomogło.

Skonfigurowałem stronę testową pod adresemhttp://axminster.digital.linneydesign.com/svg/ - górny to obraz tła, a pod nim jest dokładnie ten sam plik, ale dodany w html bezpośrednio jakoimg. Skalowanie przeglądarki do małych rozmiarów spowoduje wyświetlenie pierwszego piksela, ale dolny pozostanie gładki.

Jakieś przemyślenia, w jaki sposób mogę wygładzić ten obraz tła bez naprawiania jego wymiarów?

dzięki.