[팁] 스팀잇에서 이미지 줄이는 방법 markdown + html / image resize in steemit

안녕하세요 @wonsama 입니다. 오늘은 스팀잇에서 이미지크기를 줄이는 방법을 알아보도록 하겠습니다.

( 이미지는 @woolgom 님께서 제작하신 이미지를 사용하였습니다. )

1. https://steemitimages.com

https://steemitimages.com/100x0/https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj

누구나 다 아는 ?

  • 100x0 대신에 적절한 크기를 넣어주면 됩니다. ( width x height , 0으로 설정 시 자동비율 )
  • 단점, GIF는 적용안됨 / 첫번째 이미지만 추출되어 줄여짐
https://steemitimages.com/100x0/https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj

2. 마크다운으로 줄이기

[최초공개?] 원하시는 만큼 <td></td> 태그만 추가하시면 이미지가 줄어 듭니다.
gif 또한 줄일 수 있음
웹과 모바일웹에서 차이가 있음에 유의바랍니다. 더 작은 모바일웹 기준으로 맞추면 좋음

  • 장점 : 픽셀 단위까진 아니지만, 자연스럽게 원하는 크기를 조절할 수 있음.
  • 단점 : 써야 되는 내용이 의외로 좀 있음

원본

https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
<table><tr><td><div class='pull-left'>
https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
</div>td>
</tr>table>


td 5쌍 추가

https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
<table><tr><td><div class='pull-left'>
https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
</div>td><td></td>td><td></td>td><td></td>
</tr>table>


td 10쌍 추가

https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
<table><tr><td><div class='pull-left'>
https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
</div>td><td></td>td><td></td>td><td></td>td><td></td>td><td></td>td>
</tr>table>


td 13쌍 추가

https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
<table><tr><td><div class='pull-left'>
https://gateway.ipfs.io/ipfs/QmPBSiqgTHEww51ybbaGyFRnnWXjjtL3DbvapjZNbdcnsj
</div>td><td></td>td><td></td>td><td></td>td><td></td>td><td></td>td><td></td>td><td></td>
</tr>table>



참 쉽죠 ?


H2
H3
H4
3 columns
2 columns
1 column
Join the conversation now