AscendLab
Workflow

Media publishing workflow

Prepare image and video assets by checking size, format, compression, thumbnails, and export targets before publishing.

English
Quick answer

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.

Task definition

8 available steps; choose the branch for your input and use only the steps the destination requires.

Primary outputs: Compressed image, Resized asset, Format decision
Best for
  • Product marketers
  • Designers
  • Documentation teams
  • Creators
  • Support teams
Review before using
  • 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.

Steps and checks

Follow the order within your input branch; skip optional steps that do not apply.

Step 1

Image: inspect the source

Check dimensions, transparency and metadata before choosing the output.

Start this branch with its original source.

Input
Original image file.
Output
Dimensions and metadata findings; original image remains unchanged.
Open tool
Step 2

Image: crop if needed

Skip if framing is already correct. Choose a ratio and check the crop preview.

Skip if the source framing is already correct.

Input
The original image from the inspection step.
Output
A downloaded cropped image, or the unchanged original.
Open tool
Step 3

Image: set dimensions

Set final pixels, format and quality in one export without stretching the content. Skip further compression if this result meets the destination requirements.

Skip if the current image already meets size, format and quality requirements.

Input
The cropped image or original image.
Output
A resized image with verified width and height.
Open tool
Step 4

Image: compare compression

Compare actual output bytes, transparency and detail. Keep the previous export when it is better; save the local JSON receipt when handing the asset to a teammate.

Only if the image still exceeds the target size; keep the previous export if it is better.

Input
The resized image.
Output
A reviewed image and optional encoding receipt with measured bytes, dimensions and settings.
Open tool
Step 5

Video: inspect the source

Start this separate branch with a video. Check duration, dimensions and browser decode support.

Start this branch with its original source.

Input
Original local MP4 or WebM, not an image export.
Output
Video metadata and an unchanged source clip.
Open tool
Step 6

Video: trim unused time

Skip if the whole clip is needed. Use accurate mode when cut boundaries matter; stream copy may follow keyframes.

Skip when the full clip is needed.

Input
The inspected source video and start/end seconds.
Output
A downloaded clip with duration checked in playback.
Open tool
Step 7

Video: compare compression

Export MP4 with the chosen height, frame rate, CRF and audio settings. Compare playback, sound and actual size; another conversion is only needed if the result is rejected.

Only when size, format or resolution needs to change.

Input
The trimmed clip, or original when trimming was skipped.
Output
A reviewed compressed video file.
Open tool
Step 8

Video: choose a cover

Choose a useful frame from the final clip. Check cropping in the destination.

Only when the destination needs a separate cover image.

Input
The final video and a selected timestamp.
Output
A downloadable thumbnail paired with the final video.
Open tool

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

Input: Original image file. Check dimensions, transparency and metadata before choosing the output. Output: Dimensions and metadata findings; original image remains unchanged.

Open tool

Step 2: Image: crop if needed

Input: The original image from the inspection step. Skip if framing is already correct. Choose a ratio and check the crop preview. Output: A downloaded cropped image, or the unchanged original.

Open tool

Step 3: Image: set dimensions

Input: The cropped image or original image. Set final pixels, format and quality in one export without stretching the content. Skip further compression if this result meets the destination requirements. Output: A resized image with verified width and height.

Open tool

Step 4: Image: compare compression

Input: The resized image. Compare actual output bytes, transparency and detail. Keep the previous export when it is better; save the local JSON receipt when handing the asset to a teammate. Output: A reviewed image and optional encoding receipt with measured bytes, dimensions and settings.

Open tool

Step 5: Video: inspect the source

Input: Original local MP4 or WebM, not an image export. Start this separate branch with a video. Check duration, dimensions and browser decode support. Output: Video metadata and an unchanged source clip.

Open tool

Step 6: Video: trim unused time

Input: The inspected source video and start/end seconds. Skip if the whole clip is needed. Use accurate mode when cut boundaries matter; stream copy may follow keyframes. Output: A downloaded clip with duration checked in playback.

Open tool

Step 7: Video: compare compression

Input: The trimmed clip, or original when trimming was skipped. Export MP4 with the chosen height, frame rate, CRF and audio settings. Compare playback, sound and actual size; another conversion is only needed if the result is rejected. Output: A reviewed compressed video file.

Open tool

Step 8: Video: choose a cover

Input: The final video and a selected timestamp. Choose a useful frame from the final clip. Check cropping in the destination. Output: A downloadable thumbnail paired with the final video.

Open tool

Confirm 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.

Common mistakes
  • 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.
Final output
Compressed image
Resized asset
Format decision
Compressed short video
Thumbnail image
Recommended next step

Choose the entry point that matches your source, then follow the conditions above. These links do not automatically process or transfer files.

Start with an imageStart with a video
Workflow FAQ

What 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