Ottimizzazione di Web site: Come accelerare il vostro Web site minimizzando la vostra immagine “Punta-Profondità„ del GIF e del png

Le immagini bloated stanno rallentando il vostro Web site e causarli hanno perso il commercio? Le immagini contengono più di 50% del Web page medio in modo da metterle su una dieta sono essenziali a migliorare le prestazioni di fotoricettore. Uno dei sensi migliori ottimizzare GIFs e PNGs è di minimizzare “la punta-profondità„ o il numero di colori all'interno delle vostre immagini.

Per gamma di colori-ha basato le disposizioni come il GIF ed il png, formato di lima direttamente è collegato con il formato della gamma di colori di colore, o il numero di colori nell'immagine. Come il numero di colori in un'immagine attraversa un'alimentazione di due, i salti di formato di lima. Un'immagine di 33 colori deve utilizzare una gamma di colori a sei bit, mentre un'immagine di 32 colori può utilizzare una gamma di colori dei 5 bit. Le più piccole gamme di colori significano i più piccoli codici (che rappresentano i modelli del pixel), che si dirige verso le più piccole lime. Così minimizzare il numero di colori nelle immagini di indice-colore come GIFs e PNGs minimizzerà il formato di lima.

Gli schemi di compressione usati in GIFs (LZW) e in PNGs (sgonfiare) sono dizionario-hanno basato le procedure di cifratura. Il dizionario ha basato i codici più corti sostitutivo di procedure di compressione per i modelli più lunghi delle stringhe all'interno del flusso di dati. I modelli del pixel (sottostringhe) nel flusso di dati trovato nel dizionario sono sostituiti con un singolo codice. Se una sottostringa non è trovata nel dizionario, un nuovo codice è generato ed aggiunto al dizionario. La compressione è realizzata quando i più piccoli codici si sostituiscono per i modelli più lunghi dei dati.

Il formato di codice è basato sul numero di punte per il pixel e dipende dal codice massimo di lunghezza all'interno del vostro dizionario. Così il più piccoli la vostra punta-profondità, più piccoli i codici che rappresentano il vostro pixel modellano le stringhe e più piccola la lima.

La scelta della disposizione giusta per le vostre immagini è il primo punto nell'ottimizzazione dei grafici di fotoricettore. Alle punta-profondità più basse, legare può comparire nelle immagini liscio-modificate. Provare a quantificare la vostra immagine alle gamme di colori differenti per minimizzare le fasce.

Compressione del png

Il png usa la procedura di compressione di sgonfiamento che è un più nuovo, cugino più efficiente di LZW. Sgonfiare è destinato ad essere esente dai problemi di brevetto. Sgonfiare è una combinazione della procedura LZ77 trovata nei programmi della chiusura lampo come WinZIP e gzip e codificazione del Huffman. Sgonfiare tipicamente comprime le lime 20 - 30 per cento più piccoli di LZW, che è la differenza che troverete fra gzip e la compressa. L'uso di PNGs una tecnica simile della sostituzione, ma è generalmente 5 - 25 per cento più piccolo di GIFs, anche se ci sono eccezioni. Oltre che “la esplor-linea„ orizzontale la sostituzione PNGs del modello a volte sostituire i modelli verticali. Il png può anche troncare le gamme di colori di colore. Generalmente, più piccola la gamma di colori di colore, più piccolo il formato di lima overal.

Conclusione

Minimizzare il formato di lima di gamma di colori-ha basato le disposizioni di immagine come il GIF ed il png, minimizza la loro punta-profondità, o il numero di colori. Ogni volta passate un'alimentazione di due, il formato di lima salta più su. Minimizzando il numero di colori ed elevando le zone di piano-colore genererete le più piccole, immagini più efficienti destinate al fotoricettore.

Ulteriore lettura:

Compressione di dati di LZW
http://www.dogma.net/markn/articles/lzw/lzw.htm
Il contrassegno Nelson suddivide la procedura di compressione di LZW per Journal del Dott. Dobb dell'ottobre 1989.

Multimedia: Usare la compressione del lossy per più piccoli GIFs e PNGs http://www.websiteoptimization.com/speed/tweak/lossy/
La compressione del lossy li lascia comprimere più byte dal vostri GIFs e PNGs. La compressione del lossy aumenta i modelli identici del pixel per migliorare la compressione nelle immagini di spost ad incrementi-colore.

Multimedia: Usare l'ottimizzazione appesantita
http://www.websiteoptimization.com/speed/tweak/weighted/
L'ottimizzazione appesantita o la compressione regionale applica i gradi differenti di compressione alle zone differenti della vostra immagine. Variando la qualità all'interno delle immagini potete migliorare il formato di lima.

Grafici d'ottimizzazione di fotoricettore
http://www.websiteoptimization.com/speed/12/
Il sommario di capitolo da accelera il vostro luogo, esposizioni come correggere, ottimizza e comprime le immagini per il formato di lima e la qualità minimi di massimo.

Luogo domestico del png
http://www.libpng.org/pub/png/
Luogo del Greg Roelofs dedicato a tutto il png di cose.

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