How can I resize images on the Dawn theme for optimal fit?

[fljdak]

I'm currently using the dawn theme and dealing with quite a few images that have a really big height and a small width and would like to essentially downscale images in the product page so that it fits into a 1080 by 1080 or 1920 by 1080 placeholder. Is there a way i can achieve this by editing the code?

[WoodyDev]

Hi!

Yes that should be possible, send me a link to the page in question and i'll try and get something typed up for you!

[fljdak]

Thankyou so much but unfortunately i dont have the link.

[fljdak]

This isn't the actual store but here's an example of the problem im facing and would like essentially shrink the image so it fits into a 1080 by 1080 or a 1350 by 1080 placeholder. Also is it possible to remove the image outlines?

Thanks

[WoodyDev]

Without seeing the actual page itself it's hard to get it perfect, but i downloaded the Dawn Theme and found if you find this code below in your 'section-main-product.css' 

@media screen and (min-width: 990px)
.product:not(.product--no-media):not(.featured-product) .product__media-wrapper {
    max-width: 64%;
    width: calc(64% - 1rem / 2);
}

just edit the max width to a lower % and it should scale to a smaller size for you

[fljdak]

for some reason i couldn't find this exact code 

[WoodyDev]

If you could provide me a store link i'd be more than happy to take a look for you as your code may be different to the base theme

[paramveersb]

https://www.boneinlayfurnitures.com/ , can you look at my store for the same issue of "Properly size images" on page speed insights?

As i couldn't find the code you provided in this thread earlier.