Hvordan optimalisere produktbilder: Instruksjoner og ressurser

Produktbilder bidrar til å forsegle avtalen når kunder besøker nettstedet ditt. For å opprettholde interessen deres, må du ha attraktive bilder som lastes raskt. Du må med andre ord optimere produktbildene dine.

Du lurer kanskje på hvordan du finner den optimale bildestørrelsen, hvordan du komprimerer bilder og hvordan du optimaliserer bilder uten å miste kvalitet.

Vi har deg dekket. I denne artikkelen kommer vi inn på nitty-gritty av bildeoptimalisering og ta en titt på verktøyene som er tilgjengelige for å få jobben gjort raskt og enkelt.

Hvorfor trenger du å optimalisere bilder?

Bilder er en viktig del av hver nettside. Dette gjelder spesielt for en e-handelsside. Bilder påvirker kunder når de vurderer å kjøpe noe. De legger til den generelle utformingen av nettsiden, hjelper kundene med å velge et produkt og forbedrer nettstedets SEO.

Du vil for eksempel unngå å laste opp store filer. De kan bremse siden din, noe som påvirker søkemotorrangeringen din og driver vekk potensielle kunder. Ingen ønsker å vente på at en side skal lastes mens de handler på nettet. Det er derfor du må optimalisere produktbildene dine.

Forstå bildedimensjonene og proporsjonene

La oss finne ut hva du må være oppmerksom på når du optimerer bildene dine.

Et bildes størrelse og dimensjoner er veldig viktige. Disse parameterne påvirker filstørrelsen og bildets utseende på forskjellige enheter.

Størrelse

Nå er epoken med høy oppløsning og høyhastighets- Internett, men det betyr ikke at vi ikke skal bekymre oss for å optimalisere bilder. Moderne kameraer og til og med smarttelefoner kan ta høy oppløsning bilder. Du har kanskje til og med forberedt slike bilder for butikken din.

Men når bildene er for store, er de ikke egnet for Internett. De senker lastehastigheten, spesielt på en telefon. Hvis du ikke vil at de besøkende skal bli utålmodige og forlate butikken din, bør du redusere størrelsen på bildene dine.

Et bilde har to størrelser:

• Bildestørrelse er plassen en grafikk opptar på skjermen. Denne størrelsen måles i piksler (px), som er de individuelle punktene som utgjør skjermen. Du kan laste opp bilder i alle størrelser på Ecwid-butikken. De er deretter optimalisert for å passe til bredden på nettleservinduet. Likevel er det best å redusere produktbildene til omtrent 1000 x 1000 px. Den størrelsen er stor nok til å vise produktet og liten nok til å laste raskt.
• Filstørrelse er minneplassen som bildet tar opp. Denne størrelsen måles i byte, typisk Kilo- (Kb), mega- (Mb) og Gigabyte (Gb). Jo større filstørrelsen på bildet er, desto mer lagringsplass krever det.

Større filer tar lengre tid å laste. Filkomprimeringsprogramvare ble utviklet for å bekjempe dette problemet. Et bilde komprimeres vanligvis ved å optimalisere fargedataene.

Imidlertid forringer sterk komprimering "kvaliteten" på bilder. Det forårsaker støy eller en brå fargeovergang.

For en filstørrelse på ca. 1000 px vil en god komprimering ta opp rundt 200 kB.

La oss nå lære mer om hvordan du velger riktige proporsjoner for bildene dine.

proporsjoner

Proporsjonene til et bilde indikerer bredde-til-høyde forhold.

Noen forhold er mer behagelige for øyet enn andre. Standardsettet med proporsjoner ser alltid bra ut. Disse er 1:1, 4:3, 3:2 og 16:9.

Proporsjonene er viktige siden de er med på å definere utseendet til nettstedet ditt. Streb etter de samme proporsjonene for alle produktbildene dine for å gi butikkfronten din et strukturert og profesjonelt utseende.

Hvordan velge bildeformat

En annen ting å huske på for optimal bildebehandling er bildeformat. Det er typen fil et bilde er lagret i.

Det finnes mange typer bildeformater. Hver har sine fordeler og ulemper når det gjelder kvalitet, komprimering og støtte. Du bør velge formatet som gir den høyeste kvaliteten med den minste størrelsen.

De tre vanligste formatene på nettet er JPEG, PNG og GIF. Hver skal brukes på en bestemt måte.

La oss bryte ned formatene:

• GIF (Graphics Interchange Format) er i stand til å lagre komprimerte data uten tap av kvalitet ved bruk av ikke mer enn 256 farger. Formatet støtter vanligvis animasjoner. I lang tid var GIF-er det vanligste formatet på Internett ... helt til PNG kom.
• PNG (Portable Network Graphics) bruker tapsfri komprimering og lagrer et ubegrenset antall farger.
• JPEG (Joint Photographic Experts Group, navnet på utvikleren) er det mest typiske formatet for lagring av bilder og andre bilder. JPEG-algoritmen kan bruke både tapsfri og tapsfri komprimering (mer om det senere.) Jo større filstørrelse, jo mindre tap.

Hvilket format bør du velge? Hvis du har et animert bilde, er det enkelt – GIF er formatet du leter etter. Men hva med JPEG og PNG?

JPEG- og PNG-filer er like, men de har også avgjørende forskjeller. JPEG-er er mindre i størrelse fordi de bruker en komprimeringsprosess som fjerner noen data. PNG-er, på den annen side, støtter gjennomsiktige bakgrunner og er bedre for grafisk design.

Den generelle regelen er å bruke JPG-er for fotografier og bilder som ikke har en gjennomsiktig bakgrunn. Når det gjelder PNG, er det bedre å bruke dem til grafikk, filer med gjennomsiktig bakgrunn og andre bilder der klarhet og fargelevende er viktig. Så for produktbilder er det fornuftig å foretrekke JPEG fremfor PNG.

Hvordan komprimere bilder uten å miste kvalitet

Komprimering bidrar til å redusere størrelsen på et bilde. Jo lavere kvalitet, jo høyere komprimering, og jo mindre filstørrelse.

Det finnes to typer kompresjon:

• Tapskompresjon reduserer størrelsen på en fil ved å fjerne overflødige data. Men når du komprimerer en fil på denne måten, kan det forringe bildekvaliteten betydelig.
• Lossless kompresjon er en teknikk som holder kvaliteten på en fil høy. Det vil imidlertid ikke redusere filstørrelsen så mye som tapskomprimering. Hvis du trenger å redusere filstørrelsen uten å påvirke kvaliteten merkbart, er det bedre å velge tapsfri komprimering.

Les videre for å lære om nettbaserte verktøy du kan bruke til å komprimere et bilde uten kvalitetstap.

Hvordan optimalisere bilder for nettet: Verktøyoversikt

Vil du finne ut hvordan du kan optimalisere bilder for et nettsted? Heldig for deg, du bruker nettbaserte verktøy for å optimalisere bildene dine automatisk uten å bruke timer på å se Photoshop-opplæringen.

Følgende nettsteder kan automatisere optimalisering for deg:

Hvordan optimalisere bildestørrelse: 4 enkle verktøy

Hvis du leter etter en filstørrelsesreduksjon, sjekk ut en av følgende tjenester. De er enten gratis eller har gratis prøveversjoner:

• TinyJPG: det reduserer filstørrelsen på JPEG-bilder. Ifølge nettstedet deres kan det redusere det med mer enn 70%!
• TinyPNG: samme bildekompressor men for PNG-filer.
• Squoosh: en nettapp for bildekomprimering som reduserer bildestørrelser gjennom en rekke formater.
• jpegmini: en fotokompressor for JPEG-filer. Den har mer avanserte funksjoner som er nyttige for fotografer, inkludert eksport av bilder direkte fra Lightroom og Photoshop.
• ImageOptim: en bildeoptimalisering for Mac-enheter. Du må laste den ned for å bruke den.

Hvis du driver en Ecwid-butikk, kan du bruke SEO-hastighet og bildeoptimerer app fra Ecwid App Market. Appen åpner for ett klikk produktbildeoptimalisering og komprimering som bidrar til raskere lastetider for produktside.

Hvordan optimalisere bilder for WordPress

Hvis du har et WordPress-nettsted, kan du bruke en bildeoptimalisering og komprimeringsplugins. De hjelper deg å automatisk optimalisere bilder på WordPress-nettsteder, noe som gir bedre hastighet og ytelse.

Forresten, hvis du leter etter en e-handelsplugin for WordPress-nettstedet ditt, sjekk ut dette Ecwid av Lightspeed-plugin. Den lar deg enkelt legge til en nettbutikk på WordPress-siden din. Når det er installert, oppretter plugin-en automatisk en butikkside hvor kundene dine kan handle på nettstedet ditt.

EWWW Image Optimizer
EWWW Image Optimizer er en av de beste WordPress-pluginene for å komprimere bilder og optimalisere bilder på nettstedet ditt. Hele prosessen med å optimalisere bilder er automatisert. Dette inkluderer komprimering av bilder og skalering for å passe til riktig sidestørrelse og enhet. Plugin er abonnementsbasert men det tilbyr en 7-dag gratis prøveperiode.

Komprimer JPEG og PNG
Komprimer JPEG og PNG er en plugin laget av teamet bak tjenestene vi allerede har nevnt – TinyPNG og TinyJPG. Den komprimerer automatisk bilder ved opplasting. Du kan også masseoptimalisere eldre bilder. Med en gratis konto kan du optimalisere 500 bilder hver måned.

reSmush.it
reSmush.it er en gratis plugin for WordPress bildekomprimering for filer opptil 5MB. Du kan automatisk optimalisere bilder ved opplasting, masseoptimalisere eldre bilder og ekskludere noen bilder fra optimeringsverktøyet.

Flere automatiserte bildeoptimaliseringsverktøy

Men hva om du ikke har et WordPress-nettsted? Manuell optimalisering av et stort antall bilder er definitivt tidkrevende. Heldigvis er det flere online verktøy tilgjengelig for automatisk å redusere filstørrelser til forbedre nettstedets hastighet.

ImageRecycle
ImageRecycle støtter ulike bildeformater, som JPEG, PNG, GIF og til og med PDF-filer.

Verktøyet kan bestemme hvilke bilder på nettstedet ditt som må optimaliseres basert på bildestørrelse og dimensjon. Bare skriv inn nettadressen din og ImageRecycle vil sende deg en gratis rapport via e-post. De har også en gratis prøveversjon slik at du kan se optimaliseringsverktøyet deres i aksjon.

ImageKit.io
ImageKit.io er ikke en vanlig bildekompressor, men et bilde-CDN (innholdsleveringsnettverk). Den optimerer, endrer størrelse og sender bilder gjennom sitt globale nettverk av servere. Du kan registrere deg for en evig gratis plan.

Verktøy for redigering av produktbilder

Hvis du ikke har noe imot å redigere bilder selv og ikke er redd for litt DIY, kan du finne verktøy for bilderedigering nyttig. Her er noen av dem:

Photoshop
Photoshop tilbyr en gratis online redaktør for grunnleggende bildemanipulering (som beskjæring eller endre størrelse på bilder). Den lar deg også fjerne bakgrunn fra bilder og finjustere bildene dine med forskjellige innstillinger som kontrast, lysstyrke, metning, varme eller skarphet.

GIMP
GIMP er et gratis program som passer for Windows, Mac og Linux. Den tilbyr alt du trenger for profesjonell grafikk og fotografier, inkludert verktøy for lag og masker, fargekorrigering, retusjering og maling. GIMP støtter alle store bildefilformater.

PicMonkey
PicMonkey er en online editor med et enkelt grensesnitt og alle grunnleggende funksjoner, som beskjæring, rotering, skarphetskontroll, arbeid med farger og valg av bilder med oppløsning. Den gir maler for å lage bilder for annonser, sosiale innlegg, logoer, infografikk og mer. Den har en 7-dag gratis prøveperiode.

Pixlr
Pixlr tilbyr en gratis online redaktør og designressurser for nybegynnere og profesjonelle. Den har verktøy for farger, tegning og fotoredigering. Med Pixlr jobber du med lag og bruker ulike effekter og filtre. Hvis du er interessert, kan du Prøvekjøre en premiumplan gratis i 30 dager.

Mer om bildeoptimalisering

Store bilder kan bremse nettstedet ditt, så det er viktig å optimalisere dem for nettet. Å finne det riktige bildeformatet for bildene dine ved å endre størrelse og komprimere kan gjøre underverker for hastigheten på nettstedet ditt.

Og nå vet du de gode nyhetene: optimering er superenkelt å gjøre! Du kan også komme tilbake og referere til denne artikkelen når du trenger det.

Hvis du er en mer avansert bruker og ivrig etter å lære mer om hvordan du kan optimalisere bilder for SEO, anbefaler vi å se denne videoen fra Google. Den går gjennom noen avanserte tips for å optimalisere bildene dine for et nettsted. Se den her:

Uansett hvor erfaren du er som e-handelseier, glem aldri bildeoptimalisering. Selv de enkleste verktøyene kan gjøre bildene dine egnet for nettet. Ved å optimalisere bildene dine kan du drastisk påvirke kundenes handleopplevelse. Sørg for at produktbildene dine er både vakre og raske å laste!

Hvis du bare er i begynnelsen av din netthandelsreise og trenger å opprette en nettbutikk, sjekk ut Ecwid av Lightspeed. Det lar deg sette opp en gratis nettbutikk selv, uten behov for koding eller designkunnskaper. Perfekt hvis du skal begynne å selge online så snart som mulig!

• Hvordan designe produktkategoribilder
• Hvordan lage kinografer for produktbilder
• Hvordan optimalisere produktbilder
• Hvordan endre størrelse på et bilde
• Oversikt over bilderesizers