Designing for a specific embedded display issues (PS vs AI)

So this feels silly but I had a team member question something and now I’m not sure.

We have an embedded display inside a device with a resolution of 800×480 @134DPI. They said they always have to design in Photoshop to get the right DPI. I want to be doing this in Illustrator or Sketch though.

If I export a 24x24px Illustrator icon at 134DPI I get a 45x45px icon, where as Photoshop gives me a 24x24px icon.

My thinking is that if I’m designing in vector, then I just design to the 800×480 resolution and not worry about the DPI. But when I export my assets can I just export @1x?

Answer

If you set the illustrator file up using pixels, you’ll need to export at 72 PPI to get the right pixel size image.

Illustrator assumes screens have 72 pixels per inch (that’s what PPI stands for). While that probably isn’t exact, if you are only using pixel dimension you don’t have to care about inches.

DPI and PPI are usually used as synonyms. Though they don’t matter unless you’re printing and need to specify inches.

Attribution
Source : Link , Question Author : user2453735 , Answer Author : Jeremy S.

Leave a Comment