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 Jan 23 '13 at 16:34
  • 1
    Using PNG format,mobile suports that only. – MohanRaj S Jan 23 '13 at 16:50
  • are you using file->save for web already? what filesize do you need to get it to? – Alex Jan 23 '13 at 17:05
  • 1
    PPI is irrelevant if you are exporting for screens. – DA01 Jan 23 '13 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 Jan 23 '13 at 18:04

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 Jan 24 '13 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, privacy policy and cookie policy

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