How to scale up post thumbnails/featured image?

Is there a way to scale up post thumbnails on WordPress?

On a featured div I want a post thumbnail/featured image with 584×348 px. When I upload a smaller image as a featured image on a post, it won’t scale up to this size. If the image is 250×250, it will appear 250×250. But if I use a larger image as featured image on the post, it will resize normally.

Read More

The thumbnail in functions.php is set this way:

// This theme uses post thumbnails
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size(150, 150); //size of thumbs
add_image_size( 'post-thumb', 600, 380, true ); 

The div:

<div class="featured_thumb"><?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'post-thumb' ); } ?></div>

And the class:

.featured_thumb {background:#0C6; width:584px; height:350px; overflow:hidden;}

Can someone help me to figure out how to do it please? I thought of using timthumb but I’ve seen lots of complains about security. Not quite sure about it… Anyway, hoping someone could help me.

Related posts

Leave a Reply

2 comments

  1. As WordPress thumbnail generator doesn’t do this “scale up” thing, you can do it using the following CSS rule:

    .featured_thumb img{ width:100%; height: 100%; }
    

    Hope it will help.

  2. If You upload small dimension image and want that image in greater dimensions then image will be Blur.

    So upload max dimesion image and scale it upto small dimension so image will not be blur.