WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Ideal image sizes for Spun? (8 posts)

  1. lisafirke
    Member
    Posted 1 year ago #

    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

  2. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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.

  3. lisafirke
    Member
    Posted 1 year ago #

    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 700x467 original? Or even larger but with the same aspect ratio?

    TIA

  4. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

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

  5. lisafirke
    Member
    Posted 1 year ago #

    Great--that's very helpful. Thanks!

  6. lisafirke
    Member
    Posted 1 year ago #

    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.

  7. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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.

  8. lisafirke
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic