Pesquisar no site de suporte

Evite golpes de suporte. Nunca pedimos que você ligue ou envie uma mensagem de texto para um número de telefone, ou compartilhe informações pessoais. Denuncie atividades suspeitas usando a opção “Denunciar abuso”.

Saiba mais

Esta discussão foi arquivada. Faça uma nova pergunta se precisa de ajuda.

Firefox/Windows renderings graphics without anti-aliasing

  • 9 respostas
  • 2 têm este problema
  • 1 exibição
  • Última resposta de TyDraniu

more options

Hi all,

I'm troubleshooting why Firefox/Windows renders both graphics in the left column without anti-aliasing. All the other browsers I have tried, including Firefox/Mac, Safari/Mac, Chrome/Mac, Chrome/Windows render these graphics with smooth edges.

Site: artistfiles.arlisna.org

In the attached image, the leftmost is Firefox/Windows and the right is Chrome/Windows.

Hi all, I'm troubleshooting why Firefox/Windows renders both graphics in the left column without anti-aliasing. All the other browsers I have tried, including Firefox/Mac, Safari/Mac, Chrome/Mac, Chrome/Windows render these graphics with smooth edges. Site: artistfiles.arlisna.org In the attached image, the leftmost is Firefox/Windows and the right is Chrome/Windows.
Capturas de tela anexadas

Alterado por sillyputty1967 em

Solução escolhida

It looks like Firefox doesn't support the experimental css feature 'image-rendering: high-quality;'

On this page we have:

a img, img {
    // works in Firefox, makes image aliased:
    image-rendering: optimizeQuality; 
}

And later:

img {
    // doesn't work in Firefox:
    image-rendering: high-quality; 
}
The latter should be
image-rendering: auto;
or
image-rendering: unset;

See https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering

Ler esta resposta 👍 1

Todas as respostas (9)

more options

So what do you mean left column? If there is no screenshot or example for others to see this can come down to the Graphics software setting not properly rendering for the browser.

more options

I have checked Firefox on two Intel NUCs here at the museum, and both show jagged edges on the two graphics in question.

more options

WestEnd said

So what do you mean left column? If there is no screenshot or example for others to see this can come down to the Graphics software setting not properly rendering for the browser.

I have uploaded an image showing a comparison of Firefox and Chrome, both on Windows.

more options

Tried the link and looked where your screenshot location and it looks just like the chrome screenshot.

Alterado por WestEnd em

more options

WestEnd said

Tried the link and looked where your screenshot location and it looks just like the chrome screenshot.

The leftmost image is Firefox; the rightmost is Chrome.

more options

Are you talking about this circular orange logo? Or about whole image or fonts?

more options

Yes, it's the circular logo.

more options

I looked and yeah the ff is jagged and chrome is rounded. It could be hardware accel. Did you disable that and see what happens?

more options

Solução escolhida

It looks like Firefox doesn't support the experimental css feature 'image-rendering: high-quality;'

On this page we have:

a img, img {
    // works in Firefox, makes image aliased:
    image-rendering: optimizeQuality; 
}

And later:

img {
    // doesn't work in Firefox:
    image-rendering: high-quality; 
}
The latter should be
image-rendering: auto;
or
image-rendering: unset;

See https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering