AppHelp guide
Social Images, Favicons, Watermarks, and Sharing Assets
Learn how to prepare social preview images, favicons, watermarked assets, Markdown images, and 9-grid image splits for publishing workflows.
Quick answer
Use social image resizing when a platform expects specific dimensions, favicon generation for browser and app icons, watermarking for attribution or review status, Markdown-to-image export for shareable snippets, and 9-grid splitting for tiled social posts.
Prepare assets for the destination
Different platforms expect different image sizes, icon files, and preview crops. Start from the destination requirements, then resize, crop, watermark, or split images as needed.
- Check safe areas before exporting social previews
- Generate favicon sizes from a clean square source
- Preview watermarks at the final display size
Turn text or Markdown into shareable visuals
Markdown-to-image export is useful for snippets, changelog cards, quote graphics, and documentation previews when the final output needs to be an image instead of text.
Use 9-grid only for visual campaigns
A 9-grid split can help with social layouts, but it makes individual tiles less meaningful alone. Keep the original image and captions available outside the split.
Frequently asked questions
Should I resize social images before adding a watermark?
Usually yes. Resize or crop to the final dimensions first, then place the watermark where it is visible but not distracting.
When is a favicon generator useful?
Use it when a source logo or icon needs the multiple small sizes that browsers and devices expect.