DevSnap
Sizes that work well
| Use | Size | DevSnapKit preset |
|---|---|---|
| Landscape screenshot post | 16:9, e.g. 1920×1080 | 16:9 Landscape |
| Square post | 1:1, e.g. 1080×1080 | 1:1 Square |
| Link card (Open Graph image) | 1200×630 | Twitter / OG |
What X documents officially: images up to 5MB in JPG, PNG, GIF or WebP (X developer docs). We could not load X’s Help Center page on display sizes, so the sizes above are common practice rather than official X numbers. Last checked November 2026.
Making the image
The button above opens the studio on the Twitter/OG canvas (1200×630), which is also the shape X uses for link previews. For a bigger in-feed image, switch to 16:9 or 1:1 under Export → Canvas Aspect Ratio. Then frame the screenshot, pick a background with strong contrast against X’s dark and light themes, and keep any headline short so it is readable on a phone.
Export WebP or JPEG to stay well under 5MB, or PNG for crisp UI text. If the post links to your site, set a matching card with the OG image generator.
Make screenshots readable on X
Most people see your image on a phone, at a few hundred pixels wide. Crop to the part of the UI that matters, add padding so the edges are not cut on any client, and increase contrast between the screenshot and the background. If you post several images, X arranges them in a grid that crops each one, so keep the important content in the middle of each image.