{"id":24616,"date":"2021-05-23T15:00:34","date_gmt":"2021-05-23T13:00:34","guid":{"rendered":"https:\/\/qodeinteractive.com\/magazine\/?p=24616"},"modified":"2021-05-22T18:13:53","modified_gmt":"2021-05-22T16:13:53","slug":"how-to-create-perfect-woocommerce-product-image","status":"publish","type":"post","link":"https:\/\/qodeinteractive.com\/magazine\/how-to-create-perfect-woocommerce-product-image\/","title":{"rendered":"How to Create Perfect WooCommerce Product Images"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column][vc_column_text]As the old adage goes, a picture is worth a thousand words. Now, we can argue back and forth about the word to picture going rate, but the fact remains that the <a href=\"https:\/\/www.emarketer.com\/content\/for-online-shoppers-photos-can-influence-a-purchase\" target=\"_blank\" rel=\"noopener\">vast majority of shoppers considers pictures very influential<\/a> in making up their mind. It is no wonder then that <strong>WooCommerce places emphasis on product images<\/strong> just as any other shop, online or brick-and-mortar.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"554\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Product-Images.jpg\" class=\"attachment-full size-full\" alt=\"Product Images\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Product-Images.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Product-Images-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Product-Images-768x439.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Product-Images-620x354.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Think for a bit about what this means: you could have the best products and the best prices compared to your competitors, but you could still be losing business or simply not selling as much as you ought to, because your WooCommerce product images are just not as enticing as theirs.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]This article is about WooCommerce product images so we\u2019ll assume you are already familiar with the <a href=\"https:\/\/qodeinteractive.com\/magazine\/woocommerce-tutorial\/\">basics of WooCommerce<\/a>. Here\u2018s what we will be discussing:[\/vc_column_text][vc_empty_space height=&#8221;22px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#what-is-good-format-for-woocommerce-product-images\">What Is a Good Format For WooCommerce Product Images?<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#how-to-take-good-pictures-for-woocommerce\">How to Take Good Pictures for WooCommerce<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#how-to-find-woocommerce-product-images-online\">How to Find WooCommerce Product Images Online<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;5px&#8221;]<ul class=\"qodef-unordered-list-item qodef-toc\">\n    <li>\n\t        <div class=\"qodef-ul-title-holder\">\n            <span class=\"qodef-ul-title-content\"><a href=\"#how-to-use-mockups\">How to Use Mockups<\/a><\/span>        <\/div>\n            <\/li>\n<\/ul>[vc_empty_space height=&#8221;80px&#8221;][vc_widget_sidebar sidebar_id=&#8221;new-ecommerce-banner&#8221;][vc_empty_space height=&#8221;80px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"what-is-good-format-for-woocommerce-product-images\"><\/a>What Is a Good Format For WooCommerce Product Images?<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/What-Is-a-Good-Format-For-WooCommerce-Product-Images.jpg\" class=\"attachment-full size-full\" alt=\"What Is a Good Format For WooCommerce Product Images\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/What-Is-a-Good-Format-For-WooCommerce-Product-Images.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/What-Is-a-Good-Format-For-WooCommerce-Product-Images-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/What-Is-a-Good-Format-For-WooCommerce-Product-Images-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/What-Is-a-Good-Format-For-WooCommerce-Product-Images-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]Product images in WooCommerce use a <strong>1:1 aspect ratio<\/strong>. This means that they are as tall as they are wide. When you use an image with a different aspect ratio, you may find that it gets cropped or stretched or skewed in weird ways, depending on the layout, your CMS, and many other factors. This doesn\u2018t just look bad \u2013 it misrepresents your product.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Another thing you should be very aware of is the photo resolution. If the photos you are using are too small, they may end up looking blurry in some layouts, so your shoppers will not be able to assess your products in detail. The preferred resolution for WooCommerce product pictures is <strong>800&#215;800 pixels<\/strong>.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"how-to-take-good-pictures-for-woocommerce\"><\/a>How to Take Good Pictures for WooCommerce<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Take-Good-Pictures-for-WooCommerce.jpg\" class=\"attachment-full size-full\" alt=\"How to Take Good Pictures for WooCommerce\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Take-Good-Pictures-for-WooCommerce.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Take-Good-Pictures-for-WooCommerce-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Take-Good-Pictures-for-WooCommerce-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Take-Good-Pictures-for-WooCommerce-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]You may be in the business of selling things which don\u2019t come with professionally made photos, such as used products, antiques, or art or handicrafts you have created yourself. If that is the case, you can, of course, <strong>hire a professional to take the pictures for you<\/strong>, if your budget can allow it.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you can\u2019t afford professional photo services you are out of luck: <strong>you have to take the pictures yourself<\/strong>, too. Which means investing in some equipment. This doesn\u2018t necessarily mean a high-end professional camera: you can do a lot with a <strong>latest generation mobile phone with a decent camera array and processing software<\/strong>. Most mobile stores provide filtering for photo capabilities, so give it a go.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now, the main problem with photography is lighting. If you can\u2018t invest in professional lighting, make sure you<strong> take your pictures in as bright a daylight as you can possibly manage<\/strong>. You should also <strong>be aware of glare and reflective surfaces.<\/strong>[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Ideally, you should <strong>photograph all your stock against the same background<\/strong>, and, again ideally, it should be an <strong>unbroken white<\/strong>, as it makes the details stand out better. Furthermore, you should <strong>photograph all your stock in the same lighting and background conditions<\/strong>. In most cases, lighting varies daily and seasonally. For the sake of consistency, it\u2018s best to<strong> dedicate a single spot and time of day<\/strong> in your workplace or home for taking pictures.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]In a lot of cases, you should also take your pictures from multiple angles or aspects, images of the whole product and close-ups of important features.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You need to showcase all the important details, and <strong>pay special attention to each of your products\u2018 selling points<\/strong>. Make sure the detail is clearly visible, be consistent with lighting and backgrounds, take crisp photos, and resize and crop them to the desirable resolution, and you\u2018ll get as close as you possibly can to professionally made product images as you can on your own.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Now, once you have taken your pictures, you might want to look at <strong>protecting your original work from theft<\/strong>. There are two easy ways we can think of: <a href=\"https:\/\/qodeinteractive.com\/magazine\/watermark-to-images-in-wordpress\/\">adding a watermark to your photos<\/a> so anybody can see to whom it belongs or <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-disable-right-click-wordpress\/\">disabling right-click on your website<\/a> in order to prevent people from saving the image altogether.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"how-to-find-woocommerce-product-images-online\"><\/a>How to Find WooCommerce Product Images Online<\/h2>\n<p>[\/vc_column_text][vc_column_text]Finding good pictures isn\u2018t easy, though, and even then you can make mistakes. Still, there are ways to source good quality pictures online.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Your first stop should be the manufacturer of whatever it is you\u2018re selling, if applicable. And it will be applicable if you are selling branded products: <strong>the manufacturer will more than likely have professional photos of their products<\/strong>, and could furnish you with them, as could your supplier.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You might run into problems even then: <a href=\"https:\/\/qodeinteractive.com\/magazine\/edit-crop-flip-scale-rotate-wordpress-images\/\">you might have to crop<\/a> or <a href=\"https:\/\/qodeinteractive.com\/magazine\/resize-image-in-photoshop\/\">resize the photos in Photoshop<\/a> to fit the WooCommerce format, or possibly edit them to remove their backgrounds or other details. You may also need to <a href=\"https:\/\/qodeinteractive.com\/magazine\/how-to-increase-image-resolution-in-photoshop\/\">improve their resolution<\/a>. Now, this is not a photo editing tutorial, but there are plenty of those online if the photos you get need some extra work.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Find-WooCommerce-Product-Images-Online.jpg\" class=\"attachment-full size-full\" alt=\"How to Find WooCommerce Product Images Online\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Find-WooCommerce-Product-Images-Online.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Find-WooCommerce-Product-Images-Online-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Find-WooCommerce-Product-Images-Online-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Find-WooCommerce-Product-Images-Online-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]But what if you stock non-branded, generic goods, organic produce, or bulk goods such as loose leaf tea, coffee, or firewood? You could still want <strong>a quality photo to represent your goods<\/strong>. Fortunately, there are many websites where you can <a href=\"https:\/\/qodeinteractive.com\/magazine\/sites-for-free-stock-photos\/\">find and download free stock photos<\/a> available for commercial use.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]You may be wondering <strong>why can\u2019t you just google whatever image you want<\/strong> and reuse it on your website. The reason why you shouldn\u2018t do this is because it\u2018s illegal. And if things being illegal is not enough to deter you, well, you could also be liable for damages.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]If you still choose to resort to Google, bear in mind that you can filter all your image results by usage rights simply by opening the <strong>Tools<\/strong> tab and selecting from the <strong>Usage Rights<\/strong> drop-down menu.[\/vc_column_text][vc_empty_space height=&#8221;50px&#8221;]<div class=\"qodef-single-image-holder   qodef-has-border \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"518\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Licence.jpg\" class=\"attachment-full size-full\" alt=\"Google Licence\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Licence.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Licence-300x160.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Licence-768x411.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/Google-Licence-620x331.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]There are images which can be reused and edited with attribution (naming the author), but we are not dispensing legal advice and it really depends on the image and the author\u2019s or rights owner\u2019s disposition. Our recommendation is to <strong>be safe and use free photos<\/strong> wherever you can.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\"><a id=\"how-to-use-mockups\"><\/a>How to Use Mockups<\/h2>\n<p>[\/vc_column_text][vc_empty_space height=&#8221;21px&#8221;]<div class=\"qodef-single-image-holder    \">\n    <div class=\"qodef-si-inner\" >\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"969\" height=\"555\" src=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Use-Mockups.jpg\" class=\"attachment-full size-full\" alt=\"How to Use Mockups\" srcset=\"https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Use-Mockups.jpg 969w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Use-Mockups-300x172.jpg 300w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Use-Mockups-768x440.jpg 768w, https:\/\/qodeinteractive.com\/magazine\/wp-content\/uploads\/2021\/05\/How-to-Use-Mockups-620x355.jpg 620w\" sizes=\"auto, (max-width: 969px) 100vw, 969px\" \/>                        <\/div>\n<\/div>[vc_empty_space height=&#8221;38px&#8221;][vc_column_text]But what if what you\u2018re selling is a design? An image or a slogan to be printed or transferred onto generic physical goods (t-shirts, tank tops, mugs, phone cases)? There is a way for you to obtain<strong> high quality images of things that don\u2018t actually exist:<\/strong> mockups.[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Mockups are basically showcases of what your design can do; what it can look like when printed onto a generic product. And you don\u2018t even have to produce a single item! Creating a mockup from scratch would require at least some photo editing skill, though, not to mention adequate software.<br \/>\n[\/vc_column_text][vc_empty_space height=&#8221;28px&#8221;][vc_column_text]Fortunately, there is an easy workaround. There are plenty of <a href=\"https:\/\/qodeinteractive.com\/magazine\/websites-for-downloading-mockups\/\">websites to download mockups from<\/a>. Some of them are free, and some require registration or payment, but there\u2019s something to suit everybody\u2019s taste and budget.[\/vc_column_text][vc_empty_space height=&#8221;68px&#8221;][\/vc_column][\/vc_row][vc_row][vc_column][vc_column_text]<\/p>\n<h2 class=\"qodef-h4\">In Conclusion<\/h2>\n<p>[\/vc_column_text][vc_column_text]From manufacturer\u2018s own images through amateur photography to user-created mockups, avenues towards the perfect product image for your WooCommerce store abound. The choice of the road you take is ultimately up to you, but making your stock stand out amongst the competition is no easy task. Just be consistent, keep up a photo quality standard, and be mindful of the format, though, and you will be well on your way towards making some sales.<br \/>\n[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Looking to wow your shoppers? Check out our tutorial on perfect WooCommerce product images!<\/p>\n","protected":false},"author":16990,"featured_media":24636,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[27,56,4,99,13],"class_list":["post-24616","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-content","tag-ecommerce","tag-tips","tag-woocommerce","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/24616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/users\/16990"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/comments?post=24616"}],"version-history":[{"count":0,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/posts\/24616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media\/24636"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/media?parent=24616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/categories?post=24616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qodeinteractive.com\/magazine\/wp-json\/wp\/v2\/tags?post=24616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}