Bilder er en viktig del av en nettside, for å bryte opp lange biter av tekst, illustrere og gjøre innholdet visuelt mer tiltalende samt øke muligheten til at innholdet delespå sosiale medier. Men husk også at bildene øker lastehastigheten på sidene dine .
Hvert bilde som du legger til en side må lastes ned av besøkende fra serveren din til datamaskinen sin . Dette øker sidelastetider, noe som kan frustrere besøkende og har en negativ effekt på søkemotor-rangeringer.
Alt for mange bilder vil også øke din båndbredde betydelig og bruke opp mer lagringsplass på serveren din.
Filformater
Grafiske programmer lar deg lagre bilder i en rekke forskjellige filformater. De mest brukte filformater nettet er JPEG, PNG, SVG og GIF .
JPEG (jpg) er best egnet for fotografier som de inneholder mange farger. Formatet bruker komprimering for å redusere filstørrelsen.
PNG er mer egnet til skjermbilder og designelementer bilder som ikoner og knapper . Den bruker komprimering uten tap så kvaliteten er høyere , men dette betyr også større filstørrelser.
Scalable Vector Graphics (SVG) er et XML-basert filformat for markeringsspråk som beskriver todimensjonal vektorgrafikk. Siden SVG-filer kun er tekst, tar de ikke så mye plass og kan redigeres med en vanlig teksteditor om ønskelig.
GIF er best egnet for bilder med lav kvalitet med bare noen få farger . I dag er det GIF-format viden kjent på internett som filformat for animerte filer .
Optimalisere bilder før opplasting til nettstedet ditt
Du kan justere miniatyrstørrelsene slik du ønsker. for eksempel kan du konfigurere WordPress til å lage en 150 × 150 piksler miniatyrbilde , en 300 × 200 piksler medium bilde og en 600 × 600 piksler stort bilde. Ofte er dette forhåndsinnsttilt i ditt Theme (designmal) for å passe din layout, så test ut før du gjør forandringer.De aller fleste i Noege har i dag ganske raskt internett, også på mobilnettet, så det har blitt mer og mer vanlig å bruke store bilder, og det er jo også mer lekkert når man har flotte bilder eller illustrasjoner. Men det er viktig å huske på at et bilde som f.eks er 2000 piksler i bredden og og 1500 piksler i høyden, kan være en veldig stor fil, noe som likevel bremser nedlastingshastigheten på siden din. Og er det noe alle vet i dag, så er det at rrege nettsider, det har vi ikke tålmodighet til å vente på. En effektiv metode å minske filstørrelsen, er å optimalisere bildene før du laster dem opp til ditt nettsted. De fleste grafiske redigeringsprogrammer lar deg redigere filstørrelsen (og delvis også redusere kvaliteten) på et bilde for internett uten å redusere den fysiske størrelsen.
Bilderedigeringsprogram
Det finnes et utall bilderedigeringsprogram, og dette er bare et lite utvalg, men det er gode alternativer som du kan vurdere.
Affinity Photo er et godt alternativ til Photoshop og tilbyr mange av de samme funksjonene, pluss noen i tillegg. Beregnet for de som redigerer mye, eller trenger avanserte muligheter. Pris ca. 550 kr
Automatiske bildekomprimeringsprogram
For deg som vil gjøre det enklest mulig, finnes det løsninger som kun komprimerer filstørrelsen på bildene slik at de lastes raskere på nettsiden din. Disse kan redusere filstørrelsen opptil 90% uten at det gjør så veldig utslag på bildekvaliteten. Prøv disse, og se hvilket du liker best.
Image Optimizer Online program som er enkelt å bruke
TinyPNG (tar både png og jpg, på tross av navnet) er også online, og meget populært
Imagify er en WordPress plugin som automatisk optimaliserer bildene du laster opp i nettsiden din og er gratis, men har et tak på ca 25MB pr mnd. Finnes også i en Proversjon som optimaliserer ytterligere
WpSmush er en annen WordPress plugin som automatisk optimaliserer bildene du laster opp i nettsiden din og er gratis. Finnes også i en Proversjon som optimaliserer ytterligere og er den jeg bruker oftest for kunder som har behov for slike løsninger. se video:
https://youtu.be/BDtgVJZEajg