Stretch Smaller Images to Fit Featured Image

Posted in: Newspaper
Post count: 263

I have several images that are a bit smaller than the featured image slider (700×352). Is there a code I can add for the slider for the image to be stretched to fit? All of the other thumbnails are correct dimensions when I regenerate the images besides this.

Post count: 9544

There is a plugin I use for this, which works really well
“Thumbnail Upscale”
https://wordpress.org/plugins/thumbnail-upscale/

Post count: 263

@Christopher, very nice! This upscales the image in height. Not I have to find a way to stretch it in width as well.

Post count: 263
Post count: 9544

Well, on my site I have it set to upscale proportionally…. so everything goes “up” in scale properly. It makes larger images to scale, it doesn’t stretch them in only one direction. You may need to “regenerate thumbnails” once you install the plugin. I use it on numerous websites both with and without the Newspaper theme, works flawlessly.

You may have to se the “crop image” function in the Newspaper theme panel.

Post count: 77

Hi there,

I just bought the theme, which is great so far.
I’m having a problem with a normal featured image with these dimenstions: 448X312.
I insert it as featured image in a post, but then on the homepage, the post’s thumbnail image is a bit cut off, missing some of the upper part of the image.

What are the dimensions for Featured images? And how do I make sure it looks good on the Home page?

Thanks,

Bran

Post count: 9544

HI, Bran
and welcome!

You may find it super useful to read through the docs (see link top right of forum); and you can find the various sizes for all the blocks here:
https://forum.tagdiv.com/modules-and-blocks/

Post count: 6600

Hi,

Thanks Christopher!

@Branstone

WordPress has some default cropping sizes http://screencast.com/t/ifk8fE1HYk and we added more sizes inside the functions.php file – http://screencast.com/t/2QaaubXnqxL
Those sizes are used on modules and sliders (including the Big Slider), you can read here about the thumbs used on modules and sliders https://forum.tagdiv.com/modules-and-blocks/
You can read here more about WordPress hard and soft cropping: http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
You could try to registers a new image size, you can read hare more about this: http://codex.wordpress.org/Function_Reference/add_image_size
Hope this helps!

Thanks

Post count: 77

Thanks a lot Christopher and Lucian!
Big help!
Great support!

Post count: 77

Hi again,

There is something I am probably missing here, so kindly explain it as if for a beginner…

I read your thumbs and image resolutions:
https://forum.tagdiv.com/modules-and-blocks/

I then made some 326×235 images as featured images,
and a 300×100 Logo.

However – when doing the GTmetrix again – I get a very long list of
“The following image(s) are missing width and/or height attributes.”
including images with these sizes 326X235, the 300×100 logo, as well as images of 326X406, 100×65, 745X483 and more.
–> I thought all these are the programmed image sizes of the theme? How come they are missing?

Kindly advise…

Thanks!
Bran

Post count: 9544

WordPress cannot make “larger” images without a plugin. So if you upload your image as 326×235, no 326×406 or 745×473 image, etc. would be made.

Post count: 77

Thanks Christopher, now I think I get it…

So does this mean that for every Featured Image in every post I need to upload a 745×483 image?

Thanks!

Post count: 9544

That’s what I do for anything I want “featured” … obviously for anecdotal images, like a book jacket or something in a review, doesn’t need to be the “big cover image” … but yeah, basically upload good quality image, less than 40kb, and then let WP and the theme settings make all the smaller bits. For larger images than that, you still need a plugin (I use ‘thumbnail upscale’ – which basically adds the hook into imagemagick on the server to allow for upscaling which WP should allow but they have asinine mindset “it makes photos look fuzzy…” BAH!!!!!!). Extra exclamation points: (!!!!!!) 😉

Post count: 77

OK, I got it…

Many many thanks Christopher!

Cheers!

Viewing 14 posts - 1 through 14 (of 14 total)
You must be logged in to reply to this topic.