Jump to main content

Nicolas Hoizey

  • articles
  • billets
  • links
  • notes
  • talks
  • archives
  • about

Note from 18 May 2022

  • Nicolas Hoizey
  • 18 May 2022
  • image
  • 16 reactions

I don't understand why some images refuse to load on my photography site, but only in Safari on macOS… 😔

Some images are not loaded in this page

16 reactions

15 replies

  1. Damien Roué avatar Damien Roué
    Des accents ?
    • 18 May 2022, 12:05
    • Source
  2. Kevin Farrugia avatar Kevin Farrugia
    I have seen this before it occurs because the JPG is saved in an invalid format. Not sure of the exact details why it happens tho. if you optimize the images with (ex: MozJPEG) and re-upload the optimised image (even if it remains identical in size) it should work.
    • 18 May 2022, 12:22
    • Source
  3. Kevin Farrugia avatar Kevin Farrugia
    Tried it with nicolas-hoizey.photo/landscape/300/… and it seems to work.

    Note that MacOS doesn't even open the file in Preview.
    • 18 May 2022, 12:24
    • Source
  4. Benjamin Tricault avatar Benjamin Tricault
    Toutes les images en erreur sont au format avif !
    • 18 May 2022, 12:29
    • Source
  5. Nicolas Hoizey avatar Nicolas Hoizey
    Hein ? Comment ça ?
    • 18 May 2022, 12:57
    • Source
  6. Nicolas Hoizey avatar Nicolas Hoizey
    Oooh, bien vu ! Merci 👍
    • 18 May 2022, 13:00
    • Source
  7. Nicolas Hoizey avatar Nicolas Hoizey
    It looks like this is because images are severed in AVIF format, which Safari doesn't support… 😪

    Thanks @avenueduweb for noticing this.
    • 18 May 2022, 13:03
    • Source
  8. Nicolas Hoizey avatar Nicolas Hoizey
    It looks like this is because images are severed in AVIF format, which Safari doesn't support… 😪Thanks @avenueduweb for noticing this.
    • 18 May 2022, 13:06
    • Source
  9. Nicolas Hoizey avatar Nicolas Hoizey
    So, I guess my CDN staking doesn't work.The browser request goes to @Cloudflare (for great TTFB and caching), then to @Netlify (for great DX), then to @cloudinary (for great images optimization), and back.
    • 18 May 2022, 13:10
    • Source
  10. Damien Roué avatar Damien Roué
    A une époque, les images avec accent dans le nom de fichier ne s’affichaient pas sur Safari.
    • 18 May 2022, 13:15
    • Source
  11. Nicolas Hoizey avatar Nicolas Hoizey
    If @cloudinary receives the 1st request from a browser supporting AVIF, it will send AVIF, even if the URL contains the pristine JPEG version.@Netlify acts as a proxy to get cleaner URLs:
    https://demo-11ty-netlify-cloudinary.netlify.app/And @Cloudflare is in front.I guess some headers get lots… 🤨
    Welcome to this demo!
    • 18 May 2022, 13:17
    • Source
  12. Nicolas Hoizey avatar Nicolas Hoizey
    Ah, je ne me souviens pas de ça. Mais non, les URLs d'images sont en minuscules sans accents.
    • 18 May 2022, 13:19
    • Source
  13. Eugene Musebe 🇬🇭🇰🇪 avatar Eugene Musebe 🇬🇭🇰🇪
    Safari doesn’t support Avif images yet 🙁.
    • 18 May 2022, 16:42
    • Source
  14. Eugene Musebe 🇬🇭🇰🇪 avatar Eugene Musebe 🇬🇭🇰🇪
    The solution to this would be to check the browser your users are using and serve different formats if one is using Safari. With @cloudinary you can serve your users different image formats using the same image 😊
    • 18 May 2022, 16:48
    • Source
  15. Nicolas Hoizey avatar Nicolas Hoizey
    Yes, I know, I'm already using Cloudinary, but the issue is probably with Netlify or Cloudflare in front of it.
    • 18 May 2022, 16:53
    • Source

1 mention

  1. Page screenshot https://leedonss.com/2023/03/20/reuters-entertainment-news-summary-62/
    • 20 March 2023, 11:34
    • Source
  • Older: Note from 11 May 2022
  • Newer: Note from 24 May 2022

Related contents with similar topics

  1. screenshot of The case against JPEG XL

    Gianni Rosato avatar Gianni Rosato

    The case against JPEG XL

    • Nicolas Hoizey
    • 14 September 2026
    • WebPerf, image, JPEG XL, AVIF
    • 7 reactions

    JPEG XL isn't useless; it is genuinely compelling technology for use cases beyond the Web. I'm just not personally convinced we need it in browsers…

  2. screenshot of The present and potential future of progressive image rendering

    Jake Archibald avatar Jake Archibald

    The present and potential future of progressive image rendering

    • Nicolas Hoizey
    • 16 October 2025
    • image, WebPerf
    • 4 reactions

    So if the browser manages to download 6 kB then stalls, then AVIF can produce a better result. But since the AVIF rendering is only two-pass, if the…

  3. screenshot of JPEG VS AVIF - The Battle of Compression

    kliksphilip

    JPEG VS AVIF - The Battle of Compression

    • Nicolas Hoizey
    • 25 September 2024
    • image, WebPerf, AVIF, JPEG XL
    • 2 reactions

    In this super thorough study I test one single HD image and come to vast sweeping conclusions about JPEG XL and AVIF. But that's still one image comparison…

  4. screenshot of Why Apple Uses JPEG XL in the iPhone 16 and What it Means for Your Photos

    Jeremy Gray

    Why Apple Uses JPEG XL in the iPhone 16 and What it Means for Your Photos

    • Nicolas Hoizey
    • 20 September 2024
    • JPEG XL, photography, image
    • 3 reactions

    For iPhone photographers, the benefits far outweigh the potential downsides. There’s little doubt that JPEG XL is an excellent image format that offers…

  5. Note from 24 April 2024

    • Nicolas Hoizey
    • 24 April 2024
    • image, JPEG XL, Lighthouse, photography, WebPerf
    • 3 reactions

    Should I please Lighthouse with modern image formats, or my visitors with progressive rendering of large images in my photography site? 🤔

    screenshot of Lighthouse score in SpeedCurve, with a recommendation to use modern image formats

    Of course, this would be much easier with genaralized JPEG XL support, both modern and allowing progressive… 🤷‍♂️

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.

© Nicolas Hoizey

Built with Eleventy