Webbbilder tar upp majoriteten av nedladdningstiden på de flesta webbsidor. Men om du optimerar dina webbbilder får du en snabbare laddningssida. Det finns många sätt att optimera en webbsida. Det enda sättet som förbättrar din hastighet är att göra din grafik så liten som möjligt.
En bra tumregel är att försöka hålla enskilda bilder inte större än 12KB och den totala storleken på din webbsida, inklusive alla bilder, HTML, CSS och JavaScript, bör inte vara större än 100KB, och optimalt inte mer än 50KB.
För att göra din grafik så liten som möjligt måste du ha grafikprogramvara för att redigera dina bilder. Du kan få en grafikredigerare eller använda ett onlineverktyg som Photoshop Express Editor.
Här är några tips för att utvärdera dina bilder och göra dem mindre:
Är bilden i rätt format?
Det finns bara tre bildformat för webben: GIF, JPG och PNG. Och de har varje specifikt syfte.
- GIF-Använd GIF-formatet för platta färgbilder. Dessa är bilder med bara några färger.
- JPG-Använd JPG-formatet för fotografiska bilder. Det här är bilder med miljontals färger.
- PNG-Använd PNG-formatet om du inte behöver dina bilder att visas på mobila enheter. De är bra för både platt färg och fotografiska bilder. Det är bäst att spara dina bilder som både PNG och antingen JPG eller GIF och använd sedan den mindre versionen.
Vad är bilddimensionerna?
Ett enkelt sätt att göra dina bilder mindre är att göra just det, gör dem mindre. De flesta kameror tar bilder som är långt större än den genomsnittliga webbsidan kan visa. Genom att ändra dimensionerna till någonstans runt 500 x 500 pixlar eller mindre skapar du en mindre bild.
Skär bilden?
Nästa sak du bör göra är att se till att bilden beskärs så tätt som möjligt. Ju mer du skördar av bilden desto mindre blir det. Beskärning bidrar också till att definiera ämnet för bilden genom att ta bort främmande bakgrunder.
Hur många färger använder din GIF?
GIF är platta färgbilder, och de innehåller ett index för de färger som finns i bilden. Ett GIF-index kan dock innehålla fler färger än vad som faktiskt visas. Genom att minska indexet till endast färgerna i bilden kan du minska filstorleken.
Vilken kvalitetsinställning är din JPG inställd på?
JPG har en kvalitetsinställning från 100% till 0%. Ju mindre den kvalitetsinställningen är desto mindre blir filen. Men var försiktig. Kvaliteten påverkar hur bilden ser ut. Välj så en kvalitetsinställning som inte är för ful, samtidigt som filstorleken är låg.
