I need to create an image screen with a low file size. I'm using Photoshop with a 72 dpi, and 300dpi for designing.

My problem is that the entire size of the image increased when I went to save my design. Is it possible to decrease it with these details (72dpi / 300dpi)?

  • What are you currently doing to export your image? Which format are you using? Can you provide an example image?
    – JohnB
    Commented Jan 23, 2013 at 16:34
  • 1
    Using PNG format,mobile suports that only.
    – MohanRaj S
    Commented Jan 23, 2013 at 16:50
  • are you using file->save for web already? what filesize do you need to get it to?
    – Alex
    Commented Jan 23, 2013 at 17:05
  • 1
    PPI is irrelevant if you are exporting for screens.
    – DA01
    Commented Jan 23, 2013 at 17:47
  • 1
    @MohanRaj, PNGGauntlet is a good one for Windows, there are links for programs on other operating systems at the bottom of the page.
    – JohnB
    Commented Jan 23, 2013 at 18:04

2 Answers 2


You need to be using File > Save For Web & Devices

The Save For Web option in Photoshop strips away all of the extra info in the images to make them as small as possible. In most cases, unless you need transparency, I would use JPG around 70-90 Quality. There isn't too much of a difference there. PNGs are nice for crisp & transparent pictures, but tend to have larger file sizes than JPGs.

  • 1
    Just wanted to add that PNG's will look better for graphics-only stuff while JPG's usually look better for photo-heavy files. With that said, if quality isn't the main concern then JPG's are the way to go.
    – gburning
    Commented Jan 24, 2013 at 11:11

If you're on a mac, try ImageOptim to shrink your images further. I've gotten good results from it even with images that are already saved for web.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.