Media publishing workflow
Prepare image and video assets by checking size, format, compression, thumbnails, and export targets before publishing.
Use this workflow before uploading screenshots, product images, short clips, demo videos, thumbnails, or social assets to docs, landing pages, or social platforms.
Public tools in this workflow are designed for browser-side processing unless a specific tool page states otherwise. Review each tool page before entering sensitive data. Review data handling.
A 7-step browser-tool path from source check to final handoff.
- Product marketers
- Designers
- Documentation teams
- Creators
- Support teams
- Professional retouching, color grading, or brand campaigns that need a design toolchain.
- Very large video files that exceed the browser memory available on the current device.
- Assets whose metadata or rights need legal review before public release.
Recommended tool order
Follow the order when the task spans more than one tool.
Inspect metadata
Check dimensions, type, transparency, and metadata hints before changing the asset.
- Input
- The source file, draft, link, data, or planning assumption.
- Output
- Compressed image
Crop and frame
Remove distractions and match the target aspect ratio.
- Input
- The result from "Inspect metadata".
- Output
- Resized asset
Resize image assets
Set final dimensions before compression.
- Input
- The result from "Crop and frame".
- Output
- Format decision
Compress images
Compare output size and visible quality.
- Input
- The result from "Resize image assets".
- Output
- Compressed short video
Create collage or grid assets
Combine screenshots, product images, or comparison panels into a simple grid.
- Input
- The result from "Compress images".
- Output
- Thumbnail image
Inspect or compress video
Reduce moderate video files after choosing quality, resolution, and format.
- Input
- The result from "Create collage or grid assets".
- Output
- Reduce moderate video files after choosing quality, resolution, and format.
Extract a thumbnail
Pick a clear preview frame instead of relying on a platform default.
- Input
- The result from "Inspect or compress video".
- Output
- Pick a clear preview frame instead of relying on a platform default.
Copyable workflow checklist
Tick off the steps as you work. Progress is saved only in this browser.
0/16 completed
Step 1: Inspect metadata
Open toolStep 2: Crop and frame
Open toolStep 3: Resize image assets
Open toolStep 4: Compress images
Open toolStep 5: Create collage or grid assets
Open toolStep 6: Inspect or compress video
Open toolStep 7: Extract a thumbnail
Open toolConfirm output: Compressed image
Confirm output: Resized asset
Confirm output: Format decision
Confirm output: Compressed short video
Confirm output: Thumbnail image
Avoid mistake: Compressing all assets with one quality setting.
Avoid mistake: Converting transparent PNG files to JPG without checking the background.
Avoid mistake: Skipping thumbnails for videos with blank first frames.
Avoid mistake: Processing large videos on mobile devices before testing a short clip.
- Compressing all assets with one quality setting.
- Converting transparent PNG files to JPG without checking the background.
- Skipping thumbnails for videos with blank first frames.
- Processing large videos on mobile devices before testing a short clip.
Start with "Inspect metadata" so the source material is ready for the later steps.
Start with the first toolWhat is the Media Publishing Workflow for?
Use this workflow before uploading screenshots, product images, short clips, demo videos, thumbnails, or social assets to docs, landing pages, or social platforms.
Does this workflow upload my files?
Public tools are designed for browser-side processing unless a specific tool page says otherwise. Review the tool-level data handling note before using sensitive material.
What is the most common misuse?
Compressing all assets with one quality setting.
What should I have at the end?
Compressed image, Resized asset, Format decision, Compressed short video, Thumbnail image