KVR Audio

amiga500 · Post by **amiga500** » Thu Mar 23, 2023 10:40 am

Hello & greetings ! What is the "JUCE recommended" image format for creating custom GUI graphics such as sliders, knobs, and buttons that can be moved or rotated? Specifically, we are looking for advice on which file format is optimal among JPG, PNG, SVG, or X. We haven't been able to find any official guidance from JUCE on this topic.

Moreover, should these images be prepared as a filmstrip or as separate images for each position of the component? How should we communicate to our graphic designer friend about the required format and specifications for creating these graphics?"

Thanks

yetkin · Post by **yetkin** » Thu Mar 23, 2023 11:48 am

Hi there! I was also searching for an answer to the same question. I am currently trying to determine which format is more commonly used and which one is better overall.

T-CM11 · Post by **T-CM11** » Thu Mar 23, 2023 12:26 pm

amiga500 wrote: ↑Thu Mar 23, 2023 10:40 am PNG, SVG

I'm no programmer (desktop publisher), but you should read up on the difference between pixels and vectors.

Cyforce · Post by **Cyforce** » Thu Mar 23, 2023 9:20 pm

Most developers use PNG for their UI/Skin files, probably for a reason. Even if e.g. JPG looks smaller in filesize than PNG sometimes - most of the time (I think in NI Kontakt UI it`s the case) the graphics (only PNG can be used) will be transformed into binary format anyway to process the UI interface. So maybe PNG is there more efficient or it`s because PNG is open-source while JPG is not (so far as I know).

It also depends on the subject, like Knob/Slider strips with transparency - PNG is the better choice.

otristan · Post by **otristan** » Fri Mar 24, 2023 2:51 am

PNG is lossless while JPG are not

matt42 · Post by **matt42** » Fri Mar 24, 2023 1:51 pm

JUCE supports the PNG (which as mentioned is lossless and handles transparency) format, but the built in controls use vector graphics. You'd need to inherit from a control class and implement the loading and displaying of the images yourself. Typically you'd use a filmstrip, but the formatting details you give to your designer would depend on your implementation of course.

amiga500 · Post by **amiga500** » Sat Mar 25, 2023 1:03 am

matt42 wrote: ↑Fri Mar 24, 2023 1:51 pm JUCE supports the PNG (which as mentioned is lossless and handles transparency) format, but the built in controls use vector graphics. You'd need to inherit from a control class and implement the loading and displaying of the images yourself. Typically you'd use a filmstrip, but the formatting details you give to your designer would depend on your implementation of course.

Thank You

Best image file format for designing custom GUI & animations ?