ūüĎČ Fremskynde dit WordPress - S√•dan gemmes billeder optimeret til web

Den ultimative vejledning til en effektiv Guest Blogging-strategi i 2018

Gemmer du billeder forkert? De fleste begyndere ved ikke, hvordan man kan gemme billeder korrekt, hvilket kan have en stor indvirkning på webshastigheden. I denne artikel vil vi vise dig, hvordan du korrekt kan gemme billeder optimeret til web.

Hver blogging ekspert vil fortælle dig, at billeder bidrager til at øge engagementet. Men hvad de ikke fortæller dig er, at ikke optimering af billeder til web kan sænke dit websted. Ifølge Strangeloop kan en forsinkelse på et sekund koste dig 7% af salget, 11% færre sidevisninger og 16% fald i kundetilfredshed.

Video Tutorial

Tilmeld dig WPBeginner

Hvis du ikke kan lide videoen eller har brug for flere instruktioner, skal du fortsætte med at læse.

Hvordan gemmer billeder korrekt?

Når du gemmer billeder, skal du overveje to ting: billedfilformat, og kompression. Ved at vælge den rigtige kombination, kan du reducere din billedstørrelse med 5x.

For de fleste af os er de eneste to billedformater, der betyder noget, JPEG og PNG. For at holde tingene simple skal du bruge JPEG'er til billeder eller billeder med masser af farve og bruge PNG'er til enklere billeder, eller når du har brug for gennemsigtige billeder.

For dem der ikke kender forskellen er PNG-billedformat ukomprimeret, hvilket betyder, at det er et billede af højere kvalitet. Ulempen er, at filstørrelsen er meget større. På den anden side er JPEG et komprimeret filformat, hvilket reducerer billedkvaliteten lidt for at give en signifikant mindre filstørrelse.

På WPBeginner er de fleste af vores billeder JPEG'er.

Den næste ting er kompression, hvilket betyder at bruge et værktøj til at gemme billeder optimeret til web. Kompression kan gøre en enorm forskel.

Se nedenstående tabel, som fremhæver de få kombinationer, vi kunne have brugt til at gemme Strangeloop-billedet, der bruges i denne artikel.

BilledformatBilledestørrelse
Photoshop Optimeret JPEG Høj33 KB
Optimeret TinyPNG57 KB
JPEG Mini Optimized70 KB
Photoshop Optimeret JPEG Max93 KB
Ikke-optimeret JPEG-maks119 KB
Photoshop Optimeret PNG135 KB
Ikke-optimeret PNG145 KB

Billedkompressionsværktøjer til bloggere

Nu hvor du har set forskellen på hver kompressionstype, er nedenstående, hvordan du korrekt kan gemme billeder optimeret til web og fremskynde dit websted.

Adobe Photoshop

Adobe Photoshop er en premium software, der leveres med en funktion til at gemme billeder optimeret til web. Du skal blot åbne dit billede og klikke på knappen File> Save for Web & Devices.

Dette åbner en gemme skærm. Til højre kan du indstille forskellige billedformater. For JPEG-format, vil du se forskellige kvalitetsindstillinger. Når du vælger dine indstillinger, vises det også filstørrelsen nederst til højre.

Bemærk: Vi forstår, at Photoshop er ret dyrt. GIMP er et gratis alternativ, som brugere kan bruge. Andre Adobe-produkter som fyrværkeri kan også gøre jobbet.

TinyPNG

TinyPNG er en gratis webapp, der bruger smart lossy komprimeringsteknik til at reducere størrelsen af ‚Äč‚Äčdine PNG-filer. Alt du skal gøre er at gå til deres hjemmeside og uploade dine billeder. De vil komprimere billedet og give dig downloadlinket.

For udviklere har de også en API til at konvertere billeder automatisk.

JPEG Mini

JPEGmini bruger en genkomprimeringsteknologi, der reducerer størrelsen på billederne væsentligt uden at påvirke deres perceptuelle kvalitet. Du kan bruge deres webversion gratis eller købe programmet til din computer. De har også en betalt API til at automatisere processen til din server.

ImageOptim

ImageOptim er et Mac-værktøj, der giver dig mulighed for at komprimere billeder uden at miste nogen kvalitet ved at finde de bedste komprimeringsparametre og fjerne unødvendige farveprofiler.

Windows alternativ til dette er Trimage.

Som du kan se, at der er flere værktøjer, du kan bruge til at optimere billeder til web. Ved brug af Photoshop-komprimering så vi de bedste resultater i størrelse, men kvaliteten blev påvirket. TinyPNG var en klar vinder for at gemme enhver form for PNG på nettet.

Nogle tyder på, at du kan bruge en kombination af TinyPNG eller JPEG Mini og Image Optim til endnu bedre resultater. Hvis du kører to separate værktøjer til at uploade billeder, kan det dog øge din arbejdsbyrde lidt.

Endelige tanker om billedoptimering

Hvis du ikke gemmer billeder optimeret til web, skal du begynde at gøre det nu. Det kan gøre en enorm forskel på dit websted hastighed, og dine brugere vil takke for det. Sikker på, at billedkvaliteten kan falde lidt, men de fleste brugere vil ikke bemærke det.

Hvis du leder efter kvalitetsbilleder, kan du se vores vejledning om, hvordan du finder royaltyfrie billeder til dine blogindlæg.

Sidst men ikke mindst, ved at bruge en CDN til at betjene billeder til dit WordPress-websted, kan du hurtigt øge dit websted. Tjek dette infographic for at se, hvad der er en CDN, og brug vores guide til, hvordan du opsætter CDN til dit websted. Vi bruger MaxCDN til vores hjemmeside.

Vi håber du fandt denne artikel til hjælp.

Har du blogger venner, der gemmer billeder forkert? Del denne artikel med dem, så de kan fremskynde deres websted. De vil takke for det.

Hvis du har spørgsmål, så vær venlig at give en kommentar nedenfor. Glem også at følge os på Twitter og Google+

Like this post? Please share to your friends:
Skriv et svar

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: