Slik lager du et bilde og lastes raskere

Innhold

• retninger
• tips
• Hva du trenger

Når du legger ut bilder på internett, er det viktig å sørge for at de er optimalisert for webvisning, slik at du kan få dem til å lastes raskere. Langsomt lasting av bilder har en tendens til å avværge besøkende og kan forhindre at de nyter ditt nettsted fullt ut. Den beste måten å sikre at bildene dine lastes raskere, er å presse så mye kvalitet som mulig til en fast størrelse. For webvisning, er det en god ide å beholde størrelsen på hver av bildene dine under 50KB.

retninger

Optimaliser bildene dine for å se på nettet, gjør dem raskere (Ablestock.com/AbleStock.com/Getty Images)

1. Bruk riktig format. Bruk JPEG for gradientbilder og mye fargemiksing. For bilder som inneholder kontrastformer og tekst, kan du bruke GIF eller PNG. Mest bilderedigeringsprogramvare støtter kryssformatkonverteringer.

2. Endre bildeoppløsningen til 72 dpi (dots per inch). De fleste skjermer og skjermer viser nettsider og bilder med denne oppløsningen. Bruk denne oppløsningen også for å redusere forvrengninger og problemer med farge.

3. Maksimere kuttet i bildet ditt. Hvis for eksempel bildet ditt er plassert mot en solid bakgrunn, klipper du mesteparten av den faste fargen. Du vil ende opp med en mindre filstørrelse.

4. Påfør et lite slør på bildet ditt. Start med å bruke en Gaussian Blur med en radius på 0,2 piksler. En Gaussisk bakgrunnsskarphet på 1,0 piksler bør være tilstrekkelig til å redusere bildefilstørrelsen med ca 23%. For å unngå å miste kvalitet, prøv å slette bare bakgrunnen til bildet eller deler av det som ikke skiller seg ut.

   
   

5. Isoler objektet fra bildet ved hjelp av valgverktøyet og legg til mer uskarphet på resten av bildet. Dette vil redusere filstørrelsen på bildet ditt betydelig. Som en fordel, fremhever du hva som er viktig.

tips

• I HTML-oppslaget ditt, må du angi bredden og høyden til hvert bilde du skriver inn. På denne måten trenger ikke nettlesere å beregne den ideelle størrelsen for bildet ditt. Bruk Sprite-bilder når som helst. Kombiner mindre bilder i en stor bildefil for å redusere antall HTTP-forespørsler websiden din må gjøre. Med dette kan du laste bildene dine raskere.

Hva du trenger

• Bilderedigerer (Photoshop, PaintShopPro, GIMP eller Pixlr)