Return to previous page

Image Frame Size - by ejder077 - on WordPress WooCommerce support

This topic has 13 replies, 3 voices, and was last updated 5 years, 6 months ago ago by Rose Tyler

ejder077

Participant

June 19, 2019 at 11:14

Hi,

May I ask what is the frame size of below frames?

Products Page (http://bra-plus.com/shop/): https://ibb.co/hMmt9HB

Single Product Page: https://ibb.co/ScsQP2Z

Thank you

#215830 Copied Theme version: Child 5.2

12 Answers

Rose Tyler

Support staff

June 19, 2019 at 12:11

Hello,

Please see screenshots – http://prntscr.com/o3twof http://prntscr.com/o3twdu
Read about product images – https://www.8theme.com/documentation/xstore/woocommerce/product-images/

Regards

#215832 Copied

ejder077

Participant

June 19, 2019 at 12:23

Hi,

Is it means that all of my product images are actually enough in a dimension like 530*520?

I can resize a large image (Say 950*855) into 530*520, and the quality of the image will not decrease?

#215834 Copied

Olga Barlow

Support staff

June 20, 2019 at 13:06

Hello,

WooCommerce has a few types of images that are generated for every product and used depending on the situation:
1) Original image (This type is used for zoom option and lightbox https://gyazo.com/ece404a20d9b5d45efd806562c6126a8 )
2) Single product image size based on WC options (http://prntscr.com/o4cn5k) and WC use this image for the Product image on the single product page http://prntscr.com/o4cns2
3) Grid image http://prntscr.com/o4cob3 used for the all the images on grid (Products elements, Shop grid, Product category, Related product sliders etc) http://prntscr.com/o4cown

If you want to have zoom option you should keep images larger that single product box. If you don’t need zoom then you can resize original images. Hope my answer is clear.

Regards

#215890 Copied

ejder077

Participant

June 21, 2019 at 04:27

But cropping the images can increase the speed of the website, right?

As you can see, my website is being extremely slow, and I have no solution about this situation.

#215923 Copied

Olga Barlow

Support staff

June 21, 2019 at 09:02

Hello,

Yes, it will reduce the page size and that’s why increases page speed a little bit but I would recommend you to replace logos and reduce Transparent-logo-2.png 1239×463 to 230×86 and bra_lingrie.png 2000×1167 to 257×150.

Also, if you need site optimization you may submit the request to WPKraken team They offer optimization services because site speed it’s not just images.

Regards

#215933 Copied

ejder077

Participant

June 21, 2019 at 18:03

Hi,

I reduced bra_lingrie.png 2000×1167 to 257×150. But doing this will make the outcoming logo reduce too! So is there any way to reduce the image size, but still keeping the same outcome.

Attachment 1 shows the outcome using the original image (2000×1167): https://ibb.co/F4HXS2j

Attachment 2 shows the outcome using the 257*150 image: https://ibb.co/z7m52WH

#215998 Copied

Rose Tyler

Support staff

June 22, 2019 at 08:08

Hello,

2000×1167 image is shown on your footer now, so I do not see the problem with the second image.
Do you use Single image element there? This element has an option to set size – http://prntscr.com/o562d7 try to set 230×86 or “full”

Regards

#216006 Copied

ejder077

Participant

June 22, 2019 at 10:19

Hi,

Of course it is 2000×1167 now, I changed it into 230×86, then I found it is too small (https://ibb.co/z7m52WH), so I change it back.

Do you understand my question???

I reduced bra_lingrie.png 2000×1167 to 257×150. But doing this will make the outcoming logo reduce too! So is there any way to reduce the image size, but still keeping the same outcome.

Attachment 1 shows the outcome using the original image (2000×1167): https://ibb.co/F4HXS2j

Attachment 2 shows the outcome using the 257*150 image: https://ibb.co/z7m52WH

#216014 Copied

Rose Tyler

Support staff

June 22, 2019 at 10:33

Dear,

This is a screenshot of footer https://ibb.co/z7m52WH and “Transparent-logo-2.png” image is placed here https://prnt.sc/o573bb
bra_lingrie.png is your logo image in the header, so it should not affect the footer.
Olga suggested you replace both logos, reduce Transparent-logo-2.png 1239×463 to 230×86 and bra_lingrie.png 2000×1167 to 257×150 or (300×175 http://prntscr.com/o574l5)

Regards

#216015 Copied

ejder077

Participant

June 22, 2019 at 11:25

I replaced the “Transparent-logo-2.png” image now, please see the result: https://ibb.co/b6tvRph

I set it as full size (https://ibb.co/7KQPfHV), but the outcome reduces a lot compare to the original one (Original: https://ibb.co/F4HXS2j), which is not good.

So, my question is, how can I enlarge the outcome while using a 257×150 image.

#216017 Copied

Rose Tyler

Support staff

June 22, 2019 at 12:12

Please compare – https://prnt.sc/o57viw and https://prnt.sc/o57vnm The correct one will be – http://prntscr.com/o57vvt
Download the correct image by this link – https://dropmefiles.com/PaLYL and upload on your site.

Regards

#216019 Copied

Rose Tyler

Support staff

June 22, 2019 at 12:22

This one – https://dropmefiles.com/HuIOX will be even better because was optimized – http://prntscr.com/o57zcj

Regards

#216020 Copied
Viewing 13 results - 1 through 13 (of 13 total)