Current time: 06-01-2020, 06:10 AM Hello There, Guest! (LoginRegister)

Post Reply 
 
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
COMPRESS IMAGES
07-29-2016, 02:40 AM
Post: #1
COMPRESS IMAGES
Hi,

Just got the results from WebPageTest for my website. Got all As except Compress Images. A list of about 100 images with either Warning or Failed designation.
But I checked the images with Failed grade : they are jpeg files that have been optimized for web using Photoshop and around 200 KB in size.
What caused the Fail grade?
Find all posts by this user
Quote this message in a reply
07-29-2016, 10:08 PM
Post: #2
RE: COMPRESS IMAGES
Do you have a link to the actual test? My guess is that they were (possibly) saved "for web" in photoshop but with a quality level that was too high.

If you click on the waterfall on the main page to go to the full waterfall page and then scrool below the waterfall there will be a "view all images" link that brings up a view that displays all of the images and the savings for each. If you find one in particular you want more details on there will be an "Analyze JPEG" link that will give you an idea of where the extra image bytes are coming from.
Visit this user's website Find all posts by this user
Quote this message in a reply
07-29-2016, 11:04 PM (This post was last modified: 07-29-2016 11:13 PM by pokongku.)
Post: #3
RE: COMPRESS IMAGES
http://www.webpagetest.org/result/160728_PC_34BN/

Hi pmeenan,
Thanks for the quick reply. I am new to all this.
So, if I take the first image on the list, it gives three versions of the image :
Image, Optimized Image and Quality 85 Image.
Is it the Quality 85 that I should be using?
If so, should I lower the file size manually by Photoshop?
Find all posts by this user
Quote this message in a reply
07-29-2016, 11:29 PM
Post: #4
RE: COMPRESS IMAGES
Looking at the actual images, you also have some other issues going on.

This image for example: http://96b1ada84e3baac616429bf8.lejgz897...jpg?deb23c

Is 46x46px in the UI but is a 1134x1134px image. You should resize the images like that to the size you actually need. And for 2-color images (and other non-photo images) png will usually be a better choice than JPEG.

For the other photos, yes, you should reduce the quality level when saving from Photoshop. Quality level 60 in Photoshop's "Save for web" is usually safe but you can tweak the settings until it is as small as possible but still looks visually good.
Visit this user's website Find all posts by this user
Quote this message in a reply
08-05-2016, 09:51 AM
Post: #5
RE: COMPRESS IMAGES
Thanks so much pmeenan, for all the help.
Find all posts by this user
Quote this message in a reply
08-06-2016, 04:38 AM
Post: #6
RE: COMPRESS IMAGES
You can try also tools like JPEGmini
http://www.jpegmini.com/

and Imageoptim
https://imageoptim.com/

to compress even better images

I personnaly process all my JPEG with Jpegmini and all PNG with Imageoptim (and ImageAlpha to reduce colors)
Visit this user's website Find all posts by this user
Quote this message in a reply
Post Reply 


Forum Jump:


User(s) browsing this thread: 2 Guest(s)