Optimization do Web site: Como se apressar acima de seu Web site minimizando sua imagem “Bocado-Profundidade” do GIF e do png

É retardar bloated das imagens pena seu Web site e causá-lo perdeu o negócio? As imagens compreendem sobre 50% do Web page médio assim que pô-lo sobre uma dieta é essencial a melhorar o desempenho da correia fotorreceptora. Uma das mais melhores maneiras optimize GIFs e PNGs é minimizar a “bocado-profundidade” ou o número das cores dentro de suas imagens.

Para formatos palette-baseados gostar do GIF e o png, tamanho de lima é relacionado diretamente ao tamanho do palette da cor, ou ao número das cores na imagem. Como o número das cores em uma imagem cruza um poder de dois, os saltos do tamanho de lima. Uma imagem de 33 cores deve usar um palette six-bit, quando uma imagem de 32 cores puder usar um palette de 5 bocados. Os palettes menores significam os códigos menores (que representam testes padrões do pixel), que faz para limas menores. Assim minimizar o número das cores em imagens da índice-cor como GIFs e PNGs minimizará o tamanho de lima.

Os esquemas da compressão usados em GIFs (LZW) e em PNGs (esvaziar) são algoritmos codificando dicionário-baseados. O dicionário baseou uns códigos mais curtos do substituto dos algoritmos da compressão para uns testes padrões mais longos das cordas dentro do córrego de dados. Os testes padrões do Pixel (substrings) no córrego de dados encontrado no dicionário são substituídos com um único código. Se um substring não for encontrado no dicionário, um código novo está criado e adicionado ao dicionário. A compressão é conseguida quando os códigos menores são substituídos para uns testes padrões mais longos dos dados.

O tamanho de código é baseado no número dos bocados por o pixel, e depende do código máximo do comprimento dentro de seu dicionário. Assim o menores sua bocado-profundidade, menores os códigos que representam seu pixel modelam cordas, e menor a lima.

Escolher o formato direito para suas imagens é a primeira etapa em optimizing gráficos da correia fotorreceptora. Em umas bocado-profundidades mais baixas, unir-se pode aparecer em imagens liso-toned. Tentar quantizar sua imagem aos palettes diferentes para minimizar bordas.

Compressão do png

O png usa o algoritmo da compressão esvaziar que é um primo mais novo, mais eficiente de LZW. Esvaziar é projetado estar livre de problemas da patente. Esvaziar é uma combinação do algoritmo LZ77 encontrado em programas do fecho de correr como WinZIP e gzip, e coding de Huffman. Esvaziar comprime tipicamente as limas 20 a 30 por cento menores do que LZW, que é a diferença que você encontrará entre o gzip e a compressa. O uso de PNGs uma técnica similar da substituição, mas é geralmente 5 a 25 por cento menor do que GIFs, embora haja umas exceções. Além à “faç a varredura-linha horizontal” do teste padrão da substituição de PNGs substituto às vezes para testes padrões verticais. O png pode também truncar palettes da cor. No general, menor o palette da cor, menor o tamanho de lima overal.

Conclusão

Para minimizar o tamanho de lima de formatos palette-baseados da imagem gostar do GIF e o png, minimiza sua bocado-profundidade, ou número das cores. Cada vez que você passa um poder de dois, o tamanho de lima salta mais altamente. Minimizando o número das cores, e maximizing as áreas da liso-cor você criará as imagens menores, mais eficientes destined para a correia fotorreceptora.

Leitura mais adicional:

Compressão de dados de LZW
http://www.dogma.net/markn/articles/lzw/lzw.htm
Marcar rupturas de Nelson abaixo o algoritmo da compressão de LZW para Jornal do Dr. Dobb de outubro 1989.

Multimedia: Usar a compressão do lossy para GIFs e PNGs menores http://www.websiteoptimization.com/speed/tweak/lossy/
A compressão do lossy deixa-o espremer mais bytes fora de seus GIFs e PNGs. A compressão do lossy aumenta testes padrões idênticos do pixel para melhorar a compressão em imagens da posicion-cor.

Multimedia: Usar o Optimization tornado mais pesado
http://www.websiteoptimization.com/speed/tweak/weighted/
O optimization tornado mais pesado ou a compressão regional aplicam graus diferentes de compressão às áreas diferentes de sua imagem. Variando a qualidade dentro das imagens você pode melhorar o tamanho de lima.

Gráficos Optimizing da correia fotorreceptora
http://www.websiteoptimization.com/speed/12/
O sumário do capítulo da velocidade acima de seu local, mostras como corrigir, optimize, e comprime imagens para o tamanho de lima e a qualidade mínimos do máximo.

Local Home do png
http://www.libpng.org/pub/png/
Local de Greg Roelofs devotado a todo o png das coisas.

Article Source: http://www.articleset.com