Mephivio Posted May 22, 2014 Share Posted May 22, 2014 Hi, i'm using the last PS release 1.6.x with a responsive template how to fix missing width and/or height attributes ? thx JP Link to comment Share on other sites More sharing options...
vekia Posted May 22, 2014 Share Posted May 22, 2014 hello by "responsive template" you mean default-bootstrap theme ? Link to comment Share on other sites More sharing options...
Mephivio Posted May 22, 2014 Author Share Posted May 22, 2014 yes Link to comment Share on other sites More sharing options...
Chrisi1321 Posted October 29, 2014 Share Posted October 29, 2014 Hey! I have a similar issue with my site. When I test it on gtmetrix, I always get an F on "Specify image dimensions". I don't understand it, because the dimension of the pictures is set to 200 x 200 px. And do you have any other suggestion for speeding up my site? Almost 5 seconds is still a very long time. Any help is highly appreciated. https://www.aktiv-naturheilmittel.at Link to comment Share on other sites More sharing options...
musicmaster Posted October 30, 2014 Share Posted October 30, 2014 What they mean is something like <img src="example.jpg" width="200" height="200"> Alternatively this could be set in your stylesheet. The idea is that if your page knows from the code how big your image is it doesn't have to wait for the download of the image before starting to render your page. However, I see in your shop that your image files are 200x200 but they are displayed at 151x151. Link to comment Share on other sites More sharing options...
Chrisi1321 Posted October 30, 2014 Share Posted October 30, 2014 (edited) Hi! Thanks for your answer. Where do you see that the images are displayed ta 151x151 ? Edited October 30, 2014 by Chrisi1321 (see edit history) Link to comment Share on other sites More sharing options...
musicmaster Posted October 30, 2014 Share Posted October 30, 2014 This is what I see in chrome when moving the mouse over the link Link to comment Share on other sites More sharing options...
musicmaster Posted October 30, 2014 Share Posted October 30, 2014 Please note that those measures are not exact. Chrome sometimes includes borders or other space around the picture. For example: if you would put in a picture of 151x151 Chrome might report it as 153x153. Link to comment Share on other sites More sharing options...
Chrisi1321 Posted October 31, 2014 Share Posted October 31, 2014 I don't get it However, in which css can I set the image dimensions for those images ? Or are there any other options? Link to comment Share on other sites More sharing options...
musicmaster Posted October 31, 2014 Share Posted October 31, 2014 We are both right. It depends on the width of your window. If you make your window smaller the picture becomes smaller too. Responsive design... So you don't need to change anything. 1 Link to comment Share on other sites More sharing options...
Chrisi1321 Posted October 31, 2014 Share Posted October 31, 2014 Ok, good to know that we are both right However, what can/shall I do to get rid of tht "F" rating? Or is erverything fine and is this just a glitch with gtmetrix? Link to comment Share on other sites More sharing options...
musicmaster Posted October 31, 2014 Share Posted October 31, 2014 I don't know. Maybe someone else on this forum has an idea about how responsive design and specified image dimensions should be combined. Without further notice I would assume that the developers of Prestashop took this issue into consideration. Link to comment Share on other sites More sharing options...
Recommended Posts