makepx

Every social media image size. One page. Plus tools to generate them.

Updated February 2026

๐• / Twitter

In-Feed ImageSingle image posts, most common
1200 ร— 67516:9
16:9
Square PostLonger code, screenshots
1080 ร— 10801:1
1:1
Summary Card (Large)twitter:card = summary_large_image
1200 ร— 6281.91:1
1.91:1
Summary Card (Small)twitter:card = summary
120 ร— 1201:1
1:1
Profile BannerCropped on mobile edges
1500 ร— 5003:1
3:1
Profile PictureDisplayed as circle
400 ร— 4001:1
1:1

๐Ÿ“ท Instagram

Feed PostClassic grid format
1080 ร— 10801:1
1:1
Portrait PostMore screen real estate, best engagement
1080 ร— 13504:5
4:5
Landscape PostSmallest in feed
1080 ร— 5661.91:1
1.91:1
Story / ReelFull screen, design within safe zone
1080 ร— 19209:16
9:16

๐Ÿ’ผ LinkedIn

Shared LinkSame as OG standard
1200 ร— 6281.91:1
1.91:1
Feed ImageUploaded square works best
1080 ร— 10801:1
1:1
Profile BannerHeavy mobile cropping
1584 ร— 3964:1
4:1

โ–ถ๏ธ YouTube

ThumbnailThe most important image on YouTube
1280 ร— 72016:9
16:9
Channel BannerSafe area: 1546ร—423 center
2560 ร— 144016:9
16:9

๐Ÿ’ฌ Discord

Server IconCircle crop in sidebar
512 ร— 5121:1
1:1
Server BannerBoost level 1+ required
960 ร— 54016:9
16:9
Embed ImageOG images in link embeds
1200 ร— 67516:9
16:9

๐Ÿ”— Open Graph / Meta Tags

og:image (Standard)Universal. Facebook, LinkedIn, Slack, Discord, iMessage.
1200 ร— 6301.91:1
1.91:1
og:image (Square)Fallback crop on 1.91:1 surfaces
1200 ร— 12001:1
1:1

๐Ÿ“ธ codesnap

Generate code screenshots to any of these sizes. One Node.js file. Runs locally โ€” your code never leaves your machine.

codesnap output example โ€” code screenshot at 1200ร—675 (X preset)
x 1200ร—675 x-tall 1080ร—1080 ig 1080ร—1080 og 1200ร—630 auto fits code
codesnap on GitHub โ†’