안녕하세요 @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 또한 줄일 수 있음
웹과 모바일웹에서 차이가 있음에 유의바랍니다. 더 작은 모바일웹 기준으로 맞추면 좋음
- 장점 : 픽셀 단위까진 아니지만, 자연스럽게 원하는 크기를 조절할 수 있음.
- 단점 : 써야 되는 내용이 의외로 좀 있음
원본
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>
참 쉽죠 ?