Support Has Moved!

Please post all new questions on the new support system

Before posting a discussion topic, be sure to check out our Forum Rules and Support Policy.

Get design feedback and approval with our newest WordPress plugin, ProjectHuddle. Check it out →

Latest Struck Version is 1.06

Latest GridStack Version is 1.1

Latest Edition Version is 1.6

Latest District Version is 1.2.6

Latest ExtraNews Version is 1.4.9

Latest Aware Version is 1.4

Latest BigFormat Version is 1.4

Latest Bookcase Version is 1.54

Latest Ellipsis Version is 1.5

Portfolio image rasterizing

ElaineStam's Avatar

ElaineStam

25 Oct, 2015 02:19 PM

Hey guys!

I'm not sure why my portfolio images are rasterizing. They are uploaded at twice the resolution just to be sure but still present blurry. Anything I could tweak to resolve this?
http://87c.caf.myftpupload.com/portfolio/september-enewsletter/
Thanks!
Elaine

  1. 1 Posted by Eric Schmidt on 26 Oct, 2015 09:17 PM

    Eric Schmidt's Avatar

    Hi,

    The theme creates cropped versions of images as they are uploaded to WordPress. This is done to reduce the file size that loads, and only use an image that's as big as the content areas it's displayed in. For a post with a sidebar like that, the image is cropped to 640px wide. Since you have text in the image, this resizing is more noticeable. If you want to load a higher quality image there, you would need to change the image size settings. It would be best to use a child theme for this. Copy this function that creates the image size, and paste this into a blank functions.php file in the child theme...

    <?php 
    function tw_register_thumbnails() {
            add_theme_support( 'post-thumbnails' );
            set_post_thumbnail_size( 56, 56, true ); // Normal post thumbnails tinyfeatured
            add_image_size( 'tinyfeatured', 56, 56, true ); // Tiny Square thumbnail
            add_image_size( 'sectionsmall', 514, '', true ); // Small Section thumbnail
            add_image_size( 'sectionlarge', 820, '', true ); // Large Section thumbnail
            add_image_size( 'homeslideshow', 1500, 600, true); // Homepage Slideshow
            add_image_size( 'homeslideshowfixed', 940, 545, true); // Homepage Slideshow
            add_image_size( 'homefeatured', 350, '', false); // Homepage Featured Image
            add_image_size( 'postsidebar', 420, 260, true); // Post Image Cropped
            add_image_size( 'post', 640, 375, true); // Post Image Cropped
            add_image_size( 'postnc', 640, '', false);  // Post Image No Crop
            add_image_size( 'postfull', 940, 475, true); // Post Full Cropped
            add_image_size( 'postfullnc', 940, '', false);  // Post Full No Crop
            add_image_size( 'portfolio-three', 426, 351, true); // Portfolio Three Column
            add_image_size( 'portfolio-three-nc', 426, '', false);  // Portfolio Three Column No Crop
            add_image_size( 'portfolio-single', 640, 425, true); // Single Portfolio 
            add_image_size( 'portfolio-single-nc', 640, '', false); // Single Portfolio No Crop
        }
        add_action( 'after_setup_theme', 'tw_register_thumbnails' ); 
    ?>
    

    For the portfolio image, you're looking for these 2 lines...

    add_image_size( 'portfolio-single', 640, 425, true); // Single Portfolio 
    add_image_size( 'portfolio-single-nc', 640, '', false); // Single Portfolio No Crop
    

    You can double the width and height values, so change 640 to 1280 for example. After making this change, you'd either need to reupload those images or run the Regenerate Thumbnails plugin to create these new cropped sizes.

    Eric

  2. 2 Posted by ElaineStam on 27 Oct, 2015 03:31 PM

    ElaineStam's Avatar

    Great! Thanks Eric!

  3. Andre Gagnon closed this discussion on 27 Oct, 2015 03:59 PM.

Comments are currently closed for this discussion. You can start a new one.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac