English version
German version
Spanish version
French version
Italian version
Portuguese / Brazilian version
Dutch version
Greek version
Russian version
Japanese version
Korean version
Simplified Chinese version
Traditional Chinese version
Hindi version
Czech version
Slovak version
Bulgarian version
 

Website optimalisatie: hoe de snelheid van uw website door het minimaliseren van uw GIF en PNG image bit-diepte

Web design RSS Feed





Zijn opgeblazen beelden vertragen van uw website en waardoor u verloren zaken? Afbeeldingen omvatten meer dan 50% van de gemiddelde webpagina, zodat ze op een dieet is essentieel voor het verbeteren van web prestaties. Een van de beste manieren om optimaliseren GIF en PNG is om de "bit-depth" of het aantal kleuren te minimaliseren binnen uw images.For palet-gebaseerde formaten zoals GIF-en PNG, bestandsgrootte is direct gerelateerd aan de grootte van het kleurenpalet, of het aantal kleuren in het beeld. Aangezien het aantal kleuren in een afbeelding kruist een macht van twee, de bestandsgrootte sprongen. Een 33-color afbeelding moet gebruik maken van een zes-bits palet, terwijl een 32-color afbeelding kan gebruik maken van een 5-bits palet. Kleinere paletten gemiddelde kleinere codes (die pixel patronen), wat zorgt voor kleinere bestanden. Dus het minimaliseren van het aantal kleuren in de index-color beelden als GIF en PNG-bestand zal minimaliseren size.The compressie gebruikte regelingen in GIF (LZW) en PNG (Deflate) zijn woordenboek-codering op basis van algoritmen. Woordenboek gebaseerd compressiealgoritmen substituut kortere codes voor meer patronen van snaren in de datastroom. Pixel patronen (substrings) in de datastroom in het woordenboek gevonden worden vervangen door een enkele code. Als een substring niet wordt gevonden in het woordenboek, is een nieuwe code gemaakt en toegevoegd aan het woordenboek. Compressie wordt bereikt wanneer kleinere codes zijn vervangen voor langere patronen van data.The code grootte is gebaseerd op het aantal bits per pixel, en is afhankelijk van de maximale lengte code in uw woordenboek. Dus de kleinere uw bit-diepte, de Hoe kleiner de codes die je pixel patroon snaren, en hoe kleiner het file.Choosing het juiste formaat voor uw afbeeldingen is de eerste stap in het optimaliseren van web graphics. Bij lagere bit-diepte, banding kunnen in smooth-toned beelden. Probeer gekwantiseerd uw afbeelding om verschillende paletten om banding.PNG CompressionPNG minimaliseren maakt gebruik van de deflate compressie algoritme dat is een nieuwere, efficiëntere neef van LZW. Deflate is ontworpen om vrij zijn van octrooi problemen. Deflatie is een combinatie van de LZ77 algoritme gevonden in zip-programma's als WinZip en gzip, en Huffman codering. Deflate comprimeert bestanden doorgaans 20 tot 30 procent kleiner dan LZW, die het verschil dat je zult vinden tussen gzip en comprimeren. PNGs gebruik van een soortgelijke substitutie techniek, maar zijn over het algemeen 5 tot 25 procent kleiner dan GIF, maar er zijn uitzonderingen. Naast de horizontale "scan-line" patroon vervanging PNGs soms substituut voor verticale patronen. PNG kan ook truncate kleurenpaletten. In het algemeen geldt: hoe kleiner het kleurenpalet, hoe kleiner het bestand overal size.ConclusionTo het minimaliseren van de file grootte van palet-based image formaten zoals GIF-en PNG, minimaliseren hun bit-diepte, of het aantal kleuren. Elke keer dat u langs een macht van twee, bestandsgrootte springt hoger. Door het minimaliseren van het aantal kleuren, en het maximaliseren van de flat-color gebieden die u zal leiden tot kleinere, meer efficiënte beelden bestemd voor de Web.Further Reading: LZW Data Compressionhttp: / / www.dogma.net / markn / artikelen / LZW / lzw.htmMark Nelson breekt de LZW-compressie algoritme voor Dr Dobb's Journal van oktober 1989.Multimedia: Gebruik compressie met verlies voor kleinere GIF en PNG http://www.websiteoptimization.com/speed/tweak/lossy/Lossy compressie kun je squeeze meer bytes uit uw GIF en PNG. Lossy compression verhoogt identiek pixel patronen compressie in geïndexeerde kleuren images.Multimedia verbeteren: Gebruik Gewogen Optimizationhttp: / / www.websiteoptimization.com / snelheid / tweak / gewogen / Gewogen optimalisatie of regionale compressie geldt een verschillende mate van compressie op verschillende terreinen van de afbeelding. Door het variëren van de kwaliteit binnen afbeeldingen die u kunt verbeteren bestand size.Optimizing Web Graphicshttp: / / www.websiteoptimization.com/speed/12/Chapter samenvatting van Speed Up Your Site, laat zien hoe te corrigeren, te optimaliseren en afbeeldingen comprimeren voor minimale bestandsgrootte en maximale quality.PNG Home Sitehttp: / / www.libpng.org / pub / png / Greg Roelofs site is gewijd aan alle dingen PNG.About De AuthorArticle door Andy King, auteur van de populaire nieuwe boek getiteld "Speed Up Your Site? Web Site Optimization ". Andy Bezoek King's website om te leren de beste Website optimalisatie praktijken voor meer verkeer en de snelheid gegarandeerd. Www.websiteoptimization.com

Artikel Bron: Messaggiamo.Com

Translation by Google Translator





Related:

» Seo Elite: New Seo Software!
» AntiSpywareBOT
» Reverse Mobile
» Error Nuker


Webmaster krijgen html code
Voeg dit artikel aan uw website!

Webmaster verzenden van artikelen
Geen registratie vereist! Vul het formulier in en uw artikel is in de Messaggiamo.Com Directory!

Add to Google RSS Feed See our mobile site See our desktop site Follow us on Twitter!

Dien uw artikelen te Messaggiamo.Com Directory

Categorieën


Copyright 2006-2011 Messaggiamo.Com - Sitemap - Privacy - Webmaster verzenden van artikelen naar Messaggiamo.Com Directory [0.01]
Hosting by webhosting24.com
Dedicated servers sponsored by server24.eu