3148 posts
  • United Kingdom
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Author had a File in an Envato Bundle
  • Author had a Free File of the Month
  • Won a Competition
  • Referred between 100 and 199 users
  • Bought between 50 and 99 items
+2 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.

91 posts
  • Envato Developer
  • Has been a member for 2-3 years
  • Envato Staff
  • Australia
  • Bought between 1 and 9 items
bensmithett Dev 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 :)

91 posts
  • Envato Developer
  • Has been a member for 2-3 years
  • Envato Staff
  • Australia
  • Bought between 1 and 9 items
bensmithett Dev 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.

291 posts
  • Sold between 5 000 and 10 000 dollars
  • Referred between 1 and 9 users
  • Bought between 10 and 49 items
  • Exclusive Author
  • Germany
  • Has been a member for 0-1 years
  • Grew a moustache for the Envato Movember competition
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!

91 posts
  • Bought between 1 and 9 items
  • Exclusive Author
  • Has been a member for 0-1 years
  • Portugal
  • Sold between 100 and 1 000 dollars
ennadesign says

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

28 posts
  • Has been a member for 2-3 years
  • Sold between 1 000 and 5 000 dollars
  • Referred between 1 and 9 users
  • Author had a File in an Envato Bundle
  • Exclusive Author
  • Romania
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
130 posts
  • Microlancer Beta Tester
  • Exclusive Author
  • Sold between 5 000 and 10 000 dollars
  • Has been a member for 3-4 years
  • Bought between 50 and 99 items
  • Referred between 10 and 49 users
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 :)

16 posts
  • Sold between 10 000 and 50 000 dollars
  • Referred between 10 and 49 users
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 0-1 years
bootstrapguru says

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

16 posts
  • Exclusive Author
  • Has been a member for 1-2 years
  • Helped protect Envato Marketplaces against copyright violations
  • Referred between 10 and 49 users
  • Sold between 100 and 1 000 dollars
  • United Kingdom
Layerform says

Great resource Carmen, cheers! :D

2 posts
  • Has been a member for 0-1 years
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