Typically, you’ll want to use JPEG for product images, as JPEGs are great for images with lots of colors and also are usually smaller than PNG files and easier to compress. When it comes to online images, there are several different formats that you can use, with the most common options being PNG, JPEG, or GIF. Ideally, you want to make these values as small as possible without sacrificing usability.įor example, if your theme only displays 200px wide images on the catalog page, you might want to make the Thumbnail width equal to 200px instead of the default of 300px. Then, in the WordPress Customizer, go to WooCommerce → Product Images: You can control the size of these thumbnails by going to Appearance → Customize. These dimensions are usually controlled by your theme, but WooCommerce also comes with its own thumbnail dimensions that control the size of the images used on your catalog page and some other areas. When you upload an image to WordPress, WordPress will automatically resize that image to different dimensions – AKA thumbnails. Pay Attention to Your WooCommerce Thumbnail Sizes, Too Or, the Imagify compression plugin can also automatically resize your images to a set maximum dimension when you upload them to WordPress: 3. You can either resize your images before you upload them. However, if you’re selling jewelry or something where people will want to really zoom in on small details, you might want to go up to more like 2,000 px.Įither way, you never want to be uploading the massive 5,000 px images that come out of your camera by default, and you should always try to go as small as possible without negatively affecting the shopping experience. If you’re selling a simple product – like a plain white t-shirt – you might be able to do 800-1,000 px because there isn’t a lot of detail there. So how much should you resize images? Well, a lot of this depends on what you’re selling. WooCommerce will automatically do this for some areas of your store ( more on this next), but it won’t do this for the main image on your single product page. All else equal, smaller dimensions (height and width) equal a smaller file size. In addition to compressing your images, you’ll also want to change the actual image dimensions to further shrink your sizes. You can also find online cloud tools that you can use before you upload images to your WooCommerce store. Imagify comes from the WP Rocket team and will help you automatically compress your images as you upload them to WordPress using your preferred level of compression ( lossless plus two levels of lossy compression): Or, you can also use the Imagify WordPress plugin to put image compression on autopilot. If you already use Photoshop as part of creating your product images, you can use Photoshop’s Save for Web option. No matter what, you should always be using some type of compression on your WooCommerce product images, as it’s an easy way to cut file size without changing anything else.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |