upload as JPEG

__tests__/lib/images.test.ts

@@ -12,7 +12,7 @@ const mockResizedImage = {
   size: 100,
   width: 100,
   height: 100,
-  mime: 'image/webp',
+  mime: 'image/jpeg',
 }
 
 describe('downloadAndResize', () => {
@@ -63,7 +63,7 @@ describe('downloadAndResize', () => {
     expect(manipulateAsync).toHaveBeenCalledWith(
       expect.any(String),
       [{resize: {height: opts.height, width: opts.width}}],
-      {format: SaveFormat.WEBP, compress: 1.0},
+      {format: SaveFormat.JPEG, compress: 1.0},
     )
     expect(deleteAsync).toHaveBeenCalledWith(expect.any(String), {
       idempotent: true,

src/lib/media/manip.ts

@@ -38,7 +38,7 @@ export async function compressIfNeeded(
   })
   const finalImageMovedPath = await moveToPermanentPath(
     resizedImage.path,
-    '.webp',
+    '.jpg',
   )
   const finalImg = {
     ...resizedImage,
@@ -216,7 +216,7 @@ async function doResize(
       localUri,
       [{resize: newDimensions}],
       {
-        format: SaveFormat.WEBP,
+        format: SaveFormat.JPEG,
         compress: qualityPercentage / 100,
       },
     )
@@ -234,7 +234,7 @@ async function doResize(
       minQualityPercentage = qualityPercentage
       newDataUri = {
         path: normalizePath(resizeRes.uri),
-        mime: 'image/webp',
+        mime: 'image/jpeg',
         size: fileInfo.size,
         width: resizeRes.width,
         height: resizeRes.height,

src/lib/media/manip.web.ts

@@ -103,7 +103,7 @@ async function doResize(
   }
   return {
     path: newDataUri,
-    mime: 'image/webp',
+    mime: 'image/jpeg',
     size: getDataUriSize(newDataUri),
     width: opts.width,
     height: opts.height,
@@ -146,7 +146,7 @@ function createResizedImage(
       canvas.height = h
 
       ctx.drawImage(img, 0, 0, w, h)
-      resolve(canvas.toDataURL('image/webp', quality))
+      resolve(canvas.toDataURL('image/jpeg', quality))
     })
     img.addEventListener('error', ev => {
       reject(ev.error)

src/state/gallery.ts

@@ -219,7 +219,7 @@ export async function compressImage(img: ComposerImage): Promise<PickerImage> {
       [{resize: {width: w, height: h}}],
       {
         compress: qualityPercentage / 100,
-        format: SaveFormat.WEBP,
+        format: SaveFormat.JPEG,
         base64: true,
       },
     )
@@ -232,7 +232,7 @@ export async function compressImage(img: ComposerImage): Promise<PickerImage> {
         path: await moveIfNecessary(res.uri),
         width: res.width,
         height: res.height,
-        mime: 'image/webp',
+        mime: 'image/jpeg',
         size,
       }
     } else {