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
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!
Enjoy.
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!
Very cool! Thanks!!!
Vielen Dank, sehr nützlicher Hinweis. Das erspart das Resizen vorab.
Thanks!
Nice find @rossenpavlov, thanks for sharing!!!
This post has been ranked within the top 50 most undervalued posts in the second half of Jan 02. We estimate that this post is undervalued by $7.78 as compared to a scenario in which every voter had an equal say.
See the full rankings and details in The Daily Tribune: Jan 02 - Part II. You can also read about some of our methodology, data analysis and technical details in our initial post.
If you are the author and would prefer not to receive these comments, simply reply "Stop" to this comment.
Thank you
Thanks, this is the one trick i was looking for!
Ooh, thank you ever so much!
Much appreciated info. :)
Thanks for your help !
not working! or is this just working with the editor?
It seems to have "hotlink" prevention enabled. I've only gotten it work in the editor with pictures that are either uploaded via steemit, or afterwards by editing a post that it already has displayed as a blog entry and then adding the https://steemitimages/WIDTHxHEIGHT/ before the img URL. You'll get 404 or access denied when trying to use it otherwise.
Unfortunately, it didn't work for me, but I found an app for my laptop called Picollage. (See the pictures on my blog) If you don't want the watermark, you just purchase it for $1.99. https://steemit.com/streetart/@miketravels/street-art-of-the-northern-quarter-manchester
This trick no longer seems to work...
It still does work https://steemit.com/steemit/@verhp11/some-tips-to-decorate-your-layout-like-a-pro-image-sizes I just put up an instruction. :)
Cheers!
Ironically I cant read the tutorial image you posted they are too small lol
I tried with gifs, but it didn't work.
Is there a way to resize gifs?
Maybe this will help: https://steemit.com/images/@reveurgam/how-to-resize-an-image-on-steemit
thanks - simply explained and will be following the advice you give for #images I post from now on.
https://steemit.com/images/@reveurgam/how-to-resize-an-image-on-steemit