En liten arbetsbänk för bilder på väg till webben

En skrivbordsmonitor som visar ett fotografi i en bildredigerare

Om dette utvalget

En fokuserad bildverktygssats för att redigera en källa, jämföra komprimering, rensa SVG och kontrollera en liten animation.

Att förbereda en bild är vanligtvis en sekvens av beslut: vad man ska behålla, hur stor den ska vara, vilket format som passar och hur mycket kvalitet man ska byta mot storlek. Dessa verktyg har separata roller, så välj den som matchar filen framför dig. Behåll ett orört original och bedöm det exporterade resultatet i den storlek folk faktiskt kommer att se.

Prova detta först

Börja med en bild och bestäm dess avsedda visningsmått. Beskär eller redigera först och jämför sedan komprimeringsinställningarna. Om det är SVG, inspektera den optimerade formen; om den är animerad, kontrollera timing och transparens samt storlek. Öppna den exporterade filen innan du ersätter originalet på din sida.

Kom ihåg

Verktygen skiljer sig åt i lokal bearbetning, uppladdningar, formatstöd och begränsningar. Kontrollera aktuell hantering innan du använder känsliga filer, särskilt med onlinekonverterare. Att minska dimensioner eller animationskomplexitet kan ha större betydelse än ytterligare en omgång av komprimering.

4 lenker/I kuratorens valgte rekkefølge

Lenke 1engelsk

Squoosh

Jämför komprimeringsinställningar med en synlig före- och eftervy. Kontrollera fin text och kanter vid den avsedda visningsstorleken innan du väljer den mindre filen.

squoosh.app

Lenke 2engelsk

SVGOMG

Inspektera effekten av SVG-optimeringsalternativ. Behåll källan och kontrollera att former, klippning och andra synliga detaljer överlever ändringarna.

jakearchibald.github.io

Lenke 3–

Photopea

Redigera och beskära bilder i en webbläsarbaserad redigerare. Kontrollera de exporterade dimensionerna och filformatet istället för att anta att arbetsdokumentet är redo att publiceras.

photopea.com

Lenke 4engelsk

Ezgif

Ändra storlek, konvertera och optimera animerade bilder med det relevanta verktyget. Granska uppladdningshanteringen och inspektera hela animeringen efter export.