반응형 티스토리 섬네일2 [티스토리 블로그] 이미지 썸네일 정복하기 티스토리는 이미지를 링크할 때 사이즈 옵션을 줄 수 있습니다. 썸네일을 생성할 때 아주 편리한 기능입니다. 모든 사이즈에 대응하진 않지만, 일정 비율 or 일정 사이즈에 따라 이미지를 자르거나 줄이는 데 활용하기 좋습니다. 각 옵션 내용은 다음과 같습니다. 옵션 의미 기능 C Crop 사이즈 조절 후 이미지 중앙에서 정해진 사이즈로 자른다. S Snapshot Crop과 동일하지만 캡쳐하듯 이미지를 자르므로 기본 이미지 정보는 사라진다. 움직이는 GIF, 투명 PNG 정보 등이 사라진다. P Portrait 원본 이미지 비율 그대로 사이즈 조절 후 남는 부분을 흰색으로 채운다. R Resize 잘려나가는 부분 없이 이미지 사이즈를 물리적으로 줄이거나 늘린다. 잘리는 부분이 없어 원본과 비율이 달라지면 왜.. 2021. 8. 7. [티스토리 블로그] 썸네일 다루기 심화편 ① 티스토리는 군데군데 치환자도 많고, 공식 문서가 상세하지 않아서 자세히 파헤쳐 볼 필요가 있는 것 같습니다. 여기서 다루는 내용은 Book Club 스킨에 한정합니다. 스킨마다 구조가 다르기 때문에 반드시 확인하셔야 합니다. 가장 많이들 쓰시는 스킨이기도 하고, 저 역시 사용하고 있기 때문이죠. 기본에 가장 충실하면서 필요한 기능은 모두 갖추고 있기 때문이기도 합니다. 스킨 내에서 섬네일 구조 파악 HTML 구조를 파악하면 쉽게 필요한 부분을 찾을 수 있습니다. 저는 참고로 크롬 브라우저를 사용합니다. 해당하는 위치의 썸네일 이미지에 마우스를 대고 오른쪽 버튼을 클릭하여 '검사'를 눌러 파악할 수 있습니다. 같은 방법으로 썸네일이 들어가는 곳의 HTML 구조를 모두 파악해보도록 하겠습니다. 스킨 편집에서.. 2021. 7. 25. 이전 1 다음