Recap: Easy Resize Images Inside The Steemit Editor

Even after 8 months a post I did is still being upvoted on and even receives regular comments. I guess this proves that not all posts get buried, when the content is useful,​ it will always be of interest. Today I'm sharing it again, hoping it will reach even more steemians.

The post is actually about how to resize images you put in your posts inside the text editor. This saves time and there is no need to use photo editing software. Keep in mind that the file size stays the same, only the images get transformed. It's always a good idea to optimize your images for the web, but this is a neat little trick that sometimes comes in handy.

---

Very often when formatting your posts some pictures need to be resized. Normally​ you would download them, resize and upload again. This takes time and there is actually a much better, easy and quick way to do it, inside the Markdown editor.

Every image you post on Steemit gets the following prefix:

https://img1.steemit.com/0x0/

If you would ​add the following picture URL

https://i.imgur.com/MCTL4zE.jpg

The editor will add the following prefix:

https://img1.steemit.com/0x0/https://i.imgur.com/MCTL4zE.jpg

Where /0x0/ stands for the size of the image. A value of /0x0/ will render the original size.

Now let's​ say you have this image which is 600x300 pix

In order to change its size just add the following code with the attributes you want. I would like to have it smaller by a half.
The code would look like this:

https://img1.steemit.com/300x150/https://i.imgur.com/MCTL4zE.jpg

This is the result

You can also specify only the height or width and leave the other attribute empty, and the code will also work. You can have the same result with the following code:

https://img1.steemit.com/300x0/https://i.imgur.com/MCTL4zE.jpg

---

Original post: https://steemit.com/steemit/@rossenpavlov/easy-resize-images-inside-the-steemit-editor