How to Use SVG in Ghost CMS — Upload, Embed, and Blog Graphics
Use SVG in Ghost CMS — upload image files, embed inline SVG in posts, use SVG in Ghost themes, and serve crisp graphics on your publication.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Uploading SVG to Ghost Posts and Pages
Ghost's image card accepts SVG file uploads directly in the post editor. Click the '+' to add an Image card, then upload your SVG. Ghost serves SVG files as uploaded — no conversion. Use SVG for diagrams, infographics, charts, and illustrations in blog posts for perfect scaling across device sizes.
- Insert Image card in Ghost editor, upload SVG file
- Ghost serves SVG with correct MIME type (image/svg+xml)
- SVG images responsive by default in Ghost's image handling
SVG in Ghost Themes
Ghost themes are Handlebars templates — SVG can be used inline in theme templates or uploaded as theme assets. Upload SVG files to the theme's assets/images/ folder, then reference with `{{asset 'images/icon.svg'}}` in Handlebars templates. Inline SVG in theme partials enables CSS animation and theming.
- Theme assets: place SVG in theme/assets/images/ folder
- Reference: `{{asset 'images/logo.svg'}}` in Handlebars
- Inline SVG: paste SVG code directly in .hbs partials for animation
Frequently Asked Questions
Can I upload SVG to Ghost's logo settings?
Yes — Ghost Settings > Design > Publication icon accepts SVG uploads. Your SVG logo displays in the site header, footer, and RSS feed. Ghost resizes SVG appropriately for each context. Use a square SVG for the favicon/icon setting for best display.
How do I embed an SVG chart or diagram in a Ghost blog post?
Use the HTML card (not the Image card) to embed inline SVG code. In the Ghost editor, click '+' and select HTML, then paste your SVG code. This renders the SVG inline in the post with full interactivity and animation support. For static SVG images, the Image card with SVG upload is simpler.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG