WEBP billedformatet

Oktober 2018 blev en god måned for .webp billedformatet, idet både Firefox og Edge melder at formatet vil blive understøttet. Det efterlader Safari-browserne tilbage som den eneste af de betydelige, der ikke vil vedkende sig formatet, skønt det i en kort periode var understøttet i IOS 10. Apple har som bekendt en betydelig skepsis over for skibe, som de ikke selv har sat i søen.

Siden 2012 har formatet været understøttet i Opera og Chrome og Google Android-browsere. Det betyder, at ca, 80% af markedet tilgår nettet via browsere, der understøttet WebP.

WebP blev lanceret af Google tilbage i 2010 og yder en  bedre kompression end png og jpeg. Angiveligt er en webP-fil 26% mindre end png og 25-34% mindre end jpg. Det gør formatet interessant i en tid, hvor verden skriger på Accelerated Mobile Pages, Progressive Web App og krav om “instant loading”.

Du kan konvertere dine eksisterende billeder (jpg og PNG) til webP med Googles kommandolinje konverter:

Med  Chocolatey

choco install webp

Har du ikke Chocolatey installeret, så overvej at gøre det:

PS>Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

Alternativt kan du også hente den seneste version af WebP-konverteren frisk fra fad:

I al sin enkelthed konverterer du billede ud fra formen:

cwebp -q 80 image.png -o image.webp

-q indikerer den valgte billedkvalitet (1-100 hvor 75)  er default.
-o output filnavn.

En lang række andre parametre kan sættes. se dokumentation for en nærmere udredning.

Der er også flere online konvertere, f.eks Convert Image to WebP eller WebP Converter.

Adobe Photoshop understøtter ikke WebP out-of-the-box, men der er lavet et velfungerende plugin til at løse opgaven: WebP Plugin for Photoshop. Kopier .8bi filen til Photoshops plugin-bibliotek (f.eks. C:\Program Files\Adobe\Adobe Photoshop CC 2019\Plug-ins) og du kan nu åbne og gemme dine billeder i WebP-format.

Endelig kan du bruge node.js – hvilket er et førstevalg til batch-konvertering. 

npm install imagemin imagemin-webp

opret en konfigureringsfil, feks. webp.json (parametre se: imagemin-webp):

var imagemin = require("imagemin"),  
webp = require("imagemin-webp"),   
outputFolder = "./img",
PNGImages = "./img/*.png",    
JPEGImages = "./img/*.jpg";     
imagemin([PNGImages], outputFolder, {plugins: [webp({lossless: true })]}); imagemin([JPEGImages], outputFolder, {plugins: [webp({quality: 65 })]});

Herefter  kan du konvertere billedfilerne med:

PS>Set-ExecutionPolicy Bypass -Scope Process -Force; iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))

Til brug i C# er en wrapper (Imazen.WebP tilgængelig for libwebp.dll:

PM> Install-Package Imazen.WebP -Version 10.0.1

Herefter kan billedfiler konverteres til WEBP-format med f.eks.:

       public static void ConvertToWebP(string jpgFileName, string webpFileName, int quality)
        {
            using (var bitmap = new Bitmap(jpgFileName,true))
            {
                using (var saveImageStream = System.IO.File.Open(webpFileName, FileMode.Create))
                {
                    var encoder = new SimpleEncoder();
                    encoder.Encode(bitmap, saveImageStream, quality);
                }
            }
        }