Recommended Image Sizes for Common Uses

Website Images:

• Hero Images (Full-width banners):
  • Width: 1920px – 2560px (or wider for very large displays)
  • Height: Varies depending on design, typically 600px – 900px
• Blog Post Images:
  • Featured Image: 1200px x 630px (optimal for social media sharing)
  • In-content Images: Typically 600px – 800px wide (adjust to fit your blog’s layout)
• Product Images (e-commerce):
  • Main Image: 2000px – 3000px on the longest side (allows for zooming)
  • Thumbnails: 200px – 500px on the longest side
• Background Images:
  • Width: 1920px – 2560px (or wider)
  • Height: Varies depending on design
  • Note: Optimize these heavily for file size, as they can be very large.
• Logos:
  • Width: 250px – 500px (adjust to fit your header design)
  • Height: 50 – 100px typically
  • Format: SVG is ideal, but PNG is also common

Social Media Images:

• Facebook:
  • Profile Picture: 170px x 170px
  • Cover Photo: 820px x 312px
  • Shared Image: 1200px x 630px
  • Shared Link: 1200px x 628px
• Twitter:
  • Profile Picture: 400px x 400px
  • Header Image: 1500px x 500px
  • In-stream Photo: 1600px x 900px
• Instagram:
  • Profile Picture: 320px x 320px
  • Square Post: 1080px x 1080px
  • Landscape Post: 1080px x 566px
  • Portrait Post: 1080px x 1350px
  • Stories: 1080px x 1920px
• LinkedIn:
  • Profile Picture: 400px x 400px
  • Background Image: 1584px x 396px
  • Company Logo: 300px x 300px
  • Company Cover Image: 1128px x 191px
  • Shared Image or Link: 1200px x 627px
• Pinterest:
  • Profile Picture: 165px x 165px
  • Pin: 1000px x 1500px (recommended aspect ratio of 2:3)

Important Notes:

• Aspect Ratio: Pay attention to the aspect ratio of your images to ensure they are displayed correctly without cropping or distortion.
• File Size: Always aim for the smallest possible file size without sacrificing too much image quality.
• Test: Test your images on different devices and browsers to make sure they look good and load quickly.