Sådan får du et billede til at vises og indlæses hurtigere

Indhold

retninger
tips
Hvad du har brug for

Når du sender billeder på internettet, er det vigtigt at sikre, at de er optimeret til webvisning, så du kan gøre dem hurtigere. Langsom indlæsning af billeder har tendens til at afværge besøgende og forhindre dem i at nyde godt af dit websted. Den bedste måde at sikre, at dine billeder belastes hurtigere, er at presse så meget kvalitet som muligt ind i en fast størrelse. Til webvisning er det en god ide at holde størrelsen på hver af dine billeder under 50KB.

retninger

Optimer dine billeder til webvisning gør dem hurtigere (Ablestock.com/AbleStock.com/Getty Images)

Brug det rigtige format. Brug JPEG til gradientbilleder og meget farveblanding. For billeder, der indeholder kontrastformer og tekst, kan du bruge GIF eller PNG. De fleste billedredigeringssoftware understøtter tværkonverteringer.
Skift billedopløsning til 72 dpi (dots per inch). De fleste skærme og skærme viser websider og billeder med denne opløsning. Brug denne opløsning til også at reducere forvrængninger og problemer med farve.
Maksimere skæringen i dit billede. Hvis for eksempel billedet af dit billede er placeret mod en solid baggrund, skal du afskære det meste af den faste farve. Du vil ende med en mindre filstørrelse.
Anvend en let sløring af dit billede. Start med at anvende en Gaussian Blur med en radius på 0,2 pixel. En Gaussisk baggrundsvaghed på 1,0 pixel skal være tilstrækkelig til at reducere billedfilstørrelsen med ca. 23%. For at undgå at miste kvalitet, prøv kun at slette baggrunden for dit billede eller dele af det, der ikke skiller sig ud.
Isolér objektet fra billedet vha. Vælgeværktøjet og tilføj mere blur til resten af billedet. Dette vil betydeligt reducere filstørrelsen på dit billede. Som en fordel fremhæver du, hvad der er vigtigt.

tips

I din HTML-markering skal du sørge for at angive bredden og højden af hvert billede, du indtaster. På denne måde behøver browsere ikke at beregne den ideelle størrelse til dit billede. Brug sprite billeder, når du kan. Kombiner mindre billeder i en stor billedfil for at reducere antallet af HTTP-anmodninger, din webside skal lave. Med dette kan du gøre dine billeder hurtigere.