The latest articles on DEV Community by north (@northba). https://dev.to/northba https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3970965%2Fd274b94a-bdf1-4148-8535-5cb626e22275.png https://dev.to/northba en north Sat, 06 Jun 2026 09:07:59 +0000 https://dev.to/northba/tiktok-shop-video-specs-a-technical-reference-for-anyone-building-video-tools-hjk https://dev.to/northba/tiktok-shop-video-specs-a-technical-reference-for-anyone-building-video-tools-hjk <h1> TikTok Shop Video Specs: A Technical Reference for Anyone Building Video Tools </h1> <p>If you're building anything that outputs TikTok Shop videos — whether it's an AI pipeline, a template system, or a full content engine — these are the specs you need to hit. I learned most of this the hard way, through rejected uploads and underperforming videos. Here's everything in one place.</p> <h2> Core Video Specs </h2> <ul> <li> <strong>Aspect ratio:</strong> 9:16 vertical. Anything else gets rejected. Not cropped, not letterboxed — rejected.</li> <li> <strong>Resolution:</strong> 1080 x 1920 minimum. 720p technically works but looks bad on modern phones.</li> <li> <strong>Duration:</strong> 9 to 60 seconds. The algorithm sweet spot is 15-30 seconds. Videos over 45 seconds see steep completion rate drops.</li> <li> <strong>Format:</strong> MP4 (H.264) or MOV. MP4 recommended.</li> <li> <strong>File size:</strong> Under 500 MB. For practical purposes, keep it under 100 MB for fast uploads.</li> <li> <strong>Frame rate:</strong> 30 fps standard. 60 fps for fast-motion products.</li> <li> <strong>Audio:</strong> AAC 128 kbps minimum, stereo preferred. No copyrighted music — automatic rejection.</li> </ul> <h2> TikTok Shop vs Regular TikTok </h2> <p>This is where most tools get it wrong. TikTok Shop has additional requirements beyond regular TikTok:</p> <ol> <li> <strong>Product must be visible within the first 3 seconds.</strong> The algorithm checks for this.</li> <li> <strong>No watermarks from other platforms.</strong> CapCut watermark, Instagram logo — instant rejection.</li> <li> <strong>Text overlays must stay in the center 80% of the frame.</strong> The bottom 10% has the shopping bag icon and like button. The top 10% has username overlays.</li> <li> <strong>No misleading claims.</strong> TikTok Shop moderation is stricter than regular TikTok on earnings claims and before/after transformations.</li> </ol> <h2> Safe Zone Layout </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>TOP 10% — Danger zone (username, captions overlay) CENTER 80% — Safe for all text and key visuals BOTTOM 10% — Keep clear (shopping bag, "Shop Now", like button) </code></pre> </div> <p>If you're programmatically placing text overlays on videos, hardcode margins of 10% from top and bottom. Don't dynamically position based on content — the shopping bag icon doesn't move.</p> <h2> Video Length Performance Data </h2> <p>From analyzing thousands of TikTok Shop videos:</p> <ul> <li> <strong>9-15 seconds:</strong> 65-75% completion rate. Best for single product showcase.</li> <li> <strong>16-30 seconds:</strong> 45-55% completion. Good for demos and comparisons.</li> <li> <strong>31-45 seconds:</strong> 30-40% completion. Only if every second earns its place.</li> <li> <strong>46-60 seconds:</strong> 20-30% completion. Tutorials only.</li> </ul> <p>If your tool generates videos, default to 15-25 seconds. Let users extend if they specifically want longer content.</p> <h2> Common Output Mistakes </h2> <ol> <li> <strong>Wrong aspect ratio</strong> — 16:9 or 1:1 output gets rejected. Always export at 9:16.</li> <li> <strong>Text in the danger zones</strong> — Programmatically placed captions often land in the bottom 10%.</li> <li> <strong>Silent videos with no captions</strong> — 85% of TikTok is watched without sound. Always burn in captions.</li> <li> <strong>File too large</strong> — H.264 at 8-12 Mbps for 1080p keeps quality under 100 MB.</li> <li> <strong>Copyrighted audio</strong> — If you're adding background music programmatically, use royalty-free only.</li> </ol> <h2> Export Settings for Common Tools </h2> <ul> <li> <strong>FFmpeg:</strong> <code>-vf scale=1080:1920 -r 30 -c:v libx264 -b:v 10M -c:a aac -b:a 128k</code> </li> <li> <strong>CapCut:</strong> Export → 1080p → 30fps → High bitrate</li> <li> <strong>Premiere:</strong> H.264 → 1080x1920 → 30fps → High Bitrate</li> </ul> <p>If your AI pipeline outputs video, these are the encoder settings that consistently pass TikTok Shop validation.</p> <p>I wrote more about the seller-side perspective of these specs here: <a href="https://medium.com/@sebestian/tiktok-shop-video-specs-2026-sizes-formats-and-best-practices-9173c276dd0b" rel="noopener noreferrer">TikTok Shop Video Specs 2026</a></p> tiktok ai video tutorial