Quran Captions for TikTok, Reels & Shorts: Safe Zones and Settings
Vertical platforms cover parts of your video with their own UI — username, caption, like buttons, progress bar. Put an ayah there and it gets buried. These are the numbers we use in production at AyahFlow, measured against current TikTok, Instagram Reels, and YouTube Shorts overlays.
The 9:16 safe zone, in numbers
For a standard 1080×1920 vertical video:
| Region | Size | What covers it |
|---|---|---|
| Top | ~11% (210 px) | Search bar, "Following / For You" tabs, Reels header |
| Bottom | ~16% (310 px) | Username, post caption, music ticker, progress bar |
| Right edge | ~130–150 px | Like, comment, share, profile buttons |
| Left edge | ~150 px margin recommended | Keeps long Arabic lines from touching screen edges |
That leaves a center band of roughly 1080×1400 px. Center your text block vertically around the 50% mark of the frame and you're safe on every platform at once — TikTok's UI is the most aggressive, so designing for TikTok covers Reels and Shorts too.
Font sizes that survive compression
Platforms re-encode aggressively. Thin strokes and small harakat are the first casualties. Settings that hold up at 1080×1920, taken from our production defaults:
- Arabic: ~64 px in a mushaf typeface (KFGQPC Uthmanic Hafs). Readable on a phone held at arm's length, and long ayahs still wrap into clean lines. Going past ~90 px forces mid-phrase line breaks on longer ayahs.
- Translation: ~34 px in a serif (Crimson Text, Cormorant Garamond). Roughly half the Arabic size keeps hierarchy obvious.
- Outline: 2–3 px, soft shadow. A modest dark outline plus shadow keeps white text legible over bright footage without the harsh "meme caption" look.
- Dim the background 25–35%. A black overlay at ~30% opacity is the single highest-impact legibility setting. Below 20% bright scenes wash the text out; above 45% the footage goes muddy.
Aspect ratio per destination
| Destination | Ratio | Resolution | Notes |
|---|---|---|---|
| TikTok, Reels, Shorts | 9:16 | 1080×1920 | The default. Fills the screen. |
| Instagram feed | 4:5 | 1080×1350 | Largest footprint in the home feed. |
| X / carousel posts | 1:1 | 1080×1080 | Safe everywhere, never cropped. |
| YouTube long-form | 16:9 | 1920×1080 | For full surahs and audio-with-background videos. |
Render each ratio separately rather than letting platforms crop a single file — auto-cropping regularly cuts off ayah endings and translation lines. AyahFlow renders all four from the same project.
Export settings that keep Arabic sharp
Diacritics are small; compression noise eats them before anything else. What we encode with in production:
- H.264, BT.709 color — the safest combination across platforms; wrong color flags cause washed-out or shifted colors after upload.
- High quality target (≈10 Mbps for 1080×1920) — platforms re-encode whatever you give them, so feed them more quality than you need.
- 48 kHz audio at 256 kbps — recitation deserves better than the 128 kbps default; tajwid detail survives.
- Subtle caption fades (300–500 ms) — they also compress better than hard cuts.
AyahFlow applies these automatically; if you render from CapCut or Premiere, set them manually.
Posting details that matter for Quran content
- Cover frame: choose one where a full ayah is visible and centered — it's your thumbnail in profile grids.
- Write the surah and ayah numbers in the post caption (e.g. "Surah Ad-Duha, 93:1–5"). Viewers ask otherwise, and the text makes the post searchable.
- Skip the trending-audio button. Platforms sometimes prompt you to add background music; on recitation it's both disrespectful and instantly flagged by your audience.
- Don't repost watermarked exports across platforms. TikTok's watermark on a Reel measurably hurts reach; render a clean file per platform.
- Reply with the ayah, not just "🤲". Comment sections on Quran content become dawah surface area; treat them with the same care as the video. More in our etiquette guide.
These settings are AyahFlow's defaults
Upload a recitation and get a platform-ready video — safe zones, fonts, and encoding already handled.
Try AyahFlow Free3 free videos · No credit card required
