How to Align and Resize Images in Steemit Post?

in #steemit-help6 years ago (edited)

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!


All Imagess

Let's start!

33644939_1909480859072041_3573862662326452224_n.jpg

How to Align an Image?

33644939_1909480859072041_3573862662326452224_n.jpg

  • Float Image Right of Text :

Use this:

   Like this: <div class="pull-right"><img src="https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1" /></div>
   I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

Output :

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!




  • Float Image Left of Text :

Use this:

   Like this: <div class="pull-left"><img src="https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1" /></div>
   I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

Output :

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!




  • Center Image :

Use this:

   Like this: <center>![]( https://steemitimages.com/400x400/https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1)</center>
   I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

Output :

I know guys that some of you already know, How to Align and Resize Images in Steemit Post? But for doesn't know, especially the newbie here and want to improve their post layout. Well, this tutorial is for Y😄U!

33644939_1909480859072041_3573862662326452224_n.jpg

How to resize an image?

33644939_1909480859072041_3573862662326452224_n.jpg

         Use this:  https://steemitimages.com/widthxheight/ + link
         Like this: https://steemitimages.com/600x600/https://steemitimages.com/0x0/https://i0.wp.com/bitcoinshirtz.com/wp-content/uploads/2017/09/Steemit-hand-image-.jpg?resize=1024%2C682&ssl=1

Output:

For 500 x 500 :

For 400 x 400 :

For 300 x 300 :

All Images

😃Thank you for reading!😃

Please... follow me and resteem this post to help more newbie here in Steemit

If you have comments, opinions, reactions or corrections, please drop it off. I will surely appreciate it.



Username.png

Sort:  

hi... The Size Is Being Increased In The Editor Window But Not In The Post ... Why is That ?

Magic Dice has rewarded your post with a 50% upvote. Thanks for playing Magic Dice.

You got a 21.67% Upvote and Resteem from @ebargains, as well as upvotes from our curation trail followers!

If you are looking to earn a passive no hassle return on your Steem Power, delegate your SP to @ebargains by clicking on one of the ready to delegate links:
50SP | 100SP | 250SP | 500SP | 1000SP | 5000SP | Custom Amount

You will earn 90% of the voting service's earnings based on your delegated SP's prorated share of the service's SP pool daily! That is up to 38.5% APR! You can also undelegate at anytime.

We are also a very profitable curation trail leader on https://steemauto.com/. Follow @ebargains today and earn more on curation rewards!

Resteemed to over 18600 followers and 100% upvoted. Thank you for using my service!

Send 0.200 Steem or 0.200 Steem Dollars and the URL in the memo to use the bot.
Read here how the bot from Berlin works.

#resteembot #bestofresteembot #winwithresteembot

@resteem.bot

Feel free to join our partner crypto exchange: https://www.binance.com/?ref=10230705.

@resteem.bot

This is a great contribution especially to those who just started steeming.

Thank you sir😀

Nice one... !

Thanks😀

just when I needed the most!! thanks a bunch for posting this guide. my photo size always look humongous and I have no clue the "how to's" in steem!

You're Welcome😀

Thanks man, this is really helpful but I really don't understand how to resize. Can you please explain for me a bit.

Hello @prosperousday!
Just Use this :

https://steemitimages.com/widthxheight/ + link of the Image

To resize the image just change the widthxheight to 600x600, 500x500 or 400x400

https://steemitimages.com/600x600t/ + link of the Image

https://steemitimages.com/500x500t/ + link of the Image

just like that...

Wow! This is really helpful. Thanks a lot :)

You're Welcome @artineers Please Resteem this post to help more newbies. Thank you

Thank you! I've been looking for this.

You're Welcome @gmcdeguzma Please Resteem this post to help more newbies. Thank you

Thank you for this.... 💛 this will help me a lot since I am just beginning 💛

You're Welcome😀