Hvordan optimalisere bilder for nettet? Vi forklarer med tekstbilde og video

bildeformat

Et bilde er verdt tusen ord

Det er et ordtak som sier at et bilde sier mer enn tusen ord, og det er nettopp derfor bilder er så viktige i e-handel. Når du kjøper varer på nettet, må kunden bruke bildene til å oppfatte produktets farge, kvalitet og få en følelse av produktet uten å ha det foran seg.

Det er viktig at bildene er skarpe og i høy oppløsning, men denne typen bilder har ofte store filstørrelser, som risikerer å gjøre nettstedet ditt tregt å bruke. Kunder som ikke kan vente, forlater siden og over tid vil Google legge merke til det, noe som kan påvirke søkemotoroptimaliseringen (SEO).

Når du lagrer et bilde på nettstedet ditt, er det viktig å finne en god balanse mellom bildefilstørrelse og bildekvalitet. I dette innlegget viser vi deg hvordan du gjør nettopp det.

Denne guiden er for deg som har et tregt nettsted med mange bilder, for deg som ennå ikke har begynt å bygge nettstedet ditt, for deg som ikke har noen offisiell kunnskap eller metode for å lagre bilder i form av filstørrelse og for deg som vanligvis tar et produktbilde og deretter laste det opp direkte til nettstedet.

Ulike alternativer for bildefiler
Når det gjelder å lagre bilder som er optimalisert for nettet, vil vi fokusere på tre filtyper. Disse filtypene er JPG, PNG og GIF. De forskjellige filtypene har forskjellige styrker og svakheter, og disse vil nå bli gjennomgått slik at du kan velge filtype som passer til nettstedet ditt og behov.

Arbeid med JPG-filer
Den mest populære filtypen som brukes til nettbilder er JPG, også kjent som JPEG. Fordi JPG har en veldig stor fargepalett å bruke, er denne filtypen perfekt for fotografier og for komplekse bilder som inneholder mange farger, mønstre eller skygger.

Det er også mulig å lagre JPG-bilder i forskjellige kvaliteter, noe som er veldig fleksibelt basert på behovet som er angående filstørrelse og kvalitet.

Bruk for nettselskaper:
Som det mest populære filformatet på nettet brukes JPEG til fotografier, produktbilder og nettsidebannere eller bilder.

Arbeid med PNG-filer
Et annet populært filformat på nettet er PNG. Du kan lagre PNG-filer som PNG-8 eller PNG-24 i Adobe Photoshop.

  • PNG-8 har en begrenset fargepalett bestående av 256 farger, noe som gir en mindre bildestørrelse. Det er derfor mindre egnet for fotografier eller komplekse bilder.
  • PNG-24 gir et bilde av høyere kvalitet, men det betyr også en større filstørrelse.

En av de største forskjellene mellom JPEG og PNG er at PNG kan håndtere gjennomsiktig bakgrunn.

Bruk for nettselskaper:
Fordi de er av høy kvalitet og kan håndtere gjennomsiktighet, brukes PNG vanligvis til logoer, da disse nesten alltid krever åpenhet. Du vil sannsynligvis ha logoen din av høy kvalitet, og siden logoen ofte bare er en liten del av nettstedet, er filstørrelsen fortsatt liten.

Arbeid med GIF-filer
GIF-filer er ikke så populære som de var for mange år siden. Men for små bildestørrelser som bare har noen få farger, er det fortsatt et nyttig alternativ. Du bør ikke bruke dem til produktbilder ettersom GIF-er har den samme fargepaletten på 256 farger som PNG-8.

Bruk for nettselskaper: GIF kan brukes til logoer, men er ikke spesielt populært å bruke i e-handel på grunn av den begrensede fargepaletten.

Lagre bildet riktig
Det tar selvfølgelig lengre tid å laste et stort bilde enn et lite bilde. Med stort bilde menes at bildefilen er stor, ikke at dens dimensjoner er store. Filstørrelsen er spesifisert i verdier som KB, MB, GB og så videre. Blant nettbrukere forventer 47% at et nettsted lastes inn på under 2 sekunder og 40% forlater siden hvis det tar mer enn 3 sekunder å laste. Derfor er det viktig at bildene dine har store nok filstørrelser for at nettstedet ditt skal være raskt nok.

For å optimalisere bildene dine for nettstedet ditt, er det noen få ting du kan gjøre:

  • Lagre bildet i riktig dimensjon
    For å se bildet i størrelsen det vil vises på nettet når du laster det opp, åpner du det i Photoshop og viser det 100%. Dette vil hjelpe deg å finne de riktige dimensjonene for bildet.
  • Lagre bildet for nettet
    Du kan redusere filstørrelsen på bildet uten å forårsake en betydelig forringelse av kvaliteten. En god metode for å gjøre dette er å bruke Photoshop-funksjonen "Save for Web". For å gjøre dette, åpner du bildet i Photoshop og går deretter til File> Export> Save For Web (Old). Dette åpner et vindu der du kan velge eksportkvalitet. En kvalitet på 60 er et godt alternativ, siden den ikke reduserer kvaliteten betydelig, men likevel reduserer filstørrelsen til mindre enn en megabyte (MB).

Justerer bildestørrelse med den gratis Fotosizer-programvaren

Wikipedia-informasjon om Bild

Image Image kan referere til: Visuell kunst - maleri, tegning og grafikk, og nå også skulptur Tegning (kunst) - en visuell kunst Fotografi - vitenskapen om produksjon og prosessering av fotografier Virkelig bilde - et begrep brukt i optikk og fysikk Virtuelt bilde - en begrep brukt i optikk og fysikk Digitalbilde - et grafisk objekt kodet i digital form Bilde (matematikk) - i kombinatorikk en blanding mellom skjeve diagrammer Bilde (avis) - en tysk dagsavis Bilder (musikkalbum) - musikkalbum av Turid Lundqvist Bildjournalistikk - en form av journalistikk som skaper bilder for å fortelle en nyhet Bildelæring i Sverige