Subscribe

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!

How to resize images on Ghost

Resize images is a basic functionality, but Ghost is a young platform and currently is a feature that is missing.

The Ghost editor to write articles use Markdown but the options to resize an image doesn't work on Ghost, so there are a workaround and is use the <img> HTML tag.

You still need to upload the image with Markdown or specify the image URL inside the parenthesis:

Upload Ghost Image

 ![Image Description](/content/images/my-image.png)

And then replace the markdown code with HTML code, applying CSS to change the image dimensions.

<img alt="Image Description" src="/content/images/my-image.png" style="width: 300px; height:300px">

And the image will change to the dimensions that you specified inside the style property, in the previous example the image will have 300px per width and 300px per height.

Align images

Now if you want to align the image you can use this HTML code:

<p align="center">
 ![alt]()
</p>

You can replace center with right if you want the image on the right side.

Comments: