October 31, 2012 at 3:30 pm #15821
Help! No matter which photo size I upload or resolution the featured image for each product is very blurry. Anyone know how to fix this? It is a photo size issue?October 31, 2012 at 3:36 pm #89148
http://simbiotekdesignlab.com/product-category/jewelry-3/ HERE IS A LINK TO AN EXAMPLE OF WHAT’S HAPPENINGNovember 2, 2012 at 4:23 am #89149
The image is perhaps 8% resized down. It difficult to get perfect backgrounds for everyone since there is no standard screens. However first thing to do is to install the Simple Image Sizes plugin ( http://wordpress.org/extend/plugins/simple-image-sizes/ ). The plugin will give you complete control over all images in the theme -from aspect ratio, to width, whether to crop the image, and even has a built in thumbnail regenerator.
After installing the plugin, you will find your Settings > Media page in the backend to contain the various sizes. Then simply find the dimensions you want to change. Save. Regenerate the images and see if you like what you see or want to tweak the image sizes further.
You also need to be using images that are 1600×900 approximately the same aspect ratio as an average monitor. If you use square images that are much smaller, they will attempt to fit the screen by stretching, which causes blurriness. so its better to have larger images.
You should try to prep the images in photoshop or some photo editing software so that they all are about same size. that will give a consistent effect. There is no way to make a 400×550 image to become a background image without some serious blurring.
Use the plugin, and try a few different sizes to see what I mean.
Here is also a good aspect ratio calculator to get an idea of sizes for smaller images that have same aspect ratio as your bigger images. http://andrew.hedges.name/experiments/aspect_ratio/
NickNovember 2, 2012 at 7:03 pm #89150
Ok the problem is my images turn out great in all uses, Shop Category, Zoom In of photo, Background Image. The image just shows up blurry for the actual product image you click on the learn more about it.
Is this another problem? I am using WooCommerce with thumbnails at 90×90.November 5, 2012 at 9:51 am #89151
Please go to the thumbnail size settings page (WooCommerce > Settings > Catalog and scroll to the bottom). Check if a thumbnail size of 120x120px exists – if yes try to change it to eg 200x200px.
PeterNovember 5, 2012 at 11:47 pm #89152
Thank you for your help, changing to 200×200 plus regeneration worked! I am so grateful for this.November 5, 2012 at 11:56 pm #89153
The topic ‘Flashlight – Product Featured Image Blurry’ is closed to new replies.