Forums

Image compression, web optimization in general.

Permalink
Hi there,

My last website is finished and works great. I am working now on making it faster. It is an image intensive website, and when I test it in sites likehttp://www.webpagetest.org/, most of the optimization measures fail. specially Image compression and Cache static content (despite that I have all cache options on).

Anyone knows how to deal with this?

Thank you ,
V.
byvictoria
 
Steevb replied on at Permalink Reply
Steevb
Optimize image before you upload, I sometimes use:http://photoscape.org

Also add this code to your htaccess file to gzip stuff: 
<FilesMatch "\.(js|css|html|htm|php|xml)$">
SetOutputFilter DEFLATE
</FilesMatch>
<IfModule mod_headers.c>
    BrowserMatch MSIE ie
    Header set X-UA-Compatible "IE=Edge,chrome=1" env=ie
  </IfModule>
<IfModule mod_expires.c>
# Enable expirations
ExpiresActive On
ExpiresDefault "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresByType image/gif "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/jpg "access plus 1 month"
Viewing 15 lines of 27 lines. View entire code block.


What is the URL?
byvictoria replied on at Permalink Reply
byvictoria
Hi @Steevb,

Thank you for your reply... I added the code you said to the htaccess file, and I had also used the "constrain image size" option in most images like I saw you recommended in an other thread.

All images had been saved for 72 or 96 dpi resolution, before uploading to C5.

The link ishttp://www.beautebook.com, I am not sure the htaccess new code is working, hover images are very slow and the page in general takes a while to load. If you could take a look that would be great,

Thank you again...
V.
Steevb replied on at Permalink Reply 1 Attachment
Steevb
Okay, I took the liberty of optimising a few images and managed to make 75% saving in weight, see attached.

If images work for you, swap out and see if webpagetest and pingdom give better results.
byvictoria replied on at Permalink Reply
byvictoria
Thank you @Steevb,

I replaced all images with the ones you gave me, thank you so much.
I have a question, your images are the same size and resolution (72 dpi) than mine, how come your files are much smaller? Is there another variable other than size and resolution?

Thanks a lot for your time and your help, your advice has been very useful.

V.
Steevb replied on at Permalink Reply
Steevb
I used Adobe Fireworks, but you can use the image editor I recommended in previous post. Does the same thing, but not quite as good.

photoscape.org
Steevb replied on at Permalink Reply
Steevb
The program does the hard work.

To elaborate:
I open my images/photos in the editor and crop/trim/adjust colours or whatever and ALWAYS try to save/export as a jpg.

From my experience using some other photo editors .i.e photoshop, things will never work out.
Steevb replied on at Permalink Reply
Steevb
Sorry, didn't actually answer your question.

They came into the program from you site. I left everything as default. The output became a quality of 80 at 72dpi.
byvictoria replied on at Permalink Reply
byvictoria
Yes, my images were done on Photoshop, save for web, as you said, it doesn't work.
I found this one online, it is extremely simple and works very fast and well, I leave the link for the record:

http://compressjpeg.com/

Thanks again!
V.
Steevb replied on at Permalink Reply
Steevb
Okay, but I can still get an image to weigh at least 15% less!
byvictoria replied on at Permalink Reply
byvictoria
You are the man... Adobe Fireworks it is then... :-)
Steevb replied on at Permalink Reply
Steevb
Also forgot to mention, I don't trust online stuff and photoscape is FREE.
Steevb replied on at Permalink Reply
Steevb
And Fireworks is not!

My version is CS5 11.0.1.7
A3020 replied on at Permalink Reply
A3020
I know this is an old thread, but other people that might stumble on this page, could check out https://www.concrete5.org/marketplace/addons/image-optimizer/.... It's a C5 solution that optimizes images that reside in the File Manager or in the cache directories. It also has a TinyPNG integration (500 images per month for free) for those who don't have server access.