Prepare rich media files for proofing

Dina Bennett
Dina Bennett
  • Updated

Rich media proofs let reviewers interact with HTML-based content directly in the Proof Viewer. 

To upload successfully, your rich media files must be packaged correctly as a ZIP file.

Include an HTML entry file

Every rich media ZIP file must contain at least one HTML file. This file acts as the entry point for the proof.

Best practices:

  • Name the primary file index.html 

  • Place the HTML file at the root of the ZIP file, not inside a subfolder

Ziflow uses the following logic when loading rich media proofs:

  • If index.html is present, Ziflow loads it

  • If index.html is not present, Ziflow looks for another HTML file and loads the first one it finds

Include all referenced files

The ZIP file must include all files referenced by the HTML, including:

  • Images

  • CSS files

  • JavaScript files

  • Fonts or media files

Verify file paths and structure

A simple, flat structure is easier to validate and more reliable during upload.

Before uploading:

  • Confirm that all file paths referenced in the HTML match the ZIP file structure

  • Use relative paths rather than absolute paths

  • Avoid unnecessary folder nesting that can break references

Define a default display size

For rich media proofs, the display size is controlled by the HTML file. If a rich media file does not define a default width and height, the proof may display at an unexpected size which can make the proof difficult to review. You can adjust the screen dimensions in the Proof Viewer.

Recommended solution (best practice)

For rich media HTML files without a defined size, add the following meta tag to the <head> of the HTML file before you create the proof to set the size of the display in the Proof Viewer:

<meta name="ad.size" content="width=1920,height=1080">

Alternative solution

Pro Enterprise

If adding a default size in the HTML is not possible, Ziflow administrators can change the Proof Viewer setting. This forces the proof to scale to the reviewer’s screen, but it does not resolve sizing at the file level. For more information, see Configure default Proof Viewer settings.

  1. Go to Settings > Proofing settings > Proof viewer

  2. Set Default display size for rich media to My screen

Related articles

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.