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

in #kr7 years ago (edited)

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

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

1. https://steemitimages.com

누구나 다 아는 ?

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

2. 마크다운으로 줄이기

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

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

원본

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

td 5쌍 추가

<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>
</tr></table>

td 10쌍 추가

<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>

td 13쌍 추가

<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><td></td><td></td><td></td>
</tr></table>


참 쉽죠 ?


Sort:  

Hi @wonsama,

You got a $15.011 upvote from @gopaxkr at the last minute before the payout. (17.66h) and this comment is to make everyone aware.

Please follow @abusereports for additional reports of potential reward pool abuse. Thank you.

오 몰랐던 꿀팁 감사합니다!!
그동안 그림판으로 줄였었네요 ..ㅎㅎ

td로 줄이는 것은 대박입니다. ㅋ

뉴비로써 정말 감사 한 팁이네요. 마크다운 첨서보는데 너무 어렵. ㅠ

별 말씀을요 ^^

본문을 이해하지 못하고 있는 1인;

저는 그냥 알씨를 설치해서 '이미지 크기 변경'을 눌러버립니다 (쿨럭)

그것은 정답입니다 ㅋ

와 좋은 정보 감사합니다~~~

별말씀을요 ^^

<td></td> 아이디어 좋네요! ㅎㅎ

pull-left 에 css를 보면 width 50% 인데 이를 td를 증식하여 트릭을 쓴거죠 ㅋ

아쉬운건 colspan 을 못써서 td태그를 여러번 써야됨요

오 원사마님 좋은 정보 공유 감사합니다. 리스팀하여 나중에 써먹어 보겠습니다.^^

넵 리스팀 감사요

와 이건 정말 꿀팁입니다! 좋은 정보 감사합니다! td는 대단한 발견이예요 :D 리스팀하고 자주 써먹어봐야겠습니다!

pull-left의 width 50%를
td를 통해 비율로 줄이는 것이 트릭이죠 ㅋ

매번 폰에서 사진 크기 줄이고 올렸는데 정말 꿀팁!
리스팀합니다^^

최초는 아니지만... 유용한 정보입니다 ㅎㅎ

이런 ... td로 줄이는 건 못봤는데 ㅜㅜ 아끕네요