Importing images into Edge Animate: sharpness problems

Thanks, but I don't think this will work: an image file is just pixels and  ppi at physcial size doesn't "adjust automatically," as the output is always just web resolution, no matter what you do to it.

So, if I import an image that is, say, 300 x 400 pixels at 72 ppi, that's how it shows up. It won't render in any kind of "higher res" format. In InDesign, you are just resizing, but are still dependent upon output device resolution in the end.

No transparency.

Thanks, but no change. I exported as Maximum JPG, but the resultant bitmap doesn't render any more sharply. It's a very strange thing, which if it is indeed some kind of built-in Edge file import problem, will mean that's the end of Edge development for me, at least for the time being.

I am an experienced Flash programmer, just trying to explore non-Flash animation before Flash disappears completely. Most of my clients are far more concerned with how their websites appear on tablets and smartphones than they are with how they look on computers. Since all iOS-based devices don't display Flash, HTML5/CSS solutions are the only real alternative, right now.

To someone like me who works with image files all day long, this is just nuts - but it works!!!

So, what we've got here is that the "default" Edge behavior is that using Import for any kind of image really doesn't work properly.

Do you have any idea as to WHY Edge works like this? You've got to admit that writing over image files used in an Edge animation with higher-res versions of the same files (externally to Edge, of course) in order to achieve decent sharpness is just a CRAZY workflow. It takes the term "unintuitive" to previously unimagined heights...

How did you EVER figure this out?

I see your point, BUT since Edge only allows the addition of image files through the Import control, it's really hard to understand how the default behavior of this control really doesn't work correctly.

I spend more time writing bare HTML/CSS/JS these days than I do working just with image files, and I'm no stranger to Premiere, Flash, InDesign, DW, Illustrator (and in the past, Director, Xpress, Freehand, etc etc etc...) Allowing Edge to rely on a crucial UNDOCUMENTED Import configuration is pretty feeble, IMHO. Even in the otherwise excellent Adobe Evangelist video tutorials, there's NOTHING about Import and the resolution "feature" you uncovered.

Maybe creating software is not easy, but Adobe is not exactly giving this stuff away, either...

Anyhow, thanks again for your help.

Hi, Elaine. Thanks for your inquiry. Here's my basic workflow:

Output JPG from Photoshop at intended size, say 300 x 400 px @ 72ppi.

Import to stage in Edge Animate - no options here. Image seems considerably less sharp, right on the stage - I have multiple identical monitors, so I can compare.

Use Edge Animate's Preview in Browser (in this case, Firefox for general testing purposes...) the images are not sharp.

If I DOUBLE the resolution when outputting from PS (600 x 800px @72 ppi), saving with the identical filename, as resdesign suggested, and change nothing in Edge, the outputted images look great. I have tested with many bitmaps and they all exhibit the SAME behavior.

Extremely inconvenient to have to manually re-calculate image output sizes to accommodate this problem in Edge.

That's what I thought - the output is just HTML + JS + CSS. I am still testing and will let you know. Other fires to put out first!