• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » News & Updates

    Modern post image sizes

    Published: Feb 16, 2020 · Modified: Jan 2, 2023 by Skylar · 8 Comments

    This tutorial features the Feast Plugin, which enhances and extends your theme to improve SEO, pagespeed, accessibility and user experience.

    Background: See rethinking the featured images and rethinking thumbnails.

    See the updated image optimization guide.

    Note: this was originally part of the modern thumbnail sizes, but was split out to avoid confusion.

    • All post images should be inserted using "Full Size"
    • All in-post images should be uploaded at 1200px width minimum
    • With lazyloading and new thumbnail sizes being registered in the plugin, large images will not slow your pagespeed
    • We don't recommend uploading mega images due to compression and quality issues, keep your uploads under 2000px wide at maximum

    While the theme only displays at 720px (on desktop, with a sidebar) and 80% of pageviews are mobile (360px width), it's possible that wider content widths could become a factor in the future.

    Uploading at 1200px and inserting at full size helps to safeguard against this unknown.

    If you're using lazyloading, you should always insert images into posts as "Full Size".

    If you're not using lazyloading, you should be.

    Pagespeed

    Uploading large images has no impact on pagespeed when using the in-post thumbnails, Shortpixel and WP Rocket. However, you should follow the image optimization guide for images.

    See: image file size uploads

    Breaking change

    Unregistering the image sizes in the theme is recommend - they're simply not optimized for the modern web.

    However, if you've inserted images into your post at specific sizes in the past, these images will be deleted when running the Regenerate Thumbnails plugin with the "delete thumbnail files for old unregistered sizes [...]" option.

    They will continue to display fine on the front-end due to srcset outputting the variations, but will appear broken in the classic editor and block editor.

    One option is to use the Better Search Replace plugin to strip out the image size that was appended to the image. This is tricky and a little technical, and most bloggers will need to hire someone to do this.

    Note: "thumbnails" vs. in-post images

    The word "thumbnails" applies to actual thumbnails (the "featured images" thumbnails on the homepage and category pages) as well in-post images.

    Saying "thumbnails" for in-post images isn't technically correct, but there's nothing we can do about this.

    Image sizes registered for in-post images aren't really thumbnails, but are registered the same way in WordPress. It's what is used to generate smaller versions of the main image, which is used in the srcset, so that browsers can download the correct image size based on screen width.

    Because of this, the word "thumbnails" applies to in-post images as well.

    More

    • Modern 404
    • Private Label Rights (PLR)
    • Focus
    • Process Shots

    Reader Interactions

    Comments

    1. Rodney says

      February 17, 2020 at 8:28 pm

      Is there a way to set WordPress to insert images full-size by default?

      Reply
      • Skylar Bowker says

        February 18, 2020 at 7:21 am

        At this point, no.

        Reply
        • Skylar says

          January 04, 2023 at 11:26 am

          Update: this is now possible: https://feastdesignco.com/image-optimization/#inserting-images-into-posts

          Reply
    2. Marie Roffey says

      February 17, 2020 at 11:23 pm

      Thanks for the new recommendations. When exporting the 1200px size, what Kb size or quality would you recommend saving the image as in Photoshop. A 1200px wide image for me exports at around 900Kb with a quality setting of 75 and it seems huge (in comparison to what I was doing previously - around 200kb for 800px)

      Reply
      • Skylar Bowker says

        February 18, 2020 at 5:00 am

        The generally recommended size to aim for is 250kb.

        However, WordPress does not serve the image you upload, which means the browser will never download the original 1200px wide image. It will choose the 720px or 360px thumbnail that is generated and provided in the srcset.

        To identify the size of the image being served, you'd inspect element and find the srcset for the 720px image, and open it in a new tab and inspect the image to find the size.

        Ultimately, it should have no affect on the image being actually served whether you upload at 800px or 1200px or 3000px.

        Reply
        • Skylar Bowker says

          February 18, 2020 at 7:04 am

          We've tested this and there's no need to aim for a certain file size before uploading: https://feastdesignco.com/image-file-size-uploads/

          Reply
    3. Deepti says

      January 21, 2022 at 5:21 am

      I am using the theme seasoned pro. I was not aware of the 1200 wide image condition. Now I have used the hero image as 1200 wide in my latest post. however, on desktop, it doesn't appear as big as it appears in the preview.
      What could be the reason for this?
      Thanks

      Reply
      • Skylar says

        January 21, 2022 at 10:12 am

        We don't recommend or support "hero" images.

        Any images in a post are just normal images, and should appear AFTER an intro paragraph per the Recipe Post Template: https://feastdesignco.com/recipe-post-template/

        Please submit a support ticket if you have any other questions.

        Reply

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Primary Sidebar

    Themes

    • Feast Plugin grants access to all 5 themes
    • Not sure where to start? See the getting started guide

    Feast Plugin

    • Feast Plugin
    • Modern Homepage
    • Modern Sidebar
    • Modern Footer
    • Modern Mobile Menu
    • Modern Menu
    • Modern Recipe Index
    • Modern Categories
    • Modern 404
    • Recipe Update Checklist
    • Recipe Post Template

    Resources

    • Image optimization
    • Recipe Guidelines for Foodie Bloggers
    • How to write a recipe post
    • Page headings
    • SEO for Food Bloggers
    • Tutorials
    • Pagespeed Audit
    • Comments
    • Internal links

    more resources →

    Categories

    • Modern Recipe Index
    • Modern Categories
    • Posts per Page
    • How to use categories
    • Category pages need content
    • How to configure the category pages
    • Food blog site structure
    • Food blog page structure

    Classic themes

    The classic themes are only for hobby sites and any food blog interested in monetizing or SEO needs the Feast Plugin.

    • Foodie Pro Classic
    • Brunch Pro Classic
    • Cook'd Pro Classic
    • Cravings Pro Classic
    • Seasoned Pro Classic

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.