Firefox fails to render .heic images
Dear colleagues:
I have made a page with a stack of z-indexed .heic images. The viewer clicks (jQuery) on the top image to reveal the next.
The page is local, not online. I'm on a Mac mini 2018, OS Ventura 13.6.1, Firefox 13.0.
Safari renders the operation correctly. Firefox fails to load the .heic images. Chrome also fails to load the images.
Any suggestions welcome. My 83yo brain sometimes misses things. cheers Chris
ყველა პასუხი (5)
From what location are you loading those images ? Is that in your OS user directory as you may not have access to this location due to sandbox restrictions?
You can check the Web Console (Tools -> Web Developer) for messages about blocked content and about the presence of mixed or unsafe content.
You can check the Network Monitor to see if content is blocked or otherwise fails to load.
If necessary use "Ctrl+F5" or "Ctrl+Shift+R" (Mac: Command+Shift+R) to reload the page and bypass the cache to generate a fresh log.
I'm not sure if desktop Firefox does support this image format due to licensing issues.
Thanks for Command+Shift+R I've been clearing history and cache and opening new private window each time.
Neither Chrome nor Firefox render heics: http://wavehands.net/dancesHEIC/dancesHeic.htm
but each is happy with jpegs and pngs: https://wavehands.net/dancesJPG/dancesJPG.htm
Safari renders both ok.
cheers
It sounds like Firefox and Chrome don’t support .heic images natively. You might need to convert the .heic files to a more widely supported format like .jpg or .png. For local testing, try using a tool or library that converts .heic to these formats before rendering them in the browser.
Surah, I gave thumbs down because you had not looked at the tests online.
Safari with user agent Google Chrome Windows and user agent Microsoft Edge renders the heic version correctly. The problem may be limited to mac OS heics.
Cheers.