08 406 00 30 

webp och avif

WebP och AVIF i Photoshop

På senare år har det kommit två nya bildformat för webb, webP och AVIF. WebP står för WebPicture och AVIF för AV1 Image File Format. Båda formaten komprimerar bilder mer effektivt än vad JPG och PNG klarar av. Det resulterar i mindre filstorlekar utan synbar kvalitetsförsämring, vilket är vad vi alla försöker uppnå när vi sparar bilder för webben. Men jag har några funderingar kring Photoshop och de här två nya bildformaten.

webp och avif, WebP och AVIF i Photoshop
PNG 812 kb
webp och avif, WebP och AVIF i Photoshop
JPEG 186 kb
webp och avif, WebP och AVIF i Photoshop
WebP 89 kb
webp och avif, WebP och AVIF i Photoshop
AVIF 89 kb

Min första fundering handlar om WebP-formatet. Det är ett format som tagits fram av Google, särskilt för bilder till webben. I Photoshop går man vanligtvis till Arkiv >> Exportera när man ska spara bilder för webben. Där hittar vi både JPG, PNG och GIF. Adobe har tidigare sagt att filer man tar fram under Exportera är mer optimerade för webben än om man sparar i samma filformat under Spara som. Men WebP-formatet som också är tänkt för webben har man placerat under Spara som, alltså där vi normalt sett hittar alla bildformat för tryck. Så varför har man gjort på det sättet?

webp och avif, WebP och AVIF i Photoshop

Utan att säkert veta finns det några möjliga förklaringar till varför Adobe har placerat WebP under Spara-funktionerna. Allting annat för webben ligger under Exportinställningar.

Historiska skäl

När WebP blev introducerat var det inte ett standardiserat format som det är idag. Det är ursprungligen ett format skapat av Google och hade inte stöd av alla webbläsare och programvara. Kanske är det därför det placerats under Spara-funktionerna som ett mer specifikt alternativ för att spara filer i detta format.

Tekniska skillnader

Exportfunktionen används ofta för att exportera filer i format som kan användas i andra program eller för specifika användningsområden. WebP är mer av ett generellt bildformat, och att placera det under Spara-funktionerna kan ses som en återspegling av detta. Det är dock värt att notera att Adobes programvaror varierar i hur de hanterar WebP. I vissa program kan du hitta WebP både under Spara- och Export-funktionerna, medan det i andra program bara finns under en av dem.

webp och avif, WebP och AVIF i Photoshop

AVIF

Min nästa fundering gäller det andra nya filformatet för webben, AVIF. Det är ett öppet och royaltyfritt bildfilformat som lagrar bilder eller bildsekvenser komprimerade med AV1 i HEIF-containerformatet. Det erbjuder också bättre komprimering än JPEG, vilket resulterar i mindre filstorlekar utan att kompromissa med bildkvaliteten. Det leder till snabbare laddningstider och en bättre användarupplevelse på webben, speciellt för mobila användare.

AVIF kan bevara detaljer och skarpa kanter bättre än JPEG, vilket ger en skarpare och mer detaljerad bild, speciellt för fotografier med mycket kontrast. Filformatet stöder också funktioner som HDR och transparens, vilket inte är möjligt med JPEG.

webp och avif, WebP och AVIF i Photoshop
PNG 1 Mb
webp och avif, WebP och AVIF i Photoshop
JPEG 230 kb
webp och avif, WebP och AVIF i Photoshop
WebP 104 kb
webp och avif, WebP och AVIF i Photoshop
AVIF 96 kb

AVIF på Adobes webbplats

Om man tittar på Adobes webbplats ser man att dom själva använder AVIF-formatet till sina bilder, åtminstone till de senast uppdaterade inläggen. Men Photoshop har inget stöd för AVIF. Antingen använder Adobe själva inte Photoshop när dom redigerar bilder till webbplatsen. Eller så har dom lagt till ett plug-in till Photoshop som gör det möjligt att redigera AVIF.

Det finns ett par troliga orsaker till att Adobe använder AVIF-filformatet på sina egna bilder på hemsidan, trots att det inte går att spara som AVIF direkt i Photoshop:

Plugin-program

Det finns redan tredjeparts-pluginprogram tillgängliga för Photoshop som gör det möjligt att öppna filer i AVIF-formatet i Photoshop. Ett hittar du på GitHub där du kan ladda ner och installera. Men än så länge har jag inte sett någon plugin för att spara som AVIF inne i Photoshop. Kanske är det något man håller på att ta fram på Adobe och Att använda AVIF på hemsidan kanske uppmuntrar användare att prova dessa plugin-program och bekanta sig med formatet innan det landar officiellt i Photoshop.

webp och avif, WebP och AVIF i Photoshop

Framtidssäkring

Det är troligt att AVIF kommer att bli mer och mer framträdande i framtiden, med ökat stöd från webbläsare och programvara. Genom att använda AVIF nu kan Adobe ligga steget före och undvika att behöva konvertera bilder senare.

webp och avif, WebP och AVIF i Photoshop
976 kb
webp och avif, WebP och AVIF i Photoshop
248 kb
webp och avif, WebP och AVIF i Photoshop
138 kb
webp och avif, WebP och AVIF i Photoshop
96 kb

Potentiellt framtida stöd för WebP och AVIF

Det är möjligt att Adobe planerar att lägga till stöd för att spara AVIF-filer i Photoshop i framtida uppdateringar. Att använda AVIF på hemsidan kan ses som ett sätt att testa formatet och samla in feedback från användare.

Det är dock viktigt att notera att det inte finns något officiellt uttalande från Adobe om varför de använder AVIF på sina hemsidor. Det finns inte heller några uppgifter när man kan tänka sig implementera AVIF i Photoshop.

Sammanfattning

Sammanfattat finns det inget säkert svar på varför man inte använder de här två bildformaten som andra bildformat för webben i Photoshop. WebP går i alla fall att öppna och spara som och AVIF fungerar med plug-in-program till Photoshop. Så kanske kommer WebP och AVIF helt ersätta JPG och PNG i framtiden?

>> Mer om bilder till webben

>> Skaffa Photoshop på Creative Cloud

Fler blogginlägg

Ramverktyget
Photoshop

Ramverktyget i Photoshop

Ramverktyget i Photoshop är ett mångsidigt verktyg som gör det möjligt att skapa platshållare för bilder och enkelt infoga bilder i dem. Det är ett utmärkt sätt att arbeta med

Läs mer »

Kategorier

Senaste inlägg

Ansvarig

Ansvarig utgivare
Richard Stenlund
richard@mediakurser.se

Prenumerera

Skaffa egen blogg

wordpress-kurs
Gå en kurs i WordPress