서식자료

티스토리 썸네일 사진과 텍스트 비율 쉬워요~!

친절한 영희씨 2019. 4. 20. 07:57

 

 

아드레날린님 요청에 의해 테스트 해본 내용!

사실; 대표사진에 글을 넣어본적이 그렇게 많지 않아 조금 헤메었지만,

직사강형이든 정사각형이든, 어디에서도 글씨가 잘리지 않는 비율발견!

 

포토샵을 못하는 분도 가능한 썸네일에 글씨넣는 황금비율!

(포토스케이프 할 줄 알면 더욱 더욱 편하니;; 차차 포토 스케이프 활용법도 포스팅해보기로...ㅎㅎ)

 

 

썸네일3
썸네일 2

정사각형의 대표 이미지에, 가운에 직사각형 영역 만들어 주었어요~!

텍스트는 저 안쪽으로만 들어가게 작성되면, 어디에서 보아도 깨지지 않는 썸네일 이미지가 되지요.

 

 

원본 사진은 첨부하니, 다운받아서 그림판, 포토스케이프, 포토샵 등에서 활용하시면 됩니다.

두가지로 올려보았어요~!

 

 

 

 

썸네일3.png
0.01MB
썸네일2.png
0.01MB

 

 

 

 

 

위의 이미지를 활용한 이미지

 

 

 

둘다 글씨가 잘리지 않네요~!

 

 

직사각형 썸네일은 이렇게 보입니다.

 

 

 

 

 

티스토리 썸네일 이미지 크기 등으로 검색을 해봤는데, 이런 자료는 없고 다들 HTML 소스 활용방법만 나와있더라고요.

소스를 이해하지 못하는 분들은 많이 어려울수도 ㅋ

 

 

일단 제가 파악한 방법을 간단히 설명하면

정사각형 사진에, 텍스트는 가운데에 직사각형으로!

 

 

이렇게 하면

정가각 썸네일이든, 직사각 썸네일이든

어디에서도 글씨가 잘리지 않네요~!

 

 

 

제가 첨부한 이미지 다운받아서 활용하시면, 테스트 해보세요~!

색깔별 썸네일 이미지도 조만간 추가해볼께용

으흐흐흐흐흐흐

 

혹시 원하시는 색이 있으면 알려주세용. 

ㅋㄷㅋㄷ

 

 

그럼 전 이만 휘리릭~!