I am trying to: display images for each of the 13 entries in a custom post site on the home page. I have created a view that does just this and I have set the thumbnail size in the media settings to the size that I'd like, including having it crop exactly. I'm using this shortcode: [wpv-post-featured-image size="twentyseventeen-square-image"] and added an additional image size in the functions.php section to create it.
add_image_size( 'twentyseventeen-square-image', 101, 101, true );
Link to a page where the issue can be seen: hidden link
I expected to see: images that were not blurry under the "Mound Sites" section where there are 2 columns of images and text.
Instead, I got: Very blurry images. I'd like to know how to resolve this. It seems to happen when the resizing is set to true for cropping.
I have run the Regenerate Thumbnails plugin.
I had a previous thread about this, but thought that by changing the image size in the media settings I would alleviate the issue.
Hello,
I have checked the URL you mentioned above:
hidden link
I assume we are talking about those small images in 100*100 size, for example:
hidden link
why do you think this image is blurry? what kind not blurry image do you want to see?
If you want to try other options of [wpv-post-featured-image] shortcode, please check this document:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image
The original image for that photo is very crisp. Looking at the image as this thumbnail, it is not sharp at all. All the detail is blurred for some reason. The easiest example to point out is the photo 4 down for Moundville Archeological Park. It is very blurry. The same image, not cropped, is the image shown at the top of the screen, just below the header logo. Thanks. I'd like for WordPress to crop the image that I have saved as a featured image for use as this thumbnail, but not make it blurry. The image appears a little different at the top because I'm using CSS to hide the bottom portion of it as I wanted a long image for this location, but hopefully this will give you an idea of what I mean.
For the shortcode [wpv-post-featured-image], you can disable the cropping of image, like this:
[wpv-post-featured-image size="twentyseventeen-square-image" crop='false']
And the attribute "crop" value is setted to "false" by default, see the document I mentioned above:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image
crop (opt):
'false' | 'true'
Enable or disable the cropping of an image with custom size. False value is the default one.
There isn't any option to output the feature image as "crisp".
You might consider to output a larger sized image, and display it in a smaller size, for example:
You can get the image in 200 * 200 size:
[wpv-post-featured-image size='custom' width='200' height='200' output="url"]
And display it in 100 * 100 size, like this:
<img src="[wpv-post-featured-image size='custom' width='200' height='200' output="url"]" height="100" width="100">
Thanks! I will give this a try. I'm beginning to think this could have something to do with my retina display. But images that are set to display in the medium size without cropping display nice and crisply. I want the crop for the design of the site.
If you want to crop the image, just setup "crop" as true, for example:
[wpv-post-featured-image size="twentyseventeen-square-image" crop='true']
