I'm trying to specify the dimensions of some images on my site to optimize page speed. I'm working with the Pagelines Pro theme for Wordpress, and I have tried add this custom CSS to define the img size, but Google's page speed doesn't seem to take this into account. I would be able to set the width and height of the img tags themselves, but I'm not exactly sure how (or where) to do this, as I'm using CloudFront as my CDN.
Any guidance would be greatly appreciated.
For my specific example, here are the details.
My site: http://www.mybringback.com
I'm trying to specific the img size of the branding logo on the top left.
I'm tried this by adding this custom css:
.navbar .plbrand img {height:27px;width:160px;}
However, PageSpeed isn't recognizing this change: http://gtmetrix.com/reports/www.mybringback.com/BI93pLK1