Hvordan lage et bilde vises og lastes raskere

Hvordan lage et bilde vises og lastes raskere


Ved publisering av bilder på Internett, er det viktig å sørge for at de er optimalisert for web-skjerm. Ved å gjøre dette, kan du gjøre dem lastes raskere. Tvert imot, treg innlasting av bilder har en tendens til å sette av besøkende og kan holde dem fra fullt nyter ditt nettsted. Den beste måten å sørge for at bildene lastes inn raskere, er å presse inn så mye kvalitet som mulig inn i en størrelse fast fil. For web-visning, er det en god idé å holde størrelsen på hver av bildene under 50 kB.

Bruksanvisning

1 Bruk riktig format. Bruk JPEG for bilder med graderinger og masse farge blending. For bilder med høy kontrast figurer og tekst, kan du bruke enten GIF eller PNG. De fleste bilderedigeringsprogram programvare støtter konverteringer for ulike formater.

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

3 Maksimer beskjæring på bildet. For eksempel, hvis motivet i bildet er plassert mot en solid bakgrunn, beskjære ut det meste av farge. Du vil ende opp med en mindre filstørrelse.

4 Påfør en liten uskarphet i bildet. Start med å bruke en Gaussian blur på 0,2 pixel radius. En Gaussisk uskarp bakgrunn på 1,0 pixel radius bør være nok til å redusere filstørrelsen på bildet ditt med ca 23%. For å unngå å miste kvalitet, kan du prøve å tåkelegge bare bakgrunnen på bildet eller deler av det som ikke skiller seg ut.

5 Isolere motivet i bildet ved hjelp av markeringsverktøyet og legge til mer uklarhet til resten av bildet. Dette vil sterkt redusere filstørrelsen på bildet. Som en annen fordel, du gjør fagene skiller seg ut mer.

Hint

  • I HTML markup, sørg for å angi bredden og høyden på hvert bilde du bygger. På denne måten trenger nettlesere ikke å beregne den ideelle størrelsen for bildet.
  • Bruk bilde sprites når du kan. Kombiner mindre bilder til én stor bildefil for å redusere antallet HTTP-forespørsler websiden din har å gjøre. Gjennom dette, kan du gjøre bildene lastes raskere.