Support » Theme: Spun » Ideal image sizes for Spun?

  • Resolved lisafirke

    (@lisafirke)


    Loving the Spun theme!

    Just wondering… I moved servers abruptly and have to re-upload all my images. Since I have to do this anyway, I thought I might save myself some trouble and have WP size them ideally…

    What would be the best defaults for thumbnail, medium and large?

    TIA

    Lisa

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Caroline Moore

    (@sixhours)

    Spun will automatically resize and crop your images to the proper dimensions upon upload. Ideally they should be at least 300x300px to take advantage of retina/hi-DPI devices, otherwise it doesn’t matter.

    Thumbnail, Medium, and Large sizes can be whatever you’d like.

    Thank you for this quick response. I did see the function that does the sizing, so I guess I was wondering–since I have the ability to make the source image any way I want and I want to avoid clipping the composition for featured images–should I be thinking in terms of a 700×467 original? Or even larger but with the same aspect ratio?

    TIA

    Theme Author Caroline Moore

    (@sixhours)

    Originals should be 1:1 aspect ratio (square) if you want to avoid cropping entirely. Otherwise WP will crop from the center.

    Great–that’s very helpful. Thanks!

    Sorry, still trying to be clear about what I’m asking.

    I get that the images that are used for the circle thumbnails are ideally square and the border radius creates the circle effect.

    But once a post is clicked on, the featured image displayed will be a rectangle. Is that where the 700, 467 comes into play?

    If I wanted the display of the image in an image post to be a panorama, would I change the function or the stylesheet (or both?)

    If I want to be sure this rectangular image is not clipped, do I need to be sure that the height of the original is not in excess of 467?

    This is for my personal art website so I’m trying to achieve a very fine-grained control of how each image is displayed (even if that means uploading multiple aspect ratio versions so the cropping comes out just right).

    I’ve been designing/developing for over 10 years but have less experience with WP–which is to say I’m not afraid to roll up my sleeves and experiment to get exactly what I want.

    Your theme is beautifully done and a wonderful starting point.

    Theme Author Caroline Moore

    (@sixhours)

    Ahh, yes, if you’re using the Image post format, you’ll want a 700 x 467 image, or stay at that ratio to avoid cropping.

    But that could be changed to better suit your work, adding a new image size in a functions.php file in a child theme:

    function my_image_size() {
       add_image_size( 'mynewsize', '900', '467', true );
    }
    add_action( 'after_setup_theme', 'my_image_size' );

    (You can see how add_image_size works here.)

    Then copying content-image.php into your child theme, changing the lines (10 and 25) that reference the thumbnail size:

    $thumb = get_the_post_thumbnail( $post->ID, 'mynewsize' );

    $thumb = wp_get_attachment_image( $attachment->ID, 'mynewsize', false );

    You’d need to tweak the styles a bit, as the image will be constricted by the width of the content area unless you position them differently, move them outside the content area, or set a larger max-width.

    Thank you SO much, Caroline. I think I have enough to go on now.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Ideal image sizes for Spun?’ is closed to new replies.