Innholdsfortegnelse
Mennesker er visuelle skapninger, og forskning støtter dette faktum. Etter bare tre dager er oppbevaringsraten for tekst innenfor området bare 10–20 %. Men for bilder kan oppbevaringsgraden være så høy som 65 %. Hjernen mottar 90 % av visuell informasjon og behandler den 60 000 ganger raskere. Uten tvil spiller det visuelle en kritisk rolle i nettstedets engasjement.
Det krever imidlertid mye mer enn å bare plukke ut noen bilder og plassere dem rundt nettstedet ditt. Tunge bilder bruker mye båndbredde, og reduserer hastigheten for sideinnlasting. Søkemotorer vil legge merke til den langsomme ytelsen og straffe deg med en lav rangering.
Artikkelen vår viser deg seks forskjellige måter å optimalisere bilder for bedre nettytelse i 2021.Bildeoptimaliseringstips for bedre nettytelse i
La oss si at du designer nettsteder for ideelle organisasjoner og du liker å bruke mange bilder for å vise frem arbeidet ditt. Givere, sponsorer og andre interessenter bruker slik informasjon som grunnlag for fortsatt støtte. Men hvis du ikke optimaliserer bildene, vil brukeropplevelsen og engasjementet lide. Det største problemet vil være sakte lasting av sider og tidsavbruddsvar.
Bildeoptimalisering refererer til alle trinn du tar for å redusere filenes størrelse, format eller oppløsning. Du kan gjøre dette uten å gå på akkord med kvaliteten på bildene.
Se også: Hvordan velge farger for logoen dinLa oss sjekke ut noen av dinealternativer.
Markedsføringskampanje Illustrasjon av Deemak Daksina
1. Start med en bildeoptimaliseringsrevisjon
En bildeoptimaliseringsrevisjon vil gi relevant informasjon for hvor du må forbedre deg.
Start med å foreta en oversikt over bildene du har på nettstedet ditt. Relevante tester vil diagnostisere eventuelle problemer du må løse.For eksempel kan tilsynet vise at du har for mange bilder. Det vil også vise bildeformateringen din og tillate deg å bestemme neste handlingsforløp. For eksempel kan fjerning eller endring av filformatene forbedre hastigheten for sidelasting betydelig.
2. Velg riktig format for bildene
Bildefiler kommer i forskjellige formater. Dette er de tre vanligste typene bildeformater for nettapplikasjoner du trenger å vite:
- PNG har fordelen av å være et bilde av svært høy kvalitet. Dessverre, for å oppnå dette, er filstørrelsen veldig stor. De fungerer godt for enkle bilder og logoer og tillater tapsfri komprimering.
- JPEG-er er de vanligste på de fleste nettsteder. De er utmerket for komplekse, fargerike bilder. Du må imidlertid være forsiktig når du komprimerer JPEG-bilder, da det kan føre til tap av klarhet, jo mindre bildet blir. Noen omtaler dette som tapsmessig.
- GIF fungerer for animasjoner, små ikoner og bilder med lav oppløsning. Det gir mulighet for tapsfri komprimering, men du kan bare brukeopptil 256 farger.
Lagre ikoner av Andreas Storm
3. Endre størrelsen og komprimer bildene
Du har kanskje lagt merke til at bildene ser ut til å lastes inn bit for bit. Det vil gå litt tid før du får se hele bildet; et tegn på at bildene sannsynligvis er for tunge. Endre størrelse eller komprimering vil løse problemet.
Vær oppmerksom på at du ikke bør laste opp noen bilder før du har optimalisert dem. Og for best kvalitet, mål at filene skal være innenfor området 1 til 2 MB.Bruk beskjæringsverktøyet for å endre størrelsen på bildene. Det bidrar til å redusere filstørrelsen, noe som resulterer i en bedre sideinnlastingshastighet. Du har tonnevis av verktøy tilgjengelig for din bruk.
Komprimering av bilder bidrar til å redusere filstørrelsen. Men du kan forvrenge bildet hvis du komprimerer det for mye. Lav komprimering kan være ideelt hvis du ønsker å beholde bildekvaliteten; men det reduserer ikke størrelsen nevneverdig.
Typer kompresjoner
Det er to konsepter vi allerede har nevnt ovenfor, tapsfri vs. tapsgivende kompresjon.
- Tapsfri komprimering opprettholder bildekvaliteten samtidig som den fjerner unødvendige metadata.
- Tapsløs komprimering reduserer filstørrelsen ved å bli kvitt noen av elementene. Det kan kompromittere bildekvaliteten. Du kan imidlertid ikke merke forskjellen. Så det kan fortsatt være en utmerket måte å komprimere bilder på.
Riktig bilderedigering vil hjelpe deg med å finne ut hvilketkomprimering fungerer best for deg.
4. Mobil-først bildeoptimalisering
Alle skritt du tar må følge en mobil-først SEO-strategi, siden Google byttet til mobil førsterangering. Bildene skal se like ut på alle mobilenheter som på alle stasjonære enheter. En enorm mengde internetttrafikk kommer gjennom slike enheter.
Hvis brukerne ikke er engasjert i en god brukeropplevelse når de bruker mobile enheter, vil du miste dem.
Vurder å optimalisere bilder for mobil først. Hvis det ser bra ut på den lille skjermen, vil det se fantastisk ut på en stasjonær eller bærbar PC.
ASO-optimalisering av Abbi_Kerimov
5. Filnavn og deres innvirkning på SEO
Bildeoptimalisering krever også at du er oppmerksom på hvordan du navngir filene. Alle handlingene du tar bør ha som mål å forbedre synlighet på søkemotorene. Når du laster opp eller tar et bilde, vil enheten automatisk gi det et filnavn. Dette navnet består vanligvis av tilfeldig kode eller tall. Det kan se omtrent slik ut som 2224444.jpg.
Å laste opp bildet som det er på nettstedet ditt vil ikke hjelpe søkemotorene i det hele tatt.
Gjør det lettere for webcrawlere å finne deg ved å tildele beskrivende etiketter til hvert bilde. Inkluder relevante søkeord som gir informasjon om virksomheten eller nettstedet ditt.6. Vurder å bruke lat lasting
Den lat lasting av bilder er akkurat som navnet tilsier. I stedet forhele bildet lastes inn på en gang, det utfolder seg på en måte. Bildet fortsetter å lastes jo mer den online besøkende ruller nedover siden.
Lazy loading avslører bare det som er relevant på det tidspunktet. Du vil ende opp med å spare båndbredde fordi du ikke bruker unødvendige ressurser.
Laster... av Dona
Siste tanker
Nettytelse er en kritisk rangeringsfaktor som søkemotorer bruker. Google vil straffe nettstedet ditt hvis lastehastigheten for siden er lav.
Mange faktorer bestemmer sidehastigheter, og bildebruk kommanderer en av toppposisjonene. Hvis du ikke optimaliserer bilder, vil nettytelsen din lide. Sidene vil lastes sakte, og brukeropplevelsen og engasjementet blir ikke bra.
Velg riktig bildeformat. Deretter bruker du teknikker som å endre størrelse og komprimere for å redusere filstørrelsen. Planlegg vanlige sidetester og nettstedrevisjoner for å sjekke ytelsen til nettstedet.
Se også: Slik bruker du Adobe Illustrator Merge Layers
