Sådan optimerer du produktbilleder: Instruktioner og ressourcer

Sendt 2 år siden by Anastasia Prokofieva

Produktbilleder hjælper med at forsegle handlen, når kunder besøger din hjemmeside. For at bevare deres interesse skal du have attraktive billeder, der indlæses hurtigt. Du skal med andre ord optimere dine produktbilleder.

Du undrer dig måske over, hvordan du finder den optimale billedstørrelse, hvordan du komprimerer billeder, og hvordan du optimerer billeder uden at miste kvalitet.

Vi har dig dækket. I denne artikel kommer vi ind på nitty-gritty af billedoptimering og tag et kig på de tilgængelige værktøjer til at få arbejdet gjort hurtigt og nemt.

Hvorfor skal du optimere billeder?

Billeder er en vigtig del af enhver hjemmeside. Dette gælder især for en e-handelsside. Billeder påvirker kunderne, når de overvejer at købe noget. De tilføjer til det overordnede design af websiden, hjælper kunder med at vælge et produkt og forbedrer dit websteds SEO.

For eksempel vil du undgå at uploade store filer. De kan bremse din side, hvilket påvirker din søgemaskineplacering og driver potentielle kunder væk. Ingen ønsker at vente på, at en side bliver indlæst, mens de handler online. Derfor skal du optimere dine produktbilleder.

Forstå billedets dimensioner og proportioner

Lad os finde ud af, hvad du skal være opmærksom på, når du optimerer dine billeder.

Et billedes størrelse og dimensioner er virkelig vigtige. Disse parametre påvirker filstørrelsen og billedets udseende på forskellige enheder.

Størrelse

Nu er æraen af høj opløsning og højhastighedstog Internettet, men det betyder ikke, at vi ikke skal bekymre os om at optimere billeder. Moderne kameraer og endda smartphones kan tage høj opløsning billeder. Du har måske endda forberedt sådanne billeder til din butik.

Men når billeder er for store, er de ikke egnede til internettet. De sænker indlæsningshastigheden, især på en telefon. Hvis du ikke ønsker, at dine besøgende skal blive utålmodige og forlade din butik, bør du reducere størrelsen på dine billeder.

Et billede har to størrelser:

Billedstørrelse er den plads, en grafik optager på skærmen. Denne størrelse måles i pixels (px), som er de individuelle punkter, der udgør skærmen. Du kan uploade billeder af enhver størrelse på Ecwid-butikken. De er derefter optimeret til at passe til bredden af browservinduet. Alligevel er det bedst at reducere dine produktbilleder til omkring 1000 x 1000 px. Den størrelse er stor nok til at vise produktet og lille nok til at indlæse hurtigt.
Filstørrelse er den hukommelsesplads, som billedet optager. Denne størrelse måles typisk i bytes Kilo- (Kb), mega (Mb) og Gigabyte (Gb). Jo større filstørrelse billedet er, jo mere lagerplads kræver det.

Dette produktbilledes størrelse er 1920×1920 og dets filstørrelse er 272 kB

Større filer tager længere tid at indlæse. Filkomprimeringssoftware blev udviklet til at bekæmpe dette problem. Et billede komprimeres typisk ved at optimere farvedataene.

Men stærk komprimering forringer "kvaliteten" af billeder. Det forårsager støj eller en brat farveovergang.

For en filstørrelse på omkring 1000 px vil en god komprimering fylde omkring 200 kB.

Lad os nu lære mere om, hvordan du vælger de rigtige proportioner til dine billeder.

Proportioner

Proportionerne af et billede angiver bredde-til-højde forhold.

Nogle forhold er mere behagelige for øjet end andre. Standardsættet af proportioner ser altid pænt ud. Disse er 1:1, 4:3, 3:2 og 16:9.

Proportionerne er vigtige, da de hjælper med at definere udseendet af dit websted. Stræb efter de samme proportioner for alle dine produktbilleder for at give din butiksfacade et struktureret og professionelt udseende.

Sådan vælger du billedformat

En anden ting at huske på for optimal billeddannelse er billedformat. Det er den type fil, som et billede er gemt i.

Der er mange typer billedformater. Hver har sine fordele og ulemper med hensyn til kvalitet, kompression og support. Du bør vælge det format, der giver den højeste kvalitet med den mindste størrelse.

De tre mest almindelige formater på nettet er JPEG, PNG og GIF. Hver skal bruges på en bestemt måde.

Lad os opdele formaterne:

GIF (Graphics Interchange Format) er i stand til at gemme komprimerede data uden tab af kvalitet ved brug af ikke mere end 256 farver. Formatet understøtter typisk animationer. I lang tid var GIF'er det mest almindelige format på internettet ... indtil PNG kom.
PNG (Portable Network Graphics) bruger tabsfri komprimering og gemmer et ubegrænset antal farver.
JPEG (Joint Photographic Experts Group, navnet på udvikleren) er det mest typiske format til lagring af fotos og andre billeder. JPEG-algoritmen kan bruge både tabs- og tabsfri komprimering (mere om det senere). Jo større filstørrelse, jo mindre tab.

Hvilket format skal du vælge? Hvis du har et animeret billede, er det let - GIF er det format, du leder efter. Men hvad med JPEG og PNG?

JPEG- og PNG-filer ligner hinanden, men de har også afgørende forskelle. JPEG'er er mindre i størrelse, fordi de bruger en komprimeringsproces, der fjerner nogle data. PNG'er understøtter på den anden side gennemsigtige baggrunde og er bedre til grafisk design.

Den generelle regel er at bruge JPG'er til fotografier og billeder, der ikke har en gennemsigtig baggrund. Hvad angår PNG, er det bedre at bruge dem til grafik, filer med gennemsigtige baggrunde og andre billeder, hvor klarhed og farvelevende er vigtige. Så for produktbilleder giver det mening at foretrække JPEG frem for PNG.

Dette produktfoto er i JPEG-format

Sådan komprimeres billeder uden at miste kvalitet

Kompression hjælper med at reducere størrelsen af et billede. Jo lavere kvalitet, jo højere komprimering, og jo mindre filstørrelse.

Der er to typer kompression:

Tabskompression reducerer størrelsen af en fil ved at fjerne overflødige data. Men når du komprimerer en fil på denne måde, kan det forringe billedkvaliteten betydeligt.
Lossless kompression er en teknik, der holder kvaliteten af en fil høj. Det vil dog ikke reducere filstørrelsen så meget som komprimering med tab. Hvis du har brug for at reducere filstørrelsen uden at påvirke kvaliteten mærkbart, er det bedre at vælge tabsfri komprimering.

Læs videre for at lære om onlineværktøjer, du kan bruge til at komprimere et billede uden kvalitetstab.

Sådan optimerer du billeder til internettet: Værktøjsoversigt

Vil du finde ud af, hvordan man optimerer billeder til en hjemmeside? Heldigt for dig bruger du onlineværktøjer til at optimere dine billeder automatisk uden at bruge timer på at se Photoshop-tutorials.

Følgende websteder kan automatisere optimering for dig:

Sådan optimerer du billedstørrelse: 4 enkle værktøjer

Hvis du leder efter en filstørrelsesreduktion, så tjek en af følgende tjenester. De er enten gratis eller har gratis prøveversioner:

TinyJPG: det reducerer filstørrelsen på JPEG-billeder. Ifølge deres websted, kan det reducere det med mere end 70%!
TinyPNG: den samme billedkompressor men til PNG-filer.
Squoosh: en webapp til billedkomprimering, der reducerer billedstørrelser gennem adskillige formater.
JPEGmini: en fotokompressor til JPEG-filer. Den har mere avancerede funktioner, der er nyttige for fotografer, herunder eksport af billeder direkte fra Lightroom og Photoshop.
ImageOptim: en billedoptimering til Mac-enheder. Du skal downloade det for at bruge det.

Optimering af billeder med JPEGmini

Hvis du driver en Ecwid-butik, kan du bruge SEO hastighed og billedoptimering app fra Ecwid App Market. Appen giver mulighed for et enkelt klik optimering og komprimering af produktbilleder, som bidrager til hurtigere indlæsningstider for produktsider.

Sådan optimerer du billeder til WordPress

Hvis du har en WordPress hjemmeside, kan du bruge en billedoptimering og komprimeringsplugins. De hjælper dig med automatisk at optimere billeder på WordPress-websteder, hvilket giver mulighed for bedre hastighed og ydeevne.

Forresten, hvis du leder efter et e-handelsplugin til dit WordPress-websted, så tjek dette Ecwid by Lightspeed plugin. Det giver dig mulighed for nemt at tilføje en onlinebutik til dit WordPress-websted. Når pluginnet er installeret, opretter det automatisk en butiksside, hvor dine kunder kan handle på din hjemmeside.

EWWW Image Optimizer
EWWW Image Optimizer er et af de bedste WordPress-plugins til at komprimere billeder og optimere billeder på din hjemmeside. Hele processen med at optimere billeder er automatiseret. Dette inkluderer komprimering af billeder og skalering, så de passer til den rigtige sidestørrelse og enhed. Pluginnet er abonnementsbaseret men det tilbyder en 7-dag gratis prøveversion.

Komprimer JPEG og PNG
Komprimer JPEG og PNG er et plugin skabt af teamet bag de tjenester, vi allerede har nævnt - TinyPNG og TinyJPG. Det komprimerer automatisk billeder ved upload. Du kan også masseoptimere ældre billeder. Med en gratis konto kan du optimere 500 billeder hver måned.

reSmush.it
reSmush.it er et gratis WordPress-billedkomprimeringsplugin til filer op til 5MB. Du kan automatisk optimere billeder ved upload, masseoptimere ældre billeder og ekskludere nogle billeder fra optimeringsværktøjet.

Flere automatiserede billedoptimeringsværktøjer

Men hvad hvis du ikke har et WordPress-websted? Manuel optimering af et stort antal billeder er bestemt tidskrævende. Heldigvis er der flere onlineværktøjer tilgængelige til automatisk at reducere filstørrelser til forbedre webstedets hastighed.

ImageRecycle
ImageRecycle understøtter forskellige billedformater, såsom JPEG, PNG, GIF og endda PDF-filer.

Værktøjet kan afgøre, hvilke billeder på din hjemmeside, der skal optimeres ud fra billedstørrelse og dimension. Indtast blot din hjemmesideadresse, og ImageRecycle sender dig en gratis rapport via e-mail. De har også en gratis prøveperiode, så du kan se deres optimeringsværktøj i aktion.

ImageKit.io
ImageKit.io er ikke en almindelig billedkompressor, men et image CDN (content delivery network). Den optimerer, tilpasser størrelsen og sender billeder gennem sit globale netværk af servere. Du kan tilmelde dig et evigt gratis abonnement.

Værktøjer til redigering af produktbilleder

Hvis du ikke har noget imod at redigere billeder selv og ikke er bange for lidt DIY, kan du finde værktøjer til fotoredigering nyttige. Her er nogle af dem:

Photoshop
Photoshop tilbyder en gratis online redaktør til grundlæggende billedmanipulation (såsom beskæring eller ændring af størrelse på billeder). Det giver dig også mulighed for at fjerne baggrund fra billeder og finjustere dine billeder med forskellige indstillinger såsom kontrast, lysstyrke, mætning, varme eller skarphed.

Online Photoshop editor har designskabeloner, du kan bruge

GIMP
GIMP er et gratis program, der passer til Windows, Mac og Linux. Det tilbyder alt, hvad du har brug for til professionel grafik og fotografier, inklusive værktøjer til lag og masker, farvekorrektion, retouchering og maling. GIMP understøtter alle større billedfilformater.

PicMonkey
PicMonkey er en online editor med en enkel grænseflade og alle de grundlæggende funktioner, såsom beskæring, rotation, kontrol af skarphed, arbejde med farve og valg af billeder i opløsning. Det giver skabeloner til at skabe billeder til annoncer, sociale indlæg, logoer, infografik og mere. Den har en 7-dag gratis prøveversion.

Pixlr
Pixlr tilbyder en gratis online editor og designressourcer til begyndere og professionelle. Det har værktøjer til farve, tegning og fotoredigering. Med Pixlr arbejder du med lag og bruger forskellige effekter og filtre. Hvis du er interesseret, kan du prøvetur en premium-plan gratis i 30 dage.

Mere om billedoptimering

Store billeder kan gøre din hjemmeside langsommere, så det er vigtigt at optimere dem til nettet. At finde det rigtige billedformat til dine billeder ved at ændre størrelse og komprimere kan gøre underværker for din hjemmesides hastighedsbelastning.

Og nu kender du den gode nyhed: optimering er super nemt at gøre! Du kan også vende tilbage og henvise til denne artikel, når du har brug for det.

Hvis du er en mere avanceret bruger og ivrig efter at lære mere om, hvordan du optimerer billeder til SEO, anbefaler vi at se denne video fra Google. Den gennemgår nogle avancerede tips til at optimere dine billeder til en hjemmeside. Se den her:

Uanset hvor erfaren du er som e-handelsejer, så glem aldrig billedoptimering. Selv de enkleste værktøjer kan gøre dine billeder egnede til nettet. Ved at optimere dine billeder kan du drastisk påvirke dine kunders indkøbsoplevelse. Sørg for, at dine produktbilleder er både smukke og hurtige at indlæse!

Hvis du kun er i begyndelsen af din e-handelsrejse og har brug for at oprette en onlinebutik, så tjek ud Ecwid fra Lightspeed. Det giver dig mulighed for selv at oprette en gratis onlinebutik, uden behov for kodning eller designfærdigheder. Perfekt hvis du skal i gang med at sælge online så hurtigt som muligt!

Om forfatteren

Anastasia Prokofieva er indholdsforfatter hos Ecwid. Hun skriver om online markedsføring og promovering for at gøre iværksætteres daglige rutine nemmere og mere givende. Hun har også et blødt sted for katte, chokolade og at lave kombucha derhjemme.