Skalowanie obrazków na Chrome jest niskiej jakości

Dla specjalistów Webmastering
#1

Hej

Mam problem ze skalowaniem obrazków na Chrome, na innych przeglądarkach logo wygląda dobrze oprócz na Google Chrome. Na Firefox logo jest wyraźne a na Chrome rozmazane, czy jest jakiś sposób by to naprawić? Próbowałem zmniejszać plik graficzny, ale wtedy na innych przeglądarkach jest źle.

W inspekcie mam takie coś na tym obrazku

Rendered size: 155 × 35 px
Rendered aspect ratio: 31∶7
Intrinsic size: 363 × 83 px
Intrinsic aspect ratio: 363∶83

Może trzeba coś wymusić tutaj stylami?

#2

Ja tylko kojarzę:

object-fit: scale-down do obrazków

background-size: auto do tła jak je coś rozciąga, za duże i tak się rozleje wtedy (trzeba by siegnać po cover lub contain)

I w sumie dziwne, że obraz o 42% większy traci na ostrości.

#3

Może to chodzi o jakieś proporcje? Style obrazka wyglądają tak, jeżeli max-height robie bez ograniczeń to jakość jest dobra na Chrome tyle że obrazek jest za duży.


 {
    max-height: 1.84308vw;
    width: auto;
}