Image Frame Size - by ejder077 - on WordPress WooCommerce support

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

  • Avatar: ejder077
    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

    12 Answers
    Avatar: Rose Tyler
    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://xstore.helpscoutdocs.com/article/89-product-images

    Regards

    Avatar: ejder077
    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?

    Avatar: Olga Barlow
    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

    Avatar: ejder077
    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.

    Avatar: Olga Barlow
    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

    Avatar: ejder077
    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

    Avatar: Rose Tyler
    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

    Avatar: ejder077
    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

    Avatar: Rose Tyler
    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

    Avatar: ejder077
    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.

    Avatar: Rose Tyler
    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

    Avatar: Rose Tyler
    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

  • Viewing 13 results - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.