setting up tools like fireworks or illustrator

Hello everybody I’m new in iphone dev and corona dev (and apple os btw).

I made research with resolution, dpi, raster, and get no answer, so I feel a little clumsy to ask such a newbie question … :

When you design in fireworks or illustrator, which setup choosing : a 480*320 with ? dpi (72, 160, 326) …
I don’t get the dpi stuff …

Thx for any help. [import]uid: 9328 topic_id: 4658 reply_id: 304658[/import]

I use 960X640 with 326 dpi in Fireworks (though I don’t think dpi matters on a screen, it’s just for print, but it can’t hurt).

Then I scale it to 480x320 to get graphics for older devices. It works for me. [import]uid: 10835 topic_id: 4658 reply_id: 14732[/import]

Thx for your answer. As you can see, I’m a little confused, apple recommendations and corona sdk way of doing don’t help to clarify the question…

Working with illustrator, I have two options :

  • file/export, where I have to choose “PNG options” resolution (screen 72 to high 300 ppi)
  • Save for web & devices, then png-24, and save (there is no resolution option but I guess it depends on the one you chosen on document setup)

Reading things about corona and @2 image, saying that basically a default 25x25 image would be changed by the 50x50 hires version, I wonder if resolution choice has any incidence ?! [import]uid: 9328 topic_id: 4658 reply_id: 14735[/import]

I was just thinking of this myself when making graphics for the iphone. I wonder if it matters if I make a button 64x128 at 326dpi for the iphone 4 or if I make it at 70dpi?
the same goes for the regular iphone, should I make them 32x64px at 163dpi or just at 70dpi?

Personally I can’t see the difference on a device, how do you guys make your graphics?
David [import]uid: 34126 topic_id: 4658 reply_id: 22039[/import]

though I don’t think dpi matters on a screen, it’s just for print

You are correct, dpi only matters for print and is irrelevant for displaying on screen. Dpi stands for “dots per inch” but you have no control over that on a screen. The size of an iPhone screen never changes, and the number of pixels in that screen never changes.

This is kind of a pet peeve of mine, because I keep dealing with graphic designers who insist that images need to be 72 dpi for the web.


Now, that’s true in a raster graphics program like Photoshop. In a vector graphics tool like Illustrator however all the numbers may be based on a printed page and ignore the screen. That is precisely why a lot of graphic designers think the images need to be 72 dpi; even though that number is mostly arbitrary and isn’t true on a screen, a long time ago many vector graphics tools just decided to pretend that’s the resolution of the screen and so the exported graphics only look right at that resolution. For example, when exporting graphics from Flash I always use 144 dpi (double size for Retina display.)

Now it sounds like Fireworks uses dpi correctly (ie. it doesn’t matter on the screen,) which makes sense since Fireworks is primarily intended for optimizing web graphics, versus most tools which are primarily intended for print work.

It’s all pretty stupid and confusing, but there you go.


64x128 at 326dpi for the iphone 4 or if I make it at 70dpi?

No, the dpi doesn’t matter at all if you are sure of the pixel dimensions. In the end the pixel dimensions are all that matter, and the only reason dpi sometimes matters is that many vector graphics tools will determine the pixel dimensions of exported graphics based on the dpi. [import]uid: 12108 topic_id: 4658 reply_id: 22047[/import]