Creating three batches of card news yourself

Create editorial, checklist, and minimal templates in the same 4:5 size. The examples use your device's default font, so character width and line wrapping may vary on different operating systems. In the editor, check the result after the provided font is ready. The image below is a virtual card for illustrative purposes only and does not represent click through rate or view performance.

Try running it directly without a file

Runs the actual tool's processing code with example material created by the site. Results are currently computed in the browser and no input data is uploaded to the server.

button displays results and example files.

Examples are not actual visitor data or performance. File size and font shape may vary depending on browser, device, and font.

Procedure for checking character positions and margins

  1. Put one question to be addressed on the first page and split long titles into lines.
  2. Check the actual saved PNG to see if the text does not exceed the image boundary.
  3. Reduce excessive line breaks by adjusting the text box width and font size separately.
  4. Choose a color that is distinct from the background for the text on the photo, and apply a darkening effect or text box background if necessary.
  5. Read it on your mobile screen and check the actual preview and truncation on SNS.

The editor's 8% margin guide is a placement aid. We do not guarantee tear-off protection for all platforms or devices.

Differences between PNG and editable edits

PNG files are images that combine text and background. If you want to change the text later, save your JSON edits in the editor as well. Edits saved in the studio remain only in the current browser, so you must download a backup file before moving them to another device or deleting site data.

The PNG in the example run is for results verification purposes only and cannot be used to load edits. If you place it in the workroom below the example and click the edit button, you can save the same design and text as a JSON edit and edit it right away in the editor. Back up important work by saving edited copies. The number of bytes in the example file is the actual value for one card and does not indicate the optimal capacity of the post.

Frequently Asked Questions

Will uploading an example PNG increase the number of views?

There is no data verifying such an effect. The example is for verification of placement and storage results.

Can I re-edit the text in the downloaded PNG with an editor?

PNG has no text layer. You should keep a separate JSON compilation of your actual work.