Stora bildfiler är en av de vanligaste orsakerna till långsamma webbsidor, studsade e-postmeddelanden och fulla lagringsdiskar. Den goda nyheten är att de flesta bilder är mycket större än de behöver vara, och du kan oftast halvera deras storlek eller mer utan någon skillnad du faktiskt kan se. Knepet är att veta vilka spakar man ska dra i.
Den här guiden går igenom de fem saker som avgör en bildfils storlek, ungefär i fallande ordning efter hur stor effekt de har, så att du tryggt kan krympa dina bilder utan att försämra dem.
Vad "utan att förlora kvalitet" betyder här
Det är värt att vara tydlig, eftersom uttrycket används slarvigt. Vissa metoder är helt *lossless* – de minskar storleken samtidigt som varje pixel hålls identisk. Andra är *lossy* men intrimmade så att förlusten är osynlig för det mänskliga ögat, vilket är vad de flesta egentligen vill ha. Båda är giltiga. Genom hela den här guiden betyder "utan att förlora kvalitet" att resultatet ser identiskt ut för dig vid normal visning, även om filen är mycket mindre.
Spak 1: Välj ett effektivare format
Detta är oftast den enskilt största vinsten, och det kräver ingen kvalitetskompromiss alls. Äldre format som JPEG och PNG är långt mindre effektiva än moderna. Att konvertera en JPEG till WebP minskar vanligtvis filen med 25 till 34 procent vid samma visuella kvalitet; att konvertera till AVIF kan minska den med ungefär hälften.
För fotografier, konvertera JPG till WebP eller JPG till AVIF. För grafik och skärmdumpar som för närvarande lagras som PNG, konvertera PNG till WebP, vilket behåller transparensen samtidigt som filen krymper. En formatändring ensam löser ofta problemet innan du rör något annat. För en djupare jämförelse, se WebP vs AVIF.
Spak 2: Ändra storlek till de dimensioner du faktiskt visar
Detta är det vanligaste bortslösade utrymmet. Ett foto direkt från en telefon eller kamera kan vara 4000 pixlar brett, men om det visas i en kolumn på 800 pixlar laddas tre fjärdedelar av de pixlarna ner och kastas sedan bort av webbläsaren. Att ändra storlek på bilden till den största storlek den faktiskt kommer att visas i – kanske dubbelt så stor för högupplösta skärmar – kan krympa filen enormt utan synlig förlust, eftersom du inte tar bort några detaljer som betraktaren hade kunnat se.
Ändra alltid storlek innan du börjar finjustera komprimeringen. Det är steget med störst effekt för översvämmande stora foton.
Spak 3: Justera kvalitetsinställningen
*Lossy*-format låter dig byta lite trohet mot mycket storlek. Sambandet är inte linjärt: att sänka från maximal kvalitet till omkring 80 till 85 procent tar ofta bort en stor del av filstorleken samtidigt som det förblir visuellt omöjligt att skilja från originalet för typiska foton. Över ungefär 90 procent betalar du ett brant storlekspåslag för detaljer som knappt någon kan se.
En kvalitetsnivå i det lägre till mellersta 80-talet är en pålitlig idealpunkt för webbfotografier. Grafik med skarpa kanter och text är känsligare, så håll den högre eller använd ett *lossless*-format.
Spak 4: Ta bort onödig metadata
Foton bär ofta på dolt bagage: EXIF-data såsom kameramodell och GPS-position, inbäddade miniatyrer och färgprofiler. Inget av det är synligt i bilden, men det kan ändå lägga till betydande vikt, särskilt över många små bilder. Att ta bort metadata är helt *lossless* för själva bilden, och det har en integritetsfördel, eftersom det kan rensa bort plats- och enhetsdetaljer. Många konverterare tar bort eller låter dig ta bort dessa data automatiskt.
Spak 5: Matcha komprimeringstypen till innehållet
Att använda fel komprimeringstyp gör filerna onödigt stora. Fotografier hör hemma i ett *lossy*-format som JPEG, WebP eller AVIF, där deras kontinuerliga toner komprimeras effektivt. Grafik, logotyper, skärmdumpar och allt med plana färgfält och skarpa kanter hör hemma i ett *lossless*-format som PNG – eller ännu hellre en vektor-SVG för logotyper och ikoner, som är pytteliten och skalar oändligt. Att spara en logotyp som en högupplöst JPEG, eller ett foto som en PNG, är båda vanliga och kostsamma misstag. För mer om detta, se JPG vs PNG.
Ett praktiskt arbetsflöde
Sammantaget ser en effektiv process ut så här:
- **Ändra storlek** på bilden till de största dimensioner den kommer att visas i.
- **Konvertera** den till ett modernt format – WebP för ett säkert standardval, AVIF för maximal besparing.
- **Ställ in kvaliteten** till det lägre till mellersta 80-talet för foton, högre för detaljrik grafik.
- **Ta bort metadata** du inte behöver.
I praktiken sköter en konvertering till WebP eller AVIF vid en rimlig kvalitet det mesta av detta i ett enda steg, vilket är anledningen till att en formatändring är det första att prova.
Lossless eller lossy: Vilket ska du välja
Om du inte kan tolerera någon förändring alls – för arkivmastrar, tekniska bilder eller grafik med knivskarp text – använd *lossless*-komprimering: PNG för rastergrafik, *lossless* WebP för mindre förlustfria filer, eller SVG för vektorkonst. För allt annat, särskilt webbfotografier, ger en *lossy*-inställning med hög kvalitet långt mindre filer utan synlig skillnad, vilket nästan alltid är den bättre avvägningen.
Hur du minskar filstorleken utan att installera programvara
Du behöver ingen bildredigerare för något av detta. En webbläsarbaserad konverterare kan ändra formatet och tillämpa rimlig komprimering i ett steg: JPG till WebP, PNG till WebP, JPG till AVIF, eller PNG till JPG när du behöver maximal kompatibilitet. Behåll dina ursprungliga filer av hög kvalitet och generera mindre versioner från dem vid behov. För hjälp att välja ett målformat, se Hur du väljer rätt bildformat för webben.