- 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
- Author was Featured
- Won a Competition
- Referred between 100 and 199 users
- Bought between 50 and 99 items
ToivoMedia said+1 All I use when slicing a PSD template – Would love to hear some advice from you
GravityDept saidWhy not give an alternative to this “terrible” advice? No time to write something constructive?
UniikMedia saidPhotoshop has some of the worst optimization for screen display. This is terrible advice if you stop there.
Photoshop > Save for Web & Devices. Voila.
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.
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!
good tips was doing it using “Save for Web”;)
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.
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
I really do appreciate the article. Thats an useful one.. Thanks so much!
Great resource Carmen, cheers!