When you have WooCommerce webshop As with other online store CMS systems, it is best to use images that have a 1/1 ratio. In other words, the image has the same number of pixels in height as in width, for example 500 by 500 pixels.
Unfortunately, many suppliers and wholesalers do not take this into account and you will often receive photos that are a different size.
There are WordPress plugins to automatically convert images to 1/1, but it often works best (especially with a relatively limited number) to simply do this in Photoshop. You also have the freedom to adjust other things and compress the image, which improves the speed of the website.
Below is a video on how to quickly perform this action in Adobe Photoshop. Press the icon with the four triangles at the bottom right to enlarge the screen.
Useful to know
- Set an image in the main menu Photoshop > Image >Image size at 72 pdi (pixels per inch)
- For a good display on 4k and Retina screens, always use images that are twice as large. If the image of the single product page is 2 x 500 pixels, you should use 500 x 1000 pixels for a good display on these screens. Is a photo smaller than 1000 x 1000 pixels
- Although images of products can be found freely, they may be subject to copyright. So don't just grab photos from other websites, but ask the supplier of your products for photos.
Extras
A basic rule is that logo files and icons are saved as .PNG and photo files as .JPEG.
There are situations where this is different of course, for example for a logo in the main menu that you can save as an SVG file if you have the options to use this.
In Photoshop there are also so-called “actions” or in English "Actions" possible to adjust the canvas of your images on your computer in batches.
For this, check it out topic on Stackoverflow.com and the website from Adobe.
A Photoshop license is now calculated per month. You will then always have the most recent version. There are various options and there is usually a discount if you pay annually. Look here for prizes.
