How to Align and Resize Images in Steemit Post?

in steemit-help •  7 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

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

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😀

Thanks @r5yn1r4. This will make it much easier when I start posting soon.

You're Welcome @thraellock hope you will resteem this to help more newbies😀

Oh totally! Good call! This has been resteemed. :)

Now THAT deserves an upvote! Can't wait to use this in a future post. :)

Thank you so much @evernoticethat hope you will resteem this post to help more steemians😀

I’m new on Steemit and this post has been so helpful for me!
In my first post I put some photos but they were so big! I didn’t like it too much.
Thank you I’ll will use all these things for my next post!

nice

Forget for the beginner...I've been online for a few months and this helps me too!!
Thanks

Welcome, @r5yn1r4!

Congratulations to your instant success!

Do you want to start maximizing your votes and earn from day one the right way? If you do, stop upvoting or resteeming until you have checked out the rules / do's and don'ts.

I am a member of @newbieresteemday and a sposor of newbie bonus for the "pay it forward" contest, both are for helping newbies grow the right way.
Please let me know on my post if I can help.

There are many initiatives to help newbies, but, the #ccc is for newbies to band together and help each other.

Curation Circle Creed - a Proposal to Help Newbies to Start Earning 🍦🍧 🍭 🍮 🍰 🍳 🍔 🍒 🍎 🍍 His / Her Full Share on Day One!
Plus, a surprise for the first 10 ...

Check it out!

All the best!

Great, exactly what I need. Following you.

Many thanks for your post. I have never used these features so it is nice that you have explained them so clearly here. My posts will be enhanced as a result. Thanks again. I will upvote and Resteem

Thank you so much @momogrow😀