How to size images for the internet in 2025

The ultimate guide to image sizes for social media and blog posts

 

bookmark this page

In today's digital landscape, visuals play a pivotal role in capturing attention and conveying messages effectively. We all know that. But when every platform has different image size ratios and requirements, it gets confusing.

As a web designer who blogs and (tries to) repurpose content for Pinterest and social media, I started sticky note list of image sizes for the platforms I was using. I thought maybe it would be helpful for others if I shared it—and expanded it to include all the places 🙌🏼

So here it is: Your one-stop-shop/guide to help you navigate the specifics of image dimensions for various platforms. I added best practices at the end, so make sure you scroll all the way down!

No more hype or lead up… let’s go.

 

Image Sizes for Search Engines

Image Sizes for Pinterest

  • Profile Picture: 165 x 165 pixels

  • Profile Cover: 222 x 150 pixels (16:9 ratio)

  • Pin Image:

    • Square: 1000 x 1000 px (1:1 ratio)

    • Vertical: 1000 x 1500 px (2:3 ratio – recommended)

    • Max file size: 20MB

  • Collection Pins: 1000 x 1000 px or 1000 x 1500 px

  • Idea Pins: 1080 x 1920 px (9:16 ratio)

  • Board Cover: 600 x 600 pixels

  • Standard Image Ads: 1000 x 1500 px (2:3 ratio)

  • Standard Video Ads: 1080 x 1080 px (1:1), 720 x 1080 px (2:3), 864 x 1080 px (4:5), 1080 x 1920 px (9:16)

  • Carousel Pins and Ads: 1080 x 1080 px (1:1), 1000 x 1500 px (2:3), 2–5 images per carousel

  • Collection Ads: 1080 x 1080 px or 1000 x 1500 px

  • Idea Ads: 1080 x 1920 px (9:16)

Image Sizes for YouTube

  • Channel Profile Picture: 800 x 800 pixels

  • Channel Cover Photo: 2560 x 1440 pixels

  • Video Thumbnail: 1280 x 720 px (16:9 aspect ratio, max file size: 2MB)

  • Standard Videos: 1920 x 1080 px (16:9 – Full HD)

    • Minimum: 1280 x 720 px (HD)

    • Higher quality: 4K is 3840 x 2160 px

  • YouTube Shorts: 1080 x 1920 px (vertical, 9:16 ratio)

Google Business Profile Sizes

  • Logo Image: 720 x 720 px (square) under 5MB for clarity. Crops as a circle.

  • Cover Photo: 1024 x 576 px (landscape)

  • Post Images: 720 x 720 px (recommended minimum: 250 x 250 px). Square format works best across all views.

  • Video Posts: Minimum 1280 x 720 px (720p)

    • Max duration: 30 seconds

    • Max file size: 75MB

    • MP4 format preferred for compatibility.

Image Sizes for Social Media

Image Sizes for Facebook

  • Profile Picture: 320 x 320 pixels or 180 x 180 pixels

  • Cover Photo: 820 x 312 pixels (minimum 400 x 150 pixels.)

  • Shared Image: 1200 x 630 pixels

  • Shared Link Image: 1200 x 628 pixels

  • Event Images: 1920 x 1005 pixels

  • Stories: 1080 x 1920 pixels

  • Facebook Ad Size: 1080 x 1080 pixels

Image Sizes for Instagram

  • Profile Picture: 320 x 320 pixels (displays at ~110 x 110 px). Crops to a circle.

    Photo Thumbnails (Grid Preview): Displayed at 161 x 161 pixels in the profile grid, but now shown in a 3:4 aspect ratio for full post view in the grid.

    Feed Post Size / Grid View:
    Instagram now supports 3:4 (1080 x 1440 px) images in addition to traditional ratios.

    • Supported aspect ratios: 1.91:1 (landscape), 1:1 (square), 4:5 (portrait), and now 3:4 (1080 x 1440 px)

    • Instagram scales all images to a max width of 1080 px.

    Reels & Stories: 1080 x 1920 px (9:16 aspect ratio).
    Use the same size for Reels cover images to avoid cropping.

    Square Ads: 1080 x 1080 px (1:1)

    Landscape Ads: 1080 x 566 px (1.91:1)

    Portrait Ads (Feed-style): 1080 x 1350 px (4:5)

Image Sizes for Twitter (now X)

  • Profile Photo: 400 x 400 pixels

  • Header Photo: 1500 x 500 pixels

  • In-Stream Photo: 1600 x 900 pixels

  • Card image size:

    • Small Image Card: 120 x 120 pixels

    • Summary with Large Image Card (link preview): 1200 x 628 pixels

  • Ad Images:

    • 1.91:1 ratio = landscape (e.g., 800 × 418 or 1200 × 628)

    • 1:1 ratio = square (e.g., 800 × 800 or 1200 × 1200)

Image Sizes for LinkedIn

  • Profile Picture: 400 x 400 pixels

  • Background Photo: 1584 x 396 pixels

  • Shared Image: 1200 x 627 pixels

  • Company Logo: 300 x 300 pixels

  • Cover Image: 1128 x 191 pixels

  • Ad Image Sizes:

    • Landscape (Horizontal): 1200 x 628 px (1.91:1 ratio)

    • Square: 1200 x 1200 px (1:1 ratio)

    • Vertical: Try 628 x 1200, 600 x 900, or 720 x 900 px

    Post & Tab Images:

    • Shared Posts / Link Previews: 1200 x 627 px

    • Life Tab Main Image: 1128 x 376 px

    • Life Tab Custom Modules: 502 x 282 px

    • Life Tab Company Photo: 900 x 600 px

Image Sizes for TikTok

  • Profile Picture: 200 x 200 pixels

  • Video Dimensions: 1080 x 1920 pixels (9:16 aspect ratio – full screen vertical)

  • Stories: 1080 x 1920 px (9:16, disappears after 24 hours)

  • Carousels (Images & Videos): 1080 x 1920 px (9:16)

  • All Ad Formats (including Spark Ads, In-Feed Ads, etc.): 1080 x 1920 px (9:16)

Image Sizes for Snapchat

  • Minimum image size: 1080 x 1920px

  • Required Image Ratio: 9:16

  • Maximum file size: 5MB

Image Sizes for your Squarespace Website

Squarespace is a responsive platform, which means it automatically resizes your images to fit different screen sizes. You still need to design with mobile in mind, but Squarespace makes it SO much easier. This is a huge plus to this platform— and it’s also why there are no real clear answers on what size your images need to be.

As a general rule, most images on your site need to be between 1500–2500 pixels wide, Squarespace generates multiple versions behind the scenes (up to 7), each optimized for different screen widths. Uploading an image that’s too small can lead to blurry results; too large, and you risk slowing down your site.

Images uploaded to Squarespace need to be in RBG Color mode. If you use Print mode, the colors may not display correctly.

Squarespace accepts the file types PNGs, JPEGs & GIFs and SVGs via CSS.

  • Logo:

    • 500 x 500 pixels—ish. Your lower and higher limits would be 160 and 600 px

      • You have a little bit of wiggle room here. Use a size that’s slightly larger than you need—for quality/larger screen sizes. If your logo is more ‘landscape’ oriented, then play with the ratio so there’s less white space on top and bottom. (these in general aren’t very big so you dont have to worry about loading times)

      • After you upload it, there is a slider that will appear where you can adjust how the size appears in real life.

  • Favicon:

    • 100 x 100 pixels (up to 300 x 300 pixels at the most). This is the little image that appears in your window/tab in the browser, and will display as 16 x 16 pixels.

  • Course Thumbnail:

    • 1800 x 900 pixels or 2100 x 1050 pixels (this is flexible—keep the width 1500 px or higher, and the size under 250kb)

  • Image Sizes for Blog Posts

    • Featured Images: How your featured images appear depends on the layout you choose for your blog index page. Squarespace gives you a lot of flexibility here. Just edit the main blog page and pick the image ratio you want—Squarespace will automatically crop your images to fit that shape.

      Right now, I’m using a square layout and created a 1000 x 1000 px template in Canva to keep things consistent. You can click up on the main blog page to see how it looks.

      • Options are— 1:1 Square, 3:2 Standard, 2:3 Standard Vertical, 4:3, 3:4, 16:9 Widescreen and Ultra Widescreen.

    • Inline Images: Typically, the width of your blog's content area (commonly 600-800 pixels)

  • Sharing Images:

    • I use 1200 x 630 pixels. Start there and then adjust if needed. This is the image that will show up when you share your site via link (ex: text or FB post). You can have one fallback/generic image for your entire site, and then you can change this for each blog post.

  • In General:

    • Instead of worrying too much about pixel dimensions (again, 1500px is a good rule of thumb, but you’re free to play here—yay!), focus on file size:

      • Standard images: Under 150KB if possible, but use 250KB as the max limit.

      • Hero/Banner images: Up to 500KB max. Large image files slow down load times, so compress when needed—but don’t sacrifice quality. If it looks blurry or pixelated, go back up in file size.

Best Practices/General Tips

  • Canva: is a great (free) place to create your graphics if you don’t have something else. The free features are vast, but some icons/graphics/designs you have to have a Pro account for.

    • One of the BEST features of the paid accounts is that you can use transparent backgrounds - which comes in handy if you need a quick logo.

    • This link should give you free pro credits.

  • Workflow: Save all images to your downloads folder, then upload them where they need to be.

    • On Squarespace, it’s best if you batch upload images for your site in the assets folder. It keeps that space nice and tidy. But if you are blogging and uploading pics on the fly, go in every now and then and sort the images. Otherwise you’ll end up with an enormous library of chaos and it can be hard to find what you’re looking for.

    • Yes, some images *might* need to be saved somewhere to be used again (if you’re into reusing pins or recycling social media posts, ignore this) - but 99.9% of what make you is a one-time use. I personally quit taking the time to find specific folders for every little thing when I realized there was no need. If i happen to need something again, I know it’s in Canva.

  • Naming your images:

    • Use unique names for each image (relevant keyword phrase + your business name).

    • Name them for the blind- alt text is designed for the visually impaired and SEO.  That means include WHAT is in the image AND what you want people to know. If you have a blue phone that has no special meaning to your business, write “blue phone + your keywords + your business name

    • Use dashes between words

  • Resizing images:

    • On a Mac: Open your images > go to Tools > Adjust Size > type in a lower width and wait a second. The height and size will adjust accordingly. Play with the numbers until you have a size you’re happy width then hit OK.

    • You can also resize using Photoshop, Squoosh, TinyPng or TinyJPG

    • In Canva: You can create graphics in Canva in whatever custom size you want, and then change the size of the files when you’re downloading them - this is nice for blog images or places where the size would impact speed and you can get away with a slightly lower quality that no one would notice.

  • Website Speed: Poor loading times can impact your ranking in SEO and make it harder for people to find you. Check this here for free.

  • Consistency: Maintain a consistent visual style across all platforms to strengthen brand identity.


Final thoughts

Creating and sharing content online requires attention to detail, especially when it comes to images. Using the correct image sizes ensures your visuals look their best across various platforms, enhancing user experience and engagement.

This guide provides a comprehensive overview of optimal image dimensions for blogs, social media platforms, favicons, and offers tips for mobile optimization.


* Resources I might have mentioned

  • Start a free trial with my preferred email marketing platform, Kit

  • get 30% off your first payment with Dubsado after the free trial (click HERE for a free setup guide)

  • Free Canva Pro credits when you sign up for a free account to make your promo materials

  • Get your legal stuff in place with affordable and customizable legal templates through the Boutique Lawyer


 
 

productivity:

emails:

dubsado:

websites:

 

WAYS TO WORK TOGETHER:

1️⃣ 60 Minute Power Hour 👉🏼 let’s figure out roadblocks and create an action plan. Schedule here

2️⃣ VIP Day 👉🏼 quick single asset project or your patchwork to-do list, let’s knock it out. Let’s connect→

3️⃣ 1:1 Custom Work 👉🏼 Complete end to end work that meets your goals. Learn more here

When you’re ready: here are 4 SPECIFIC areas I serve in:

💻 WEBSITES | I research, write and design each page around your business goals and the client experience you want to create. Each project is completely custom. Learn more here

📬 EMAIL MARKETING | Starting your list from scratch, or need hand with writing a weekly newsletter/creating an opt-in/or all of the above? Let’s taco about it

🧼 DUBSADO | Your go-to friendly Certified Dubsado Specialist is here to help turn your CRM into a dream client managing machine. Full setups, custom form design VIP Days are right over here

📝 TEMPLATE SHOP | Squarespace templates, Dubsado forms & workflow’s, Finance & budget spreadsheets, vacation planners, and more. Templates galore, this way

 

Did you know Dubsado is free for your first the 3 clients?

Use the code PARADISE for 30% off your first year or month when your trial is over!

 

[free] 25 FREEBIE IDEAS + how to get eyeballs on it

If you’re ready to take the leap, but not sure what to make or how to get it in front of others… I made this for you.

Get it here >>>

 

Howdy friend! I’m glad you’re here.

Around these parts, you’ll find online support for home-grown businesses who want to make more money with their websites and newsletters.

When I’m not wrangling kids, I’m likely drinking my 4th cup of coffee while scouring the world wide web to bring you the latest content on marketing, automations, messaging, simplifying…. so you can close that laptop, be more present, and make more money.

More about me >>>


Previous
Previous

8 Pieces to have in place before you build your website

Next
Next

How to write any page on your website