- Como servir imagens que são de tamanho adequado para salvar dados celulares e melhorar o tempo de carregamento?
- O que é o tamanho da imagem renderizado?
Como servir imagens que são de tamanho adequado para salvar dados celulares e melhorar o tempo de carregamento?
Idealmente, sua página nunca deve servir imagens maiores que a versão renderizada na tela do usuário. Qualquer coisa maior do que isso apenas resulta em bytes desperdiçados e diminui o tempo de carregamento da página. A principal estratégia para servir imagens de tamanho adequado é chamado de "imagens responsivas".
O que é o tamanho da imagem renderizado?
Se essa imagem for mostrada em um smartphone com que a largura da viewport é de 360 pixels, o tamanho final não será de 400x400 pixels, mas 360x360 pixels no máximo - devido à largura máxima pelo CSS. Esse tamanho muito final de 360x360 ou menor é chamado de tamanho renderizado da imagem.