You are viewing a single comment's thread from:

RE: How to Position Photos Using Markdown

in #steemit7 years ago (edited)

This pull-left thing is more of html. I tried using Markdown but found it's not so good in controlling the formatting. So, I decided to stick with HTML which is difficult for people who are not coder or not familiar with it.
Another thing is you don't need to physically resize your image though if you photo is high definition, reducing the size makes the post faster to load.
Have a look at one of my earlier post to see how I frame and sort of reduce the file size:
Now I show how and why import photos into Microsoft Powerpoint | 我示范如何和为什么导入照片到Microsoft Powerpoint 📷

As for resizing the image display, here's what I learn from another post before.
You can also just put the following in front of your image link https://img1.steemit.com/111x222 where 111 and 222 are the width and height you want in pixels. but its hard to know what height and width you want until you see it posted. For example.

1. 88x88

https://img1.steemit.com/88x88/https://steemitimages.com/DQmdPw8Svg2ytGVbExjEB1JbYYzwVTT8u4auf3D2Q6c1DKy/IGGY_1__PS__P1070598.jpg

2. 44x44

https://img1.steemit.com/44x44/https://steemitimages.com/DQmdPw8Svg2ytGVbExjEB1JbYYzwVTT8u4auf3D2Q6c1DKy/IGGY_1__PS__P1070598.jpg


Have fun! :-)

Sort:  

Oh this is very cool. That worked really well! I have been using Gimp to resize the image down to 400x300. Now I can skip that step! Putting the size right in the code will really save a bunch of time!!! Thanks so much and that deserves a follow!!!

You're welcome. My way is usually pop into Powerpoint to reduce the image file size but so far I have no real urge to resize the image display. Maybe in future. :-)

Yes I just saw your tutorial on Powerpoint and resizing. It is too old so I could not comment on it directly.
I agree. I don't think I will resize now that I know how to simply input the size directly into the coding; thanks to you ;)

You're welcome

This is an excellent tip @ace108. Thanks for sharing it :)

Is there a way to do this using Markdown?

Sadly not in here, I know with some versions of markdown you can just put =(width)x(height)at the end of your image url like ![](image.jpg =20x20) but it doesn't look like it works here. Explains why they have that neat url resizer! A very cool workaround :)

I'm just not sure how to integrate the rules resized into my markdown image code. I know enough html to be dangerous but struggle with it. I find markdown to be more intuitive so far.

Coin Marketplace

STEEM 0.20
TRX 0.14
JST 0.030
BTC 66394.28
ETH 3309.98
USDT 1.00
SBD 2.70