Home › Forums › WoodMart support forum › Specify image dimensions
Specify image dimensions
- This topic has 8 replies, 2 voices, and was last updated 5 years ago by Elise Noromit.
-
AuthorPosts
-
December 8, 2019 at 4:15 am #161855
bidnbuyParticipantThe following image(s) are missing width and/or height attributes. How can I correct this in the frontend design.
—–
http://bidnbuy.auction/wp-content/uploads/2017/06/brand-Eva-Solo.png (Dimensions: 180 x 100) (11 uses)
http://bidnbuy.auction/wp-content/uploads/2017/06/brand-alessi.png (Dimensions: 180 x 100) (11 uses)
http://bidnbuy.auction/wp-content/uploads/2017/06/brand-flos.png (Dimensions: 180 x 100) (11 uses)
http://bidnbuy.auction/wp-content/uploads/2017/06/brand-hay.png (Dimensions: 180 x 100) (11 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/bidnbuy-motors-2.png (Dimensions: 512 x 512) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/bizIndustry-3-1.png (Dimensions: 512 x 512) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/booksmusicmovies-2.png (Dimensions: 512 x 512) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/collectibleart-1.png (Dimensions: 512 x 512) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/electronics-1.png (Dimensions: 512 x 521) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/fashion-1.png (Dimensions: 512 x 512) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/healthBeauty-2.png (Dimensions: 512 x 564) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/homeGarden-2.png (Dimensions: 512 x 506) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/sportsOutdoors-2.png (Dimensions: 512 x 512) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/10/toysgames-3.png (Dimensions: 512 x 512) (2 uses)
http://bidnbuy.auction/wp-content/uploads/2019/12/Travel-4-1.png (Dimensions: 512 x 512)
https://bidnbuy.auction/wp-content/themes/woodmart/images/lazy.png (Dimensions: 1 x 1) (9 uses)
https://bidnbuy.auction/wp-content/uploads/2019/10/BidnBuy_Logo-W-mobile.png (Dimensions: 140 x 42) (4 uses)
https://bidnbuy.auction/wp-content/uploads/2019/10/BidnBuy_Logo-W.png (Dimensions: 251 x 53) (4 uses)Thanks
December 8, 2019 at 10:35 am #161880
Elise NoromitMemberHello,
Your question is not clear enough. The height and width attributes are added dynamically for responsive design. That is why some images may be used without the attributes and their height and width are configured by CSS.
Best Regards
December 8, 2019 at 3:13 pm #161938
bidnbuyParticipantHello,
Sorry for the confusion. The image(s) listed in the previous are all missing the width and/or height attributes in the source.
Do reference attachments.
Regards.
Attachments:
You must be logged in to view attached files.December 8, 2019 at 3:16 pm #161940
bidnbuyParticipantRe-attaching second image.
Attachments:
You must be logged in to view attached files.December 8, 2019 at 4:34 pm #161961
Elise NoromitMemberHello,
Yes, these images are smaller or bigger depending on the width of the screen. If this image would have the attribute it would be cut or blur that is why they do not have width and height inline and their height and width are configured by the height and width of the parent block.
Best Regards
December 8, 2019 at 7:16 pm #161972
bidnbuyParticipantHi and thanks for the clarity and logical reasoning.The question was raise based on a website performance report as we continue work on our optimizing tactics.
Regards.
December 8, 2019 at 10:25 pm #161992
Elise NoromitMemberHello,
This is not an error. These attributes are not compulsory.
Best Regards
December 9, 2019 at 11:19 pm #162255
bidnbuyParticipantHello,
Although compulsory, always including the ‘width/height’ attributes in the source of images is a best practice in web design, This data is also favorable with search engine indexing and overall website performance benchmarks. The ‘width/height’ attributes supports proper solid frontend design.
Regards
December 10, 2019 at 10:09 am #162326
Elise NoromitMemberHello,
As I told these attributes are not added for the responsive purpose.
Best Regards
-
AuthorPosts
- You must be logged in to create new topics. Login / Register