Hello there! My website is: http://www.payasosmediaticos.com/
I have been trying to resize/upscale the images to show ok in the upper big grid 3 without luck.
I’m thinking in two kind of fixes, as I generate all the content automatically and cannot do much:
1) css fix, if size is less than x, the image would scale up to percent higher than 100%, filling the div.
2) upscaling the images when scraping/publishing.
My questions are: 1) what/were should I change to achieve this? 2) what would be the minimum image width/height to avoid issues?
Thanks a million in advance!
Hi,
Unfortunately the theme will not upscale your images. It only crops them. You need to upload images bigger than the containers on the homepage if you want them to display properly. There is another issue on your end though. Your site does not use thumbnails for images. you nned to make sure your thumbs are set for the blocks that you use on your site: http://screencast.com/t/yYYqdI8O And then use this guide: https://forum.tagdiv.com/thumbnails-fix-strange-looking-images-on-blocks/
As for the image sizes, there is no ideal image size I can recommend. You will have to asses the containers and thumbs you plan on using on your site and the post templates as well. if you use post templates that use the full size images like: http://demo.tagdiv.com/newspaper/td-post-2015-awards-all-of-the-best-and-worst-moments-from-the-show/ then a full had image is required. If not, you need to inspect every element especially on the homepage. If you use big grids, your images must be at least the size of the big grid container otherwise they will not fit inside and not display properly. Here is a list of all thumbs used in our theme:
https://forum.tagdiv.com/theme-thumbs/
also:
https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
Hope this helps.
Thank you!
Thanks a lot Bogdan.
I will be doing all the needed changes in the backend to ensure the articles are created with the minimum image sizes in mind.
Bogdan, let me ask you a question, as I’m starting to undestand why the images look wrong. I have modified my import module, to only take images bigger than container, and setting them to appear in big grid 3.
I’m uploading the image and setting that as featured_image on posts, through WP-REST API, so I believe every thumbnails are being generated.. But I don’t know what should I check specifically to make sure the thumbnails are being generated and used.
If that doesn’t work, I believe I will be using custom css code to just center and crop the images as I need them..
Hi,
There is an easier way to do it besides altering the theme code. If you cannot upload big enough images, there is the thumbnail upscale plugin that will enlarge your images to fit the container. Our users recommend it and it seems to be working fine.
If you want to check if the image is a thumbnail or the full image you can use the browser inspector and check the image size. if there is no ‘(natural size)’ then you are dealing with a thumbnail.
example: http://screencast.com/t/SL9sA9wObHI
Thank you!
Thumbnails are created when creating a new post? I will investigate what difference does it make doing it using wordpress admin, and doing it by code/api..
I will try with the upscale plugin, but in the past it didn’t work, probably because it didn’t upscaled the images after uploading them using the api..
Thanks a lot, I will keep investigating and will come back if there is any further issue!
Hi,
From what I see your thumbs are not generated, please try to regenerate them using Regenerate Thumbnail or Force Regenerate and see how it goes. Also please make sure you have GD Library installed as wordpress requires it for cropping. You can see it in your Cpanel, if not, contact your hosting provider.
Let us know how it goes and if the issue persist please contact us via email at contact@tagdiv.com and provide wp-admin access so we can take a closer look.
Thanks!
Thanks Alin, I have tried before with thumbnail upscale and force regenerate thumbnails but it didn’t work, maybe I was doing something in the wrong way..
Just to be sure, I installed GD Library, because I’m not sure that it was installed when I tried before, and I’m running a complete thumbnail regeneration..
I will report back in a while because there are 12k images to regenerate 😛
Guys you were really helpful. Now I have activated again the upscale thumbnails plugin, and forced the regeneration. Also I’m only setting the posts with better image quality/size as featured, and those appear on the Big Grid 3 that is showing perfectly right now 😀
I will keep checking to see if the thumbnails are being correctly created when the uploads are made via wp rest api, but I believe everything is working as intended.
Thanks again guys! Keep on the good work 😛
