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å
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
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ørrelsen på dette produktbildet er 1920×1920 og filstørrelsen er 272 kB
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
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
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.
Dette produktbildet er i JPEG-format
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.
Optimalisering av bilder med JPEGmini
Hvis du driver en Ecwid-butikk, kan du bruke SEO-hastighet og bildeoptimerer app fra Ecwid App Market. Appen åpner for
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
Komprimer JPEG og PNG
Komprimer JPEG og PNG er en plugin laget av teamet bak tjenestene vi allerede har
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
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.
Online Photoshop editor har designmaler du kan bruke
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
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
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!
