image dimensions

General questions pertaining to how certain issues can be resolved. This forum is closed with effect from February 2019. Please post future requests on https://github.com/sayontan/suffusion.
Forum rules
This forum is closed with effect from February 2019. Please post future requests on https://github.com/sayontan/suffusion.

1. No offensive language and no mocking
2. Please do a thorough search before you post something. Trust us, there is a high probability that the question you are asking has been asked previously.
3. No soliciting. You cannot post here soliciting bids for people offer you quotes, or even offer money to people for some work. You will be moderated if you do so. If you are looking for help, please post your request on http://jobs.wordpress.net or http://codepoet.com
4. Please be reasonable. You are getting software and support. For free. Complicated requests from a general purpose theme are not welcome and some volunteers might lose patience with you.
5. Please do your due diligence. If you posted a query and we answered with a link, take the trouble to go through the link contents.
6. Please post with complete information. Requests for help MUST be accompanied with your URL, particularly if you are asking something like "Why am I seeing a blank space?"
Locked
ben
Posts: 67
Joined: 25 Jan 2012, 01:49
Location: Italy
Contact:

image dimensions

Post by ben » 05 Sep 2014, 00:51

Hi to all and specially for my friend Drake...
i dont know where can i found attributes.

for page speed i have to Specify image dimensions:
The following image(s) are missing width and/or height attributes.

image for header
images for slider
thanks
Ben

ben
Posts: 67
Joined: 25 Jan 2012, 01:49
Location: Italy
Contact:

Re: image dimensions

Post by ben » 13 Oct 2014, 06:00

Hi, anyone can help for this
Thanks

drake
Posts: 6223
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania
Contact:

Re: image dimensions

Post by drake » 13 Oct 2014, 18:45

Where you see this request? Because on Google Pagespeed Insights I cannot see such request: https://developers.google.com/speed/pag ... ab=desktop

And I cannot see such request because google renounced to it long time ago. Now all things goes in "responsive" direction. Even on Pagespeed Insights can see two sets of recommendations, one for mobiles, one for desktops. And guess what... fixed images, with "width" and "height" attributes defined, cannot be responsive. They stay at their fixed dimensions on any screen, at any resolution. For being responsive, any site, with any theme, is required to not have any fixed element, all widths need to be fluid.

Even looking on your site can see that the slider is responsive, but your fixed images are cutted when the resolution goes below 400px. (the header is cutted because you didn't select "Resize header foreground images (logos) proportionately" at Suffusion Options -> Layouts -> Responsive Layout).

In the past, Google ask for "width" and "height" because images take a lot of time to load. By having these attributes defined, browsers can reserve the space for images and show immediately the site, loading images later. It was a benefit in the past... when take minutes to load a page... but now, all elements are loaded in milliseconds... don't have time to see blank containers without images... so, reserving these containers is obsolete, and Google ask instead to use optimized images. Don't upload large images of 4500x3500px and 300dpi when your site can show images with maximum 1200x800px with 72dpi - the site will loose a lot of time for preparing those images to be showed. Prepare yourself the images and save them at final dimensions. Then on your site use Smush-it plugin to compress the images when you upload them. And let them to be responsive.

ben
Posts: 67
Joined: 25 Jan 2012, 01:49
Location: Italy
Contact:

Re: image dimensions

Post by ben » 14 Oct 2014, 09:07

Hi Drake,
this request is from Pingdom and GTmetrix
i already use the plugin smash it
the dimensions required is for header image and slider images
Thanks
Ben

drake
Posts: 6223
Joined: 26 Jul 2011, 07:56
Location: Constanta, Romania
Contact:

Re: image dimensions

Post by drake » 14 Oct 2014, 20:41

No, Pingdom don't say anything about the size of images (or I cannot see them in recommendations for your site - attached)
pingdom-ben.JPG
pingdom-ben.JPG (84.63 KiB) Viewed 2755 times
Only GT-Metrix in it's PAGESPEED section say that your images are bad... So... GT-Metrix test your site against Google Pagespeed and reveal a problem with images... Hmmmm.... but if you look directly at Google Pagespeed this problem don't exist... What service to trust? The original one from Google or this one from GT-Metrix... How you know if GT-Metrix have adapted their tests to reflect the actual requests or they serve warnings from years ago?

Now. If you really want to lose responsivity for nothing go at Suffusion Options -> Other Graphical Elements -> Featured Content -> How to show and set custom width and custom height for featured images and deselect below "Make images stretch to full-width of the slider".
For header image I cannot see a solution.

mbrsolution
Posts: 92
Joined: 01 Jan 2012, 15:58
Location: Australia
Contact:

Re: image dimensions

Post by mbrsolution » 14 Oct 2014, 21:45

Hi @Ben, like @Drake mentioned previously. Who do you trust. However in regards to Gtmetrix this is what they say in regards to image dimensions.
Page Speed currently only detects image dimensions that are specified via the image attributes. If you are specifying the dimensions via CSS, then you can safely ignore this recommendation.
So if you are using CSS then you don't have to worry what Gtmetrix says about your website.

Kind regards

ben
Posts: 67
Joined: 25 Jan 2012, 01:49
Location: Italy
Contact:

Re: image dimensions

Post by ben » 15 Oct 2014, 07:03

Thank you guys, so mush in helping
i keep the images as it is.
Ciao a tutti

Locked