html5 publish settings - cannot export .jpg images, only .png

[zorzi_clx]

Hello guys! I am studying animate and today I came across this issue.

I can import an illustrator file (very simple, 2 layers: the first consisting of a square shape and the second with a .jpg image) but when I publish the html5 banner and choose image assets as export I only get .png image and not .jpg.

This only happens if I import an artwork from an .ai file.

If I manually import in the stage/library a .jpg image and then I puhlish the banner with "image assets" I get .jpg image in the folder.

Is there a way I can choose to publish .jpg images (as image assets, not texture/spritesheet) since the original image is a .jpg? what am I missing?  is there an option to force this kind of behaviour?

thank you very much Mario

[kglad]

are you importing that ai asset as a bitmap

[zorzi_clx]

well no, I do not import it as a bitmap because I need to have different layers and the text has to be editable.

I've just triet to import the entire .ai as single bitmap image and, even in this case, when i publish it as Image Assets I get a single .png file.

I add to this thread 2 screenshots, illustrator and the import to stage box in animate.

I really do not get why this is happening. I do not think that relinking every image of the .ai file is a practical solution

I switched from .psd to .ai file because every time I've tried to import a .psd and keep editable text option animate crashes.

[kglad]

it's that bitmap in your ai that causing the issue.  (and maybe all bitmaps in ai cause the issue).

can you upload your ai file to a file server and post a link here?

[zorzi_clx]

Yes of course!

here's the link 

test.ai

thank you!!

Mario

[kglad]

i can't see any way to avoid png.

but you can work-around it, by manually switching that png with the jpg and then editing the js file to replace

lib.properties = {
id: 'B8AD8CFC1C612D499383154654719CF4',
width: 532,
height: 532,
fps: 24,
color: "#FFFFFF",
opacity: 1.00,
manifest: [
{src:"images/Image.png", id:"Image"}
],
preloads: []
};

with

lib.properties = {
id: 'B8AD8CFC1C612D499383154654719CF4',
width: 532,
height: 532,
fps: 24,
color: "#FFFFFF",
opacity: 1.00,
manifest: [
{src:"images/yourfrog.jpg", id:"Image"}
],
preloads: []
};

[zorzi_clx]

So what I learned

if I manually import a jpg image I can publish and get the image as jpg but if I import an illustrator file with a jpg image inside, when I publish the banner, I will always get the image as png no matter what.

I think this is a bug, isn't it?

thank you very much for the tip about the java! I thought about doing this but I could not find where to put my hands in the js file!

thanks!

[kglad]

i don't think it's a bug, but you can report it.

for applicable apps, use https://helpx.adobe.com/ie/x-productkb/global/how-to-user-voice.html

for others, use https://www.adobe.com/products/wishform.html

[zorzi_clx]

But if it is not a bug, is there any reason why I can only get .png image whitout the chance to choose between png and jpg?

[zorzi_clx]

I mean, I do not have much experience with animate so maybe in production (of html5 banner) there is a specific reason to have png instead of jpg

[kglad]

actually your issue would be better posed as a suggestion to adobe using the links i already posted.

[zorzi_clx]

Thank you for the help!!

Mario

[kglad]

you're welcome.