Webbilleder tager størstedelen af downloadtiden på de fleste websider. Men hvis du optimerer dine webbilleder, får du en hurtigere indlæsningsside. Der er mange måder at optimere en webside på. Den eneste måde, der vil forbedre din hastighed mest, er ved at gøre din grafik så lille som muligt.
En god tommelfingerregel er at forsøge at holde individuelle billeder ikke større end 12KB, og den samlede størrelse af din webside, inklusive alle billeder, HTML, CSS og JavaScript, må ikke være større end 100KB og højst 50KB.
For at gøre din grafik så lille som muligt skal du have grafiksoftware til at redigere dine billeder. Du kan få en grafikeditor eller bruge et online værktøj som Photoshop Express Editor.
Her er nogle tips til at evaluere dine billeder og gøre dem mindre:
Er billedet i det rigtige format?
Der er kun tre billedformater til internettet: GIF, JPG og PNG. Og de har hver især et bestemt formål.
- GIF- Brug GIF-format til flade farvebilleder. Disse er billeder med kun få farver.
- JPG- Brug JPG-format til fotografiske billeder. Disse er billeder med millioner af farver.
- PNG- Brug PNG-formatet, hvis du ikke behøver dine billeder til at blive vist på mobile enheder. De er gode til både flad farve og fotografiske billeder. Det er bedst at gemme dine billeder som både PNG og enten JPG eller GIF, og brug derefter den mindre version.
Hvad er billeddimensionerne?
En nem måde at gøre dine billeder mindre på er at gøre netop det, gør dem mindre. De fleste kameraer tager billeder, der er langt større end den gennemsnitlige webside kan vise. Ved at ændre dimensionerne til et sted omkring 500 x 500 pixel eller mindre, vil du oprette et mindre billede.
Er billedet beskåret?
Den næste ting du skal gøre er at sørge for, at billedet er beskåret så tæt som muligt. Jo mere du beskærer billedet, desto mindre bliver det. Beskæring hjælper også med at definere emnet for billedet ved at fjerne fremmede baggrunde.
Hvor mange farver bruger din GIF?
GIF'er er flade farvebilleder, og de indeholder et indeks for de farver, der er til stede i billedet. Et GIF-indeks kan dog indeholde flere farver, end der faktisk vises. Ved at reducere indekset til kun farverne i billedet, kan du reducere filstørrelsen.
Hvilken kvalitetsindstilling er din JPG indstillet til?
JPG'er har en kvalitetsindstilling fra 100% ned til 0%. Jo mindre denne kvalitetsindstilling er, desto mindre bliver filen. Men vær forsigtig. Kvaliteten påvirker hvordan billedet ser ud. Så vælg en kvalitetsindstilling, der ikke er for grim, mens filstørrelsen stadig er lav.
