4621 posts
  • United Kingdom
  • Community Superstar
  • Author Level 4
  • Weekly Top Seller
+10 more
ToivoMedia
says






Photoshop > Save for Web & Devices. Voila.
Photoshop has some of the worst optimization for screen display. This is terrible advice if you stop there.
Why not give an alternative to this “terrible” advice? No time to write something constructive?
+1 All I use when slicing a PSD template – Would love to hear some advice from you

Thought it was obvious, but you have to read the article: http://notes.envato.com/general/image-performance-tips-for-authors/

That’s why @UniikMedia’s suggestion completely missed the point and is bad advice.


“When you export your images from Photoshop, always use the “Save for Web” option. Once your image is exported, you can make it even smaller with an image optimisation tool. “

It says you can make it even smaller – It mentions nothing about save for web being awful

“but you have to read the article”.

Indeed, yes you do.

95 posts
  • Collector Level 1
  • Envato Team
  • 4 Years of Membership
  • Australia
bensmithett
Envato team
says

Yeah, “Save for Web” isn’t great, but it does give some savings compared to “Save As” -> JPEG, which is an easy default choice if you’re new to Photoshop.

But you should totally use those other tools to optimise your images no matter how you save :)

95 posts
  • Collector Level 1
  • Envato Team
  • 4 Years of Membership
  • Australia
bensmithett
Envato team
says

On the topic of images in item descriptions: if you’re using images that rely on (or try to match) our existing grey background colour, we have a few quick questions that we’d love you to answer to help us understand the impact of changing the background colour.

More details in this forum post.

328 posts
  • Weekly Top Seller
  • Featured Item
  • Author Level 5
  • Exclusive Author
+5 more
Berlin-InEar
says

Thanks for these great tips! Although I used “save for web” those tools saved me a lot of KBytes – up to 70% for some PNGs! :)

When I analyzed my profile and item pages with some SEO tools I noticed some big files, all jpgs from the “similar items” category in the item descriptions. Some were like 40 KByte, way too much for a little profile thumb. So I’m guessing that uploaded items like the item-thumbs, profile- and collection- pictures are not processed and compressed server-sided? Although I optimized and re-uploaded all of my thumbs and icons, some item-sites are loading slowly – depending on which kind of thumbs by other authors are displayed. Could you think about a serversided compression of non-selfhosted files? That would be great!

Cheers!

209 posts
  • 1 Year of Membership
  • Affiliate Level 1
  • Author Level 3
  • Collector Level 1
+1 more
ennadesign
says

good tips :) was doing it using “Save for Web”;)

32 posts
  • Affiliate Level 1
  • Author Level 4
  • 3 Years of Membership
  • Bundle Boss
+2 more
nachothemes
says

Also, if you’re concerned about bandwidth and loading time you should consider using bigger images(2x) at less than half the quality. This will only work with JPEG’s.

The downscaling will compensate for the decrease in quality and depending on the image content you can reduce about 10%-30% of its filesize.

Size comparison

AmigoProductions
AmigoProductions Recent Posts Threads Started
332 posts
  • Trendsetter
  • Author Level 5
  • Exclusive Author
  • Beta Tester
+4 more
AmigoProductions
says

Thanks for this helpful post Carmen! I’ve checked out TinyPNG with several images and it really works great.. I’ve now re-uploaded almost all my images after downsizing them with TinyPNG :)

53 posts
  • Trendsetter
  • Author Level 5
  • Affiliate Level 2
  • Collector Level 2
+2 more
bootstrapguru
says

I really do appreciate the article. Thats an useful one.. Thanks so much! :)

16 posts
  • 2 Years of Membership
  • Affiliate Level 4
  • Author Level 3
  • Bundle Boss
+5 more
Layerform
says

Great resource Carmen, cheers! :D

2 posts
  • 1 Year of Membership
ilakowalska
says

I tested one online image-optimizer and see the results.
Very nice optimizer… ;) \\

Pls, give a link

by
by
by
by
by
by