How to Compress Video for Shopify While Preserving Detail

To compress a video for Shopify, keep an original master, trim unnecessary footage, export a web-friendly copy, and compare that copy at the size shoppers will see. The goal is a smaller file with acceptable visible detail. Re-encoding is usually lossy, so “without losing quality” should mean no unacceptable visible change in your intended placement.

Start by separating two questions: can Shopify accept the file, and does the finished page play it well? An upload below the file limit can still be too heavy for your page design.

Check Shopify's current video limits

Shopify’s product-media documentation lists uploaded video support for MP4, MOV, and WEBM, up to 10 minutes, 1 GB, and 4K resolution of 4096 × 2160. These are acceptance limits, not targets for every product page. Shopify converts and serves uploaded video in supported playback formats and resolutions.

A 1080p export can be a sensible trial for many placements, but 1080p is not Shopify’s maximum upload resolution. Check the current documentation and your theme’s media behavior before choosing the final file.

Create a comparison export

1. Save the original master. Always create a new output file rather than repeatedly compressing a compressed copy.
2. Cut footage that does not help the shopper: a long lead-in, repeated movement, or an empty end frame.
3. Keep the intended aspect ratio. Do not stretch a vertical clip to fill a horizontal frame.
4. Use an MP4 export with H.264 as a broadly compatible starting point. Keep the source frame rate unless the placement gives you a reason to change it.
5. Export a short, difficult section first. Include movement, a label, fine texture, or a gradient that may show compression artifacts.
6. Compare the original and exported sample at the actual display size before processing the full clip.

In HandBrake, start with an appropriate preset and use its quality control for small adjustments. Its quality documentation suggests RF 20–24 as a starting range for 1080p using the x264 encoder. Lower RF means higher quality and generally larger files for that encoder. Other encoders can use different scales; do not copy an RF number between them and expect the same output.

Choose what to change when the file is still too large

For a fixed-duration video, bitrate is a useful size estimate: total megabits per second × seconds ÷ 8 gives approximate megabytes, before small container overheads. For example, a 20-second file at a total 4 Mbps is roughly 10 MB. This is an illustration, not a recommended bitrate for every product.

Check playback in the actual Shopify page

Upload the candidate to a theme preview or other review environment available to your team. Test the page on a narrow mobile screen and a desktop screen, including a slower connection. Compare it with the same page before adding the video.

• Confirm that the poster appears correctly and the page does not jump when the media loads.
• Play, pause, seek, and replay. Check audio and captions when they are needed.
• Look at text, reflective surfaces, fabric patterns, and fast motion after Shopify has processed the upload.
• Check keyboard access to controls and keep essential product information available outside the video.
• Record the file size, export settings, playback result, and page-performance measurements together.

A successful upload is not evidence of fast playback. A player, multiple video placements, images, and other scripts all affect the page. Avoid assuming that any video tool has zero performance impact.

Choose the publishing workflow

Use Shopify product media when that matches the placement and controls you need. Use a separate player when your requirements include additional presentation or product interaction. Compare the actual result in your theme.

Tolstoy AI Player supports shoppable video experiences, while AI Studio supports content creation. Evaluate the player and the source file together; do not expect a generation workflow to replace an export-quality check. For the broader placement decision, see the Shopify video app guide. If your next destination is email, use a linked thumbnail rather than assuming the video will play inside every inbox; the Klaviyo flow guide covers that setup.

Talk to Tolstoy about your Shopify video placement and bring a sample clip, theme, and the playback issue you need to solve.