Published October 8, 2026
TikTok Banner Design Tips: Dimensions That Actually Work
Safe dimensions, crop zones to avoid, and how to design a banner that looks professional on any phone.
Got banner access — or getting ready for when your wave arrives? A banner is a big, unforgiving canvas: a great one makes your profile look professional, and a bad one (stretched, blurry, important bits cut off) looks worse than no banner at all. Here is how to get it right.
Dimensions that work
TikTok has not published official banner specs, so treat these as practical guidelines gathered from what displays well: aim for a wide image around 1080 pixels wide by 360–400 pixels tall (roughly a 3:1 ratio). Upload at double resolution if you can — 2160 × 720 — so it stays crisp on large phones. Keep the file under a few megabytes; PNG for graphics with text, JPG for photos.
The crop zones that ruin banners
The number one mistake is putting text or faces near the edges. Your avatar overlaps the lower-left of the banner, your username and bio sit below it, and different phone sizes crop the sides differently. The safe rule: keep all important content — text, logos, faces — in the center 60% of the image, horizontally and vertically. Treat the outer third as decoration-only territory: gradients, patterns, blurred extensions of the center image.
Design basics that actually matter
- Match your brand. Use the same colors and fonts as your video covers so the profile reads as one designed system.
- Less text, bigger. Banners are viewed on phones; a tagline in large type beats a paragraph nobody can read.
- High contrast. Your avatar and the white UI text sit on top of the banner — busy or mid-tone backgrounds make everything illegible. Dark, simple backgrounds with one accent color work best.
- Test on two screen sizes. Preview on a tall phone and a standard one before committing; what is centered on one can drift on the other.
Free tools that do the job
You do not need Photoshop. Canva, Figma, or even your phone's built-in editor can produce a clean banner: start with a 3:1 canvas, drop in a background, add centered text, export at high resolution. Avoid grabbing random images from search results — use your own photos or properly licensed graphics, since the banner represents you publicly.
When you do not have access yet
Design it anyway. Having a banner file ready means you can set it the minute the "Change background" option appears — and the design skills transfer directly to video covers, which you can publish today. Check whether your account has access first; if not, covers are your canvas for now.