Is there any support for images in HEIC-format in Outsystems?
Question

Hello everyone,

In my Outsystems Mobile App I am currently using the Mediapicker plugin from the Forge. By default, the Mediapicker plugin selects images in HEIC format on iOS with, as far as I know, no option to select the image in lower quality/JPG. I want to show the image in an Image widget in Outsystems, but this widget does not read the binary data of a HEIC image. Is there any way in which I can show HEIC images in Outsystems?

HI Robert van der Meulen 

This is very interesting problem.

HEIC or the more generic HEIF (High Efficient Image File Format) is actually a video (with a single frame) not an image, so it doesn't render on the normal <IMG> html tag.

All images on OutSystems are rendered using the IMG tag so this wont work out-of-the-box, at least for now.

You can however use the <CANVAS> tag, however you'll need the HVEC codec to process the image.

I was able to find a javascript library to do this but have yet to test.

For more information on these "special" image formats take a look at the HEIF web site.

I'm not sure what your use case is, but there are plenty of online services that will convert HEIC/HEIF to JPEG, this is counter productive in terms of efficiency but might help you with a work around.

Cheers



Hi Robert van der Meulen 

We were able to come up with a proof of concept for this.

Check out this ALPHA component HEIC/HEIF Lib

 


Please understand that this just a POC. There are many limitations, which include:

  • Images must be accessed via a URL
  • Images must have .heic extension (thank you Nokia)
  • At the moment you can not control the display size of the image
  • The libraries are very heavy and take quite some time to load
  • You may need factory configuration to allow your IIS to serve .heic files, see the attached xls file and associate it to your application. Check out the factory config documentation.
  • The License for the libraries is NOT the standard open source license so please check it out here.

But at least it shows the possibilities...


Cheers

HEICmimetype.xml

Robert, did you get solution?

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.