Ideal Picture Sizes for Various Areas

  • Author
    Posts
  • #130164

    Hi there,

    Is there an ideal size for pictures (in pixels) to showcase in the featured content area, blog post and portfolio images, so that they render perfectly on the home page? A couple of mine look a tad blurry.

    Thanks and great theme!

    Adam

    The blog I need help with is adamhudsondop.co.uk.

    #130533

    mkrdip
    Theme Author

    Hi Adam,

    I would like to know which size of images you are using, also please make your site live or available to us to see the blurriness so I can provide the best suggestion.

    Cheers.

    #130827

    Hi there,

    Thank you for your response, my mistake. The maintenance page is now down and the website is fully view able.

    Please feel free to advise to picture sizes as appropriate.

    Thanks

    #131151

    mkrdip
    Theme Author

    Hi Adam,

    Your images look good on the homepage, we just anything larger than 1350px in width.

    Thank you.

    #131650

    Hi,

    Thank you for your response. They do look okay but don’t seem as crisp as they should.

    Is there not a standardised image size for perfect recreation for the home page tile area?

    I couldn’t find any information on the topic in the theme or through the forum.

    Thanks!

    #132378

    mkrdip
    Theme Author

    Hi there,

    You can see our demo image dimension: https://creativeportfoliodemo.files.wordpress.com/2015/01/cp-hero-final1.jpg more than (4000×2000) for homepage slider. I think anything above 2500×1200 would help.

    Cheers.

    #133050

    Hi mkrdip,

    Yes the example jpg you have sent across looks crisp and sharp. All of my home page images look a touch soft and blurry, due to resizing for the icon representations I presume.

    Do you have ideal image sizes for these areas to ensure maximum quality rendition?

    Thanks!

    #133066

    philip
    Theme Author

    All of my home page images look a touch soft and blurry, due to resizing for the icon representations I presume.

    Can you give me a specific example of a specific image that’s blurrier than it should be? The images on the home page of the demo site are pretty much exactly the sizes that work well for us. In general the larger the resolution, the better off you’ll be due to the various sizes that we use for thumbnails in the theme.

    Here’s how we pull those thumbnails:

    
     * -         creative-portfolio-custom-logo: 100 (w) x 100 (h) - max display 50 (w) x 50 (h) - 1:1 aspect ratio
     * -  creative-portfolio-testimonial-avatar: 100 (w) x 100 (h) - max display 50 (w) x 50 (h) - 1:1 aspect ratio
     * -           creative-portfolio-page-hero: unlimited width (w) x sensible height - variable aspect ratio
     * -         creative-portfolio-mosaic-tile: unlimited width (w) x 480 (h) - variable aspect ratio
     * -     creative-portfolio-front-page-blog: unlimited width (w) x 350 (h) - variable aspect ratio
     * -           creative-portfolio-portfolio: unlimited width (w) x 175 (h) - variable aspect ratio
     * -                        post-thumbnails: 369 (w) x unlimited height - variable aspect ratio
     * -      creative-portfolio-featured-image: 783 (w) x unlimited height - variable aspect ratio
     * - creative-portfolio-featured-image-full: 1180 (w) x unlimited height - variable aspect ratio
    

    Hope that helps!

    #133114

    Hi Philip,

    Thank you for your response. I guess it’s just a slight noticeable difference between your featured image (linked by mkrdip) and the images on my home page.

    My images are just a touch off by the looks of it. From the list above, which are the featured content home page icons (top of the home page items), and which are the home page grid post icons? Is there an info area as to where each of those apply to?

    It may help future users of the theme as I remember inserting an image into a post and was confused with the options I had, and why I would select a specific size for where (with descriptions like ‘creative-portfolio-testimonial-avatar’, I wasn’t sure where that was applicable to)

    From your table it seems as though my images should be okay. Most of the images I’ve used are 1920 x 1080 due to the limitations of pulling them from video content.

    Does that sound about right to you as they re-transform for the home page areas?

    Thanks,

    Adam

    #134094

    mkrdip
    Theme Author

    Hi Adam,

    This one

    creative-portfolio-mosaic-tile: unlimited width (w) x 480 (h) - variable aspect ratio

    is for

    My images are just a touch off by the looks of it. From the list above, which are the featured content home page icons (top of the home page items), and which are the home page grid post icons? Is there an info area as to where each of those apply to?

    Cheers.

The topic ‘Ideal Picture Sizes for Various Areas’ is closed to new replies.