Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Firefox fails to render .heic images

more options

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

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

All Replies (5)

more options

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.

Helpful?

more options

I'm not sure if desktop Firefox does support this image format due to licensing issues.

Helpful?

more options

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

Helpful?

more options

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.

Helpful?

more options

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.

Helpful?

Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.