3973 posts
  • Located in United Kingdom
  • Has sold $5,000+ on Envato Market
  • Contributed a free file of the month
  • Won a competition
+8 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
  • Has collected 1+ items on Envato Market
  • Member of the Envato Team
  • Has been part of the Envato Community for over 3 years
  • Located in 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
  • Has collected 1+ items on Envato Market
  • Member of the Envato Team
  • Has been part of the Envato Community for over 3 years
  • Located in 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.

311 posts
  • Had an item featured on Envato Market
  • Sells items exclusively on Envato Market
  • Has sold $10,000+ on Envato Market
  • Has referred 10+ members
+4 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!

166 posts
  • Has been part of the Envato Community for over 1 year
  • Has sold $100+ on Envato Market
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
ennadesign says

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

32 posts
  • Has referred 1+ members
  • Has sold $5,000+ on Envato Market
  • Has been part of the Envato Community for over 2 years
  • Had an item featured in an Envato Bundle
+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
151 posts
  • Has sold $5,000+ on Envato Market
  • Sells items exclusively on Envato Market
  • Has been a beta tester for an Envato feature
  • Has referred 50+ members
+2 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 :)

42 posts
  • Has sold $10,000+ on Envato Market
  • Has referred 10+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
bootstrapguru says

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

16 posts
  • Has been part of the Envato Community for over 1 year
  • Has referred 50+ members
  • Has sold $1,000+ on Envato Market
  • Has collected 1+ items on Envato Market
+4 more
Layerform says

Great resource Carmen, cheers! :D

2 posts
ilakowalska says

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

Pls, give a link

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by