Use this reusable reference to choose social media canvas sizes, calculate aspect ratios, protect important content with safe zones, and export clean JPEGs for posts, stories, thumbnails, banners, and profile graphics. Platform specifications can change, so treat the presets below as practical starting points and verify the destination before a major campaign.
Overview
Social media image size templates save time because they separate the design decision from the production decision. Instead of resizing one finished graphic repeatedly, create a small template set for the formats you publish most often. A useful set usually includes a square post, a vertical post, a full-screen story or short-video cover, a landscape thumbnail, and a wide link or profile banner.
The table below provides common working presets in pixels. These are design canvases rather than permanent platform guarantees. Interfaces, cropping behavior, and upload requirements may change, so check the destination’s current guidance when exact compliance matters.
| Use case | Working canvas | Aspect ratio | Design notes |
|---|---|---|---|
| Square post | 1080 × 1080 px | 1:1 | Useful for flexible feeds and catalog-style posts. |
| Portrait post | 1080 × 1350 px | 4:5 | Allow breathing room around text and product edges. |
| Story or vertical video cover | 1080 × 1920 px | 9:16 | Keep key content away from interface areas. |
| Landscape thumbnail | 1280 × 720 px | 16:9 | Build a clear focal point that remains legible at small size. |
| Wide link graphic | 1200 × 627 px | Approximately 1.91:1 | Use short headlines and a strong visual hierarchy. |
| Vertical pin or editorial graphic | 1000 × 1500 px | 2:3 | Stack information into readable sections rather than one dense block. |
For a broader explanation of ratios, see the image aspect ratio guide. If the asset includes a logo, interface icon, or sharp line art, consider keeping a master file in SVG or PNG and exporting a JPEG only for photographic or full-bleed visual versions. The JPEG, PNG, and WebP guide explains that choice in more detail.
How to estimate
Start with the destination, not the image you already have. Choose the placement where the graphic will be seen first, then select the closest template. If one source image must serve several placements, design around the smallest important crop and keep the main subject near the center.
1. Calculate the ratio
Use this formula: aspect ratio = width ÷ height. A 1080 × 1350 canvas gives 0.8, commonly written as 4:5. To calculate a new height while preserving a ratio, use height = width ÷ ratio. For a 16:9 graphic that is 1200 pixels wide, the proportional height is 675 pixels.
This simple calculation is useful when adapting a design to a custom ad slot, website module, newsletter block, or creator platform that provides a width but not a finished template. Round to a whole pixel and inspect the result visually; mathematical accuracy does not prevent awkward cropping.
2. Estimate the working area
Reserve an internal margin before placing text. A practical starting assumption is 5% of the canvas width on each side for ordinary posts and more for full-screen vertical graphics. On a 1080-pixel-wide canvas, a 5% margin is 54 pixels. Treat this as a layout guide, not a platform rule. Keep faces, product edges, logos, and calls to action farther from the edges when the placement may crop.
3. Estimate JPEG output
File size cannot be predicted from pixel dimensions alone. It also depends on image detail, noise, gradients, text, metadata, and export quality. Instead of targeting an exact number of kilobytes, export a quality range and inspect the result at 100% size. Begin around a high-quality JPEG setting, then reduce it only when file weight is a real constraint. Compare fine text, skin tones, dark gradients, and textured backgrounds because compression damage often appears there first.
For website publishing, use the smallest file that still preserves the intended viewing experience, and retain a full-quality master separately. The guide to making JPEG images load faster covers practical optimization considerations.
Inputs and assumptions
A dependable social media design template records more than width and height. Add these inputs to the file or template name:
- Destination: identify the platform, placement, and whether the image is a feed post, story, thumbnail, banner, or profile graphic.
- Canvas: record pixel dimensions, ratio, color profile, and intended export format.
- Safe zone: mark an inner guide for text, logos, faces, and other content that must survive cropping or interface overlays.
- Content priority: decide what must be understood first at a small size. One headline and one focal image are usually easier to scan than several competing messages.
- Source quality: start with an image large enough for the selected canvas. Enlarging a small JPEG can make edges and text appear soft.
- Color and contrast: check text against the actual background, not just a temporary solid color. A contrast checker can reveal problems hidden by a bright monitor.
- Export version: keep an editable master, a high-quality review export, and the final upload copy as separate files.
For creator workflows, name templates consistently, such as campaign_format_ratio_version. This makes it easier to locate the correct social media image size template months later and reduces accidental uploads of an unfinished or incorrectly cropped file.
Worked examples
Example 1: One campaign, three placements
Suppose a creator has one portrait photograph and needs a square post, a 4:5 post, and a 9:16 story. Begin with the 9:16 canvas only if the source image has enough vertical information. Place the subject inside the central safe area, then duplicate the composition into the 4:5 and square templates. Reposition the crop rather than stretching the image. Keep the headline short enough to fit all three layouts, or create a separate headline variant for each ratio.
Example 2: A landscape thumbnail
For a 1280 × 720 thumbnail, place the main subject on one side and reserve the other side for a concise title. At reduced size, check whether the title remains readable without zooming. If the photograph contains a detailed background, add a controlled overlay or simplify the layout rather than relying on a very thin text outline. Export a JPEG review copy, inspect it at thumbnail size, and revise the composition before changing compression.
Example 3: A custom ratio
A newsletter module requires a 900-pixel width and a 3:2 ratio. Calculate the height as 900 ÷ 1.5, producing a 600-pixel canvas. Add internal guides, place the focal content, and export a version that matches the module’s actual display conditions. If the image will also be used in a social post, do not assume the same crop will work; create a related template instead.
When to recalculate
Revisit your templates whenever a platform adds a new placement, changes how it crops previews, alters interface overlays, or introduces a different upload requirement. Recalculate when your content mix changes too: product photography, portraits, text-led announcements, and video covers need different safe-zone decisions even when they share a ratio.
Before publishing an important campaign, run a short quality check:
- Confirm the destination, canvas, and ratio.
- Preview the image at the size viewers are likely to see first.
- Check that key details remain inside the safe zone.
- Inspect text, gradients, shadows, and dark areas for JPEG artifacts.
- Open the exported file on a second screen or device when color accuracy matters.
- Keep the editable master and record the final export settings.
Refresh the reference table when your publishing destinations or workflow change, rather than treating a saved template as permanent. A small, documented template library is more valuable than a large collection of unlabelled files: it gives creators a repeatable way to estimate dimensions, protect important content, and export JPEGs with confidence.
