Existe um tamanho ideal para imagens de fundo?

Question

Por exemplo, seria uma carga imagem 1x1 mais rápido do que um 2x2? O tamanho seria menor, mas o navegador teria que trabalhar o dobro, certo?

Assim, há um tamanho ideal e forma (quadrado vs retângulo) para imagens de fundo?

Eu sei que não é provavelmente muito importante, mas eu estou interessado em saber.

Obrigado

Answer 1

Eu não acho que há um tamanho 'ideal' para a sua imagem.

Embora a qualidade da imagem vai ter um papel no tempo de download. Uma imagem com cores ricas embarcados será pesada em tamanho em comparação aos outros com a mesma dimensão.

Finalmente, a escolha de uma imagem de fundo inteiramente depende de sua necessidade . Se você precisa de uma imagem de 2 * 2, em seguida, você tem que incluir isso.

Se você precisa para otimizar o desempenho de um site usando uma abundância de imagens de fundo, então você pode dar uma olhada em

CSS sprites

e algumas ferramentas para otimização de imagem

12 realmente útil Ferramentas de otimização Imagem por web Designers

Answer 2

notei que ladrilhos imagens muito pequenas (como 1 × 1 ou 2 × 2) é muito lento em muitos navegadores. Uma vez que com a maioria dos formatos de imagem comprimido não há quase nenhuma desvantagem de ser maior, com repetições eu acho que, pelo menos para a telha imagens que você deve optar por imagens em torno de pelo menos 50 × 50 pixels para reduzir o desenho complexidade na UA.

Answer 3

É uma pergunta interessante. Você teria que perguntar a cada um dos fabricantes de navegadores, uma vez que cada um tem diferentes formas de processamento de imagens.

Mas, na realidade, ignorando o tempo de download qualquer diferença no tempo de renderização será insignificante, por isso faz sentido usar apenas uma imagem menor se você puder.

Eu também vou apontar o óbvio que se você estiver usando um 1x1 repetindo imagem então você deve usar uma cor de fundo em vez disso.

Answer 4

O tamanho ideal seria diferente de um navegador para outro, de um sistema para outro.

Evite tornando-se muito pequeno ou muito grande. Uma imagem de fundo do 1x1 tamanho podem ter problemas de renderização em alguns navegadores. Você deve pelo menos torná-lo alguns pixels em cada dimensão.

Eu me lembro que Netscape 4 recusou-se a repetir imagens se fossem menos do que algo como pixels dez de largura. Browsers hoje são menos sensetive, mas ainda faz sentido para não tornar as imagens muito pequeno.

A compressão de imagens (pelo menos para imagens GIF e PNG) são baseados em repetição, por isso, se você fizer a imagem maior, repetindo-lo, o tamanho da imagem extra vai acrescentar muito pouco para o tamanho do arquivo.

Answer 5

Apenas para. Nota: Se você está tentando acelerar o download, a sobrecarga de download de imagem 1x1 contra, digamos, 10x10, é insignificante, especialmente para imagens decentemente comprimido - tanto para o cliente eo servidor

Portanto, uma vez que a prestação é definitivamente mais rápido / melhor com 10x10, ir para um tamanho de imagem maior.