What it does
- 12 sizes: social posts, stories, thumbnails and standard IAB display ads
- Platform safe zones for story UI and video timestamps
- Draggable focal point keeps your image’s subject in frame
- Export single PNGs or every size as a ZIP
FAQ
What size is an Instagram story?
1080×1920 pixels (9:16). Keep text out of roughly the top 14% and bottom 20%, where the profile bar and reply field sit.
What are the most common display ad sizes?
Medium rectangle (300×250), leaderboard (728×90), half page (300×600), wide skyscraper (160×600), billboard (970×250) and mobile banner (320×50).
More free tools
- Palette Generator — Pick a hue, choose a color harmony, and get a full accessible palette with live AA/AAA contrast checking.
- Contrast Checker — Paste two colors, see the WCAG ratio, and fix a failing pair with a single click.
- Image → Palette — Drop in an image, pull out its dominant colors, and see which pairs are safe to use together.
- Color Blindness Simulator — See a palette through protanopia, deuteranopia, tritanopia and achromatopsia — and catch colors that collapse.
- Type Scale Generator — Pick a base size and a ratio, get a full type scale with live preview, fluid clamp() and tokens to copy.
- Gradient & Mesh Generator — Linear, radial, conic or blobby mesh gradients — drag the points, shuffle the colors, copy the CSS.
- Component States Explorer — Buttons, inputs and cards in every state — hover, focus, pressed, disabled, error — side by side with contrast checks.
- Design Token Converter — Paste W3C tokens, Tokens Studio or Figma Variables JSON and get CSS, SCSS, Tailwind v4 or SwiftUI — aliases included.
- Motion & Easing Playground — Drag cubic-bezier handles, tune a real spring, watch them race, and export motion tokens as CSS linear(), Framer Motion or SwiftUI.
- Auto-Trim — Drop in PNGs and get them back without the empty transparent edges — in bulk, in your browser, as one ZIP.
- Text Expansion Stress Test — See how a UI breaks in German, Spanish or pseudo-localized text — and which CSS fixes make it survive translation.
- Mini A11y Audit — Paste HTML and find missing alt text and labels, unnamed buttons, heading jumps, tiny tap targets and low contrast.