Bild till WebP-konverterare

Skapa mindre bilder med WebP

WebP ger dig det bästa från två världar: komprimering i JPG-stil för foton och transparens i PNG-stil för grafik, i ett enda modernt format som ofta är 25–35 % mindre än originalet. Mindre bilder ger snabbare webbplatser och lägre bandbreddskostnader.

Den här konverteraren kodar om din PNG eller JPG till WebP direkt i webbläsaren med canvas-API:t. Justera kvalitetsreglaget för att väga storlek mot detaljrikedom – cirka 75–85 % är ett utmärkt standardvärde som visuellt inte går att skilja från originalet för de flesta bilder.

När du ska använda WebP

WebP är idealiskt för webben: produktfoton, bloggbilder, hero-banners och ikoner tjänar alla på den mindre storleken. Om du levererar bilder till användare med moderna webbläsare är konvertering till WebP en av de enklaste prestandavinsterna. Behåll en PNG- eller JPG-reserv bara om du måste stödja mycket gammal programvara.

Välja kvalitetsinställning

Reglaget går från 10 till 100 och startar på 80. För foton är 75–85 en bra balans. För skärmdumpar, text och skarp grafik kan du prova 90 eller högre, eftersom låga värden kan göra tunna linjer suddiga. Du kan släppa flera filer samtidigt; varje fil konverteras i full upplösning och laddas ner separat. Verktyget ändrar inte storleken, så skala ner stora bilder först om du också behöver mindre mått.

Bra att veta

• Att konvertera en befintlig JPG till förlustbehäftad WebP lägger till ännu en komprimeringsomgång, så utgå från originalet eller en PNG när det går.
• Transparens från en PNG bevaras i WebP-resultatet.
• WebP-kodning från en canvas beror på webbläsaren. Om en webbläsare inte kan koda WebP kan den i tysthet returnera en PNG i stället. Om resultatet är oväntat stort, prova en aktuell version av Chrome, Edge eller Firefox.
• Jämför alltid resultatet med originalet i full storlek innan du ersätter bilder på en live-webbplats.

Använda WebP på din webbplats

Alla aktuella stora webbläsare kan visa WebP, så det är säkert för de flesta målgrupper. Du kan servera det direkt i en img-tagg, eller använda ett picture-element med en JPG- eller PNG-reserv om du måste stödja mycket gammal programvara. Mindre bildfiler hjälper också sidhastighetsmått som Largest Contentful Paint, särskilt för hero-foton och produktgallerier.

För en omgång produktfoton eller bloggbilder gör konvertering av alla med samma kvalitetsvärde att utseendet blir enhetligt på hela webbplatsen. Testa en fil först och justera reglaget innan du bearbetar resten.