diff --git a/spec/22/photos/speakers/mirek-h-sm.webp b/spec/22/photos/speakers/mirek-h-sm.webp
new file mode 100644
index 0000000..7c74d8c
Binary files /dev/null and b/spec/22/photos/speakers/mirek-h-sm.webp differ
diff --git a/spec/22/photos/speakers/tomas-kryptovlada-sm.webp b/spec/22/photos/speakers/tomas-kryptovlada-sm.webp
new file mode 100644
index 0000000..435e1db
Binary files /dev/null and b/spec/22/photos/speakers/tomas-kryptovlada-sm.webp differ
diff --git a/utils/engine.js b/utils/engine.js
index 7e3eac4..c253a66 100644
--- a/utils/engine.js
+++ b/utils/engine.js
@@ -21,8 +21,9 @@ export class UTXOEngine {
       console.log(banner)
     }
     this.imageTypes = [
-      [ 'sm', 'png' ],
-      [ 'twitter', 'jpg' ]
+      ['sm', 'png'],
+      ['sm', 'webp'],
+      ['twitter', 'jpg']
     ]
   }
 
@@ -45,14 +46,14 @@ export class UTXOEngine {
         entry.specs[sp.type] = await this._yamlLoad([specDir, `${sp.type}.yaml`].join('/'))
 
         // post processing of sub-specs
-        switch(sp.type) {
+        switch (sp.type) {
           case 'speakers':
             for (const s of entry.specs[sp.type]) {
               if (!s.photos) {
                 s.photos = []
               }
-              for (const [ it, format ] of this.imageTypes) {
-                if(await exists([ this.srcDir, f.name, 'photos', 'speakers', `${s.id}-${it}.${format}` ].join('/'))) {
+              for (const [it, format] of this.imageTypes) {
+                if (await exists([this.srcDir, f.name, 'photos', 'speakers', `${s.id}-${it}.${format}`].join('/'))) {
                   s.photos.push(`${it}:${format}`)
                 }
               }