When using f_auto, why the "Save as" dialog of Chrome/Edge save a JPEG (.jfif) file that is different from WebP (.webp) that DevTools show content-type "img/webp".

apribase

June 14, 2021 09:37

When using f_auto, why the "Save as" dialog of Chrome/Edge save a JPEG (.jfif) file that is different from WebP (.webp) that DevTools show content-type "img/webp".

Original file is WebP file.

URL is https://res.cloudinary.com/[username]/image/upload/f_auto/file.webp

### Firefox 89.0

<img src="https://res.cloudinary.com/[username]/image/upload/f_auto/file.webp">

DevTools' content-type is "img/webp"

Save as Dialog get WebP (.webp) file.

### Chrome 91 / Edge 91

<img src="https://res.cloudinary.com/[username]/image/upload/f_auto/file.webp">

DevTools' content-type is "img/webp"

Save as Dialog get JPEG (.jfif) file!

UNIX "file" command that determine the file type indicate that

file.jfif: JPEG image data, JFIF standard 1.01, aspect ratio, density 1x1, segment length 16, progressive, precision 8, 799x600, frames 3

0

• Official comment

  

  Akshay Joshi

  June 15, 2021 22:39

  Hi,

  We would need more information like your cloud name to see what is causing this error.

  Can you open a support ticket with this link.

  Also, mention this support forum question there and we can help you better.

   

   
• 

  apribase

  June 15, 2021 23:42

  Please check this file by Edge and Chrome.

  https://res.cloudinary.com/apribase/image/upload/f_auto/v1623798713/Original_is_WebP_EXIF_wrjrvo.webp

  devtools: image/webp
  save as dialog: image/jpeg
  browser rendering: ...???

  Is there a way to see which format the browser is rendering?
  

   

  the above link url of support ticket is broken.

  0
• 

  Michal Kuperman

  June 17, 2021 19:40

  Hi, 

  Thanks for providing the image URL.

  This URL indeed returns a `webp` image as shown in the devtools. With that said, due to a change in the chrome browser behavior, when you click "save as" chrome doesn't return the image you are actually seeing which is `webp`, but an image in a fallback format - jpg.
  If you try to save an image directly from a search in the browser you will see that chrome will save it as jpeg as well.

  Please let us know if you have any further questions. 

  Regards,

  Michal

  0
• 

  apribase

  June 17, 2021 21:41

  Does `f_auto` of Cloudinary's server (CDN) distinguish betweens the "image requests for rendering" and the "image requests for `save as`" on chrome?

  0
• 

  Michal Kuperman

  June 20, 2021 09:19

  Hi,

  The `f_auto` feature makes sure to deliver the image in the best format according to the requesting browser. With that said, it has no affect on the "save as" feature which belongs to the browser itself.
  I would suggest using the `fl_attachment` transformation to download the image and save it. When using `fl_attachment` along with f_auto, the downloaded image format will be the actual format of the delivered image.

  More info here: https://cloudinary.com/documentation/transformation_reference#fl_attachment

  Please let us know if you need any further assistance. 

  Regards,
  Michal

  0

Post is closed for comments.