Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Design responsivo para imagens

Em relação ao design fluido para imagens. Pelo que entendi, a medida que você diminuí ou aumenta o tamanho do navegador, o conteúdo e as próprias imagens se adaptam a esse novo tamanho. Porém, dependendo do formato da imagem, ela pode perder a qualidade se ajustada em um tamanho diferente do original. E também, o navegador precisará "trabalhar" mais para ajustar o tamanho das imagens. A minha dúvida é em relação a isso, com o design responsivo eu realmente perco na qualidade das imagens e no desempenho do navegador ou existe alguns "macetes" para contornar esse problema? Obrigado!

2 respostas

André,

Primeiro sobre a performance do navegador: O design responsivo é voltado ao site responder bem independente do tamanho da tela. Mas perceba que o usuário não necessariamente vai ficar aumentando e diminuindo a tela. Mesmo que isso consumisse muita performance, não acontece na prática.

Sobre a qualidade das imagens: Sim, a imagem pode perder qualidade, mas isso depende da imagem. Por exemplo: Se você deixa uma imagem de 1000px por 1000px responsiva no centro da tela, no mobile ela vai se ajustar e manter certa qualidade, mas num monitor de 4k de resolução, ela vai perder qualidade se você a estivar.

A resolução então é usar imagens com mais qualidade quando houver a possibilidade de perda muito severa de qualidade.

solução!

Obrigado Brian, bem esclarecido!