Skip to main content
S
surem9898
Participant
May 13, 2017
Answered

How can I lower my work's file size?

  • May 13, 2017
  • 4 replies
  • 7790 views

How can I lower my work file size? I created a geo filter for snapchat that ended up being 779kb in size but snapchat's requires a 300kb size with the size of the canvas being 1080 x 1920, what can I do? I habe tried using the web page option thing, but it ends up looking reslly bad. Someone help me please I would appreciate so much!

This topic has been closed for replies.
Correct answer surem9898

Thanl you all for replying I really, REALLY appreciate it. I took into account everything that was mentioned.

I still had the issue of the PNG-8 being a very bad quality, so what I did was that I saved the image in the PNG-24 quality, used this website that I found on  TinyPNG – Compress PNG images while preserving transparency  and compressed it.

This page actually works wonders! The image went from being 779 kb to less than 300 kb AND I didn't notice a big loss in quality (or at least isn't as noticeable as it was in Photoshop with the limited colors and the annoying white border line).

Thanks to all of you for answering:)!

4 replies

S
surem9898AuthorCorrect answer
Participant
May 16, 2017

Thanl you all for replying I really, REALLY appreciate it. I took into account everything that was mentioned.

I still had the issue of the PNG-8 being a very bad quality, so what I did was that I saved the image in the PNG-24 quality, used this website that I found on  TinyPNG – Compress PNG images while preserving transparency  and compressed it.

This page actually works wonders! The image went from being 779 kb to less than 300 kb AND I didn't notice a big loss in quality (or at least isn't as noticeable as it was in Photoshop with the limited colors and the annoying white border line).

Thanks to all of you for answering:)!

josephlavine
Community Expert
josephlavineCommunity Expert
Community Expert
May 14, 2017

You've been given some great advice here.  An important thing to keep in mind, as davescm mentioned, the size of the output really needs to match up to your needs.  Sometimes we can utilize a rather small file, but other times we have to accept that a larger file is simply required.  A good workflow strategy is to maintain the largest file as your "master" file and then output smaller versions based on need.  Best of luck

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
May 13, 2017

Photoshop's image compression is not the greatest.

Start with  a new canvas of required height and width and 96 PPI (current web standard).

I would use File > Export > Export As PNG (default) with transparency. That will shave off about 4 MB.

Run the resulting PNG through RIOT (Radical Image Optimization Tool) to bring the file size down even more.  

http://luci.criosweb.ro/riot/

In RIOT, the before image was 1.27 MB.  After,  image optimized to 144 KB.  If you need it smaller than that, you'll have to reduce the height and width because PNG files are very heavy compared to JPG.

Nancy

Nancy O'Shea— Product User & Community Expert
davescm
Community Expert
davescmCommunity Expert
Community Expert
May 13, 2017

I'd not come across that RIOT tool Nancy - nice one

I am still wary of Export As - as folk are still reporting it to be buggy. For example:

Photoshop : Export As unexpectedly cropped image area | Photoshop Family Customer Community

Dave

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
May 13, 2017

I had one problem with Export As until I figured out that is was pilot error.  My scaling was not set to 100%. When I corrected that, Export As worked as expected so now I use it for all my web images.

Nancy

Nancy O'Shea— Product User & Community Expert
davescm
Community Expert
davescmCommunity Expert
Community Expert
May 13, 2017

Hi

Make sure that the ratio of your sides matches 1080x1920 (if not use the crop tool set to ratio) and crop it

Then Use Export - Save for Web (Legacy) and in the dialogue box:

Set the file type to jpeg

Set the Image size to give the required pixel size

Adjust the quality whilst watching the image size change in the preview to get to your target 300kb

I hope that helps

Dave

S
surem9898Author
Participant
May 13, 2017

Thank you for answering! I tried what you suggested but there's an issue; it needs to be a png image because the background has to be transparent. When I save it to a PNG-8 format the pictures look HORRIBLE.

What I mean by that, aside from the fact its quality lowers considerably, is that when you open the image a white outline appears.

And a PNG-24 is too big.

Any help and suggestion is appreciated, really.

davescm
Community Expert
davescmCommunity Expert
Community Expert
May 13, 2017

Hi

How far you can acceptably go with file reduction depends on the content of your particular image.

Again use the save for web dialogue - set it to PNG-8 then try different settings for the number of colours and the algorithms used. Ensure transparency is checked and, if you are getting problems on the edges vary the transparency Dither settings and the matte colour. For example, if you know that it will be viewed against very dark colours try setting the matt to black.

Dave

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices