Easy Resize Images Inside The Steemit Editor

in #steemit8 years ago (edited)

Very often when formatting your posts some pictures need to be resized. Normaly you would download it, resize it and upload it 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 to 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 lets 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
Sort:  

Great trick! thanks!!!

I'm sorry, this no longer is how the image codes are shown... At least not from uploading on my computer.

Probably, I wrote this 6 months ago.

Just wanted to let you know in case you had updated info on how to do it. I couldn't figure it out. :/

Check out my comment here. This trick still works anyway!

Not every image has that exact url form. But this trick still works! And it kicks the ass off having to go do it elsewhere before posting. I dropped an image in the text editor and it came up as "https://steemitimages.com/..." followed by a lot of other random crap and then the name of the file somewhere in there.

I simply added this before it "https://img1.steemit.com/300x800/" so that I now had "https://img1.steemit.com/300x800/https://steemitimages.com/..." and it worked!

Thanks for the awesome trick!

just tried it - awesome. Saved so much download/resize/upload crap

That's exactly what I had been looking for for a while, thanks !

It didn't work when I tried. Had a "https://steemitimages.com..." picture file, but when adding the "img1", it didn't work. Anyone knows why?thanks

How to get the prefix? Does it apply for photos from other website?

Very useful trick! Thanks for sharing it!

Thanks, very useful post -- just used the trick!

And it still works!

I think things have updated. The way I can get an image to resize is adding https://steemitimages.com/300x300 before a link to any image somewhere, where 300x300 can be whatever value. Thus the whole code would be: https://steemitimages.com/300x300/https://insertlink.
Hope this helps!

Vielen Dank, sehr nützlicher Hinweis. Das erspart das Resizen vorab.