Workflow

Content publishing workflow

Measure a draft, review edits, and prepare an optional image exported by your own editor. Keep editable text with the final asset.

Quick answer

Follow the first two steps for text. The image branch starts with a PNG or JPG exported from your own editor; the separate Markdown to PNG tool can make short cards. Neither path publishes to a CMS or assembles a finished carousel.

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

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

Primary outputs: Reviewed text and length summary, Optional resized/compressed image, Editable source and destination preview check
Best for
  • Writers
  • Developer advocates
  • Indie builders
  • Content marketers
  • Documentation teams
Review before using
  • Legal, medical, or financial publishing that needs formal review before editing.
  • Collaborative CMS workflows where comments, approvals, or version history must stay attached.
  • Design-heavy social posts that need full layout control in a dedicated editor.

Steps and checks

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

Step 1

Measure the draft

Count mixed-language units and review spacing. Keep the source before using Trim spacing, especially for Markdown and code.

Start this branch with its original source.

Input
The exact draft body; decide whether headings and links are included.
Output
A length summary with the counting scope and reading-speed setting.
Open tool
Step 2

Review edited text

Edit in your editor, then compare both versions. Check code indentation and Markdown breaks before publishing the text.

Input
Original draft and edited draft.
Output
Reviewed text, ready to preview in the destination CMS or editor.
Open tool
Step 3

Size an optional image

Use only after your editor exports a PNG or JPG. Set dimensions, format and quality in one export; inspect lettering at the final display size.

Only after exporting an image from your own editor.

Start this separate branch with an image exported by your editor.

Input
An image exported by your editor, not Markdown text.
Output
An image with the intended pixel dimensions.
Open tool
Step 4

Compare image exports

Compare size and legibility. Keep the original if encoding grows the file or makes text unreadable.

Only if the previous export still exceeds the destination size limit.

Input
The resized image from the previous image step.
Output
A reviewed downloadable image plus its editable source text.
Open tool

Copyable workflow checklist

Tick off the steps as you work. Progress is saved only in this browser.

0/12 completed

Step 1: Measure the draft

Input: The exact draft body; decide whether headings and links are included. Count mixed-language units and review spacing. Keep the source before using Trim spacing, especially for Markdown and code. Output: A length summary with the counting scope and reading-speed setting.

Open tool

Step 2: Review edited text

Input: Original draft and edited draft. Edit in your editor, then compare both versions. Check code indentation and Markdown breaks before publishing the text. Output: Reviewed text, ready to preview in the destination CMS or editor.

Open tool

Step 3: Size an optional image

Input: An image exported by your editor, not Markdown text. Use only after your editor exports a PNG or JPG. Set dimensions, format and quality in one export; inspect lettering at the final display size. Output: An image with the intended pixel dimensions.

Open tool

Step 4: Compare image exports

Input: The resized image from the previous image step. Compare size and legibility. Keep the original if encoding grows the file or makes text unreadable. Output: A reviewed downloadable image plus its editable source text.

Open tool

Confirm output: Reviewed text and length summary

Confirm output: Optional resized/compressed image

Confirm output: Editable source and destination preview check

Avoid mistake: Exporting an image before the message is edited.

Avoid mistake: Using the same length and structure for docs, Blog, and social posts.

Avoid mistake: Treating mixed-language character count as the same as English word count.

Avoid mistake: Splitting a long article without a hook, transition, and close.

Avoid mistake: Generating a slug or HTML block before the headline and Markdown structure are final.

Common mistakes
  • Exporting an image before the message is edited.
  • Using the same length and structure for docs, Blog, and social posts.
  • Treating mixed-language character count as the same as English word count.
  • Splitting a long article without a hook, transition, and close.
  • Generating a slug or HTML block before the headline and Markdown structure are final.
Final output
Reviewed text and length summary
Optional resized/compressed image
Editable source and destination preview check
Recommended next step

Start with "Measure the draft" so the source material is ready for the later steps.

Start with the first tool
Workflow FAQ

What is the Content Publishing Workflow for?

Follow the first two steps for text. The image branch starts with a PNG or JPG exported from your own editor; the separate Markdown to PNG tool can make short cards. Neither path publishes to a CMS or assembles a finished carousel.

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?

Exporting an image before the message is edited.

What should I have at the end?

Reviewed text and length summary, Optional resized/compressed image, Editable source and destination preview check