How to shrink images in your post

in #steem-help7 years ago (edited)

This isn't the post I was originally going to write this morning but I had this big image I wanted to shrink and when I searched I found several old and now incorrect posts. When you first start your post if you have clicked editor you can then click raw html and edit the width and height in the html code. If you have been using the default interface you can use the code below.

Suppose I had the following image that I wanted to use but it is way too big (4076 x 2712).


(photo credit https://unsplash.com/photos/npxXWgQ33ZQ)

When I copied the image into the Steemit post window I get the following code:
![](https://steemitimages.com/DQmbwjjCqToymfXZkj1KuXriuicq4fT3g6ny4n8HUukW1eJ/image.png) (photo credit https://unsplash.com/photos/npxXWgQ33ZQ)

If I add https://steemitimages.com/407x271/ on the front of the url (ie. ![](https://steemitimages.com/407x271/https://steemitimages.com/DQmbwjjCqToymfXZkj1KuXriuicq4fT3g6ny4n8HUukW1eJ/image.png)) then I can shrink the image to be 407x271.

I can even get really carried away and make a teeny tiny one with:
![](https://steemitimages.com/40x27/https://steemitimages.com/DQmbwjjCqToymfXZkj1KuXriuicq4fT3g6ny4n8HUukW1eJ/image.png)

Sort:  

Thank you so much, this was a very big help for my first post on steemit!

Thanks! This worked for me while trying to create my first steemit post.

Out of all the posts i found, this was the only one who worked! thx :D

Finally something that worked! Thank you!:D

WOW I wish I saw this a few minutes ago attempting so many resizing options-- You've saved me from a future of headaches. I couldn't find any simple solutions searching the Markdown cheat sheet. This is a really simple+effective tip to have handy.
Thanks again for making it easier for us newbies!

Whoa! I just used this now and it works great! I had no idea you could change the size within the post... but always thought it should be possible. Thanks dude! This is awesome! (and thanks to your other post for reminding me about it)

You are welcome. I will probably do a few more posts on markup and other tricks.

This is so useful! Thank you! <3
I had hoped to simply scale down the image in the browser...so that people can still right click and save the full resolution...but this trick literally resizes the image...which is really good to know if that's what you actually need! The thing with my coloring pages though...they look awful full size in the post because of all that scrolling down and 'full in your face'. I am still trying to figure out how to make a thumbnail image so that you can see the full page in a smaller window.

Thank you very much for this! Several people have asked me about this because months ago I did an article giving a solution but is doesn't work anymore. So I found your post and I did one in Spanish giving you all the credit so more people can use the information. I hope it doesn't bother you.

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by Lyndon (at datascience) from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews/crimsonclad, and netuoso. The goal is to help Steemit grow by supporting Minnows and creating a social network. Please find us in the Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP. Be sure to leave at least 50SP undelegated on your account.

Coin Marketplace

STEEM 0.16
TRX 0.15
JST 0.028
BTC 56784.71
ETH 2392.67
USDT 1.00
SBD 2.27