Media publishing workflow
Prepare image and video assets by checking size, format, compression, thumbnails, and export targets before publishing.
Choose the image branch or the video branch below; an image is never input to the video compressor. Keep source files and verify each downloaded output before replacing an asset.
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 8-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.
Image: inspect the source
Check dimensions, transparency and metadata before choosing the output.
- Input
- Original image file.
- Output
- Dimensions and metadata findings; original image remains unchanged.
Image: crop if needed
Skip if framing is already correct. Choose a ratio and check the crop preview.
- Input
- The original image from the inspection step.
- Output
- A downloaded cropped image, or the unchanged original.
Image: set dimensions
Set final pixels without stretching the content.
- Input
- The cropped image or original image.
- Output
- A resized image with verified width and height.
Image: compare compression
Compare output bytes, transparency and detail. Keep the original if it is better.
- Input
- The resized image.
- Output
- A reviewed image ready for the destination.
Video: inspect the source
Start this separate branch with a video. Check duration, dimensions and browser decode support.
- Input
- Original local MP4 or WebM, not an image export.
- Output
- Video metadata and an unchanged source clip.
Video: trim unused time
Skip if the whole clip is needed. Use accurate mode when cut boundaries matter; stream copy may follow keyframes.
- Input
- The inspected source video and start/end seconds.
- Output
- A downloaded clip with duration checked in playback.
Video: compare compression
Choose height, frame rate, CRF and audio settings. Compare legibility and actual size.
- Input
- The trimmed clip, or original when trimming was skipped.
- Output
- A reviewed compressed video file.
Video: choose a cover
Choose a useful frame from the final clip. Check cropping in the destination.
- Input
- The final video and a selected timestamp.
- Output
- A downloadable thumbnail paired with the final video.
Copyable workflow checklist
Tick off the steps as you work. Progress is saved only in this browser.
0/17 completed
Step 1: Image: inspect the source
Open toolStep 2: Image: crop if needed
Open toolStep 3: Image: set dimensions
Open toolStep 4: Image: compare compression
Open toolStep 5: Video: inspect the source
Open toolStep 6: Video: trim unused time
Open toolStep 7: Video: compare compression
Open toolStep 8: Video: choose a cover
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 "Image: inspect the source" so the source material is ready for the later steps.
Start with the first toolWhat is the Media Publishing Workflow for?
Choose the image branch or the video branch below; an image is never input to the video compressor. Keep source files and verify each downloaded output before replacing an asset.
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