Dev

카카오톡 링크, 네이버 링크 이미지(썸네일) 사이즈 등록하기

양지기 2024. 5. 8. 18:00

 

티스토리나 네이버 블로그 그외 기타 블로그 사이트들에서 포스트 글을 작성하다 보면

참고 사이트나 연결할 사이트 링크를 걸게 된다.

이런 블로그에 글을 링크를 걸게 되면 하이퍼링크이미지 또는 썸네일이미지가 보이는데 그냥 링크가 보이는것 보다 클릭하기도 편하고 디자인  UI/UX상으로도 접근하기가 쉽다.

그럼 한번 실전 내용을 보자

(하이버링크이미지 또는 썸네일이미지 라고 부르기가 길어 그냥 썸네일이미지라고 통일해서 쓰겠다.)

 

예를 들어 네이버 블로그와 티스토리 글에 티스토리 주소를 걸어보자

Tistory Link Thumnail Image

 

 

Tistory

좀 아는 블로거들의 유용한 이야기

www.tistory.com

 

 

첫번째는 네이버 블로그나,카카오톡에서 링크를 입력했을때 보여지는 썸네일이미지이다.

그냥 링크 글자는 딱딱해 보이며 클릭하는 영역이 좁아 클릭하기 힘드나

썸네일이미지 디자인을 이쁘게하면 클릭하기도 쉽울뿐더러 사용자들이 링크 클릭하는데 호기심을 자극할 수 있다.

 

그럼 나도 썸네일을 한번 만들어보자

 

만들기전에 알아가야할 부분

각 사이트마다 썸네일이미지 크기나 비율이 다르다

가로 & 세로 비율
400 x 400 & 800 x 800 기타 등등.. 1:1 & 2:1 & 1:1.91 기타 등등..

 

뭐 대충 이런식으로 있는데.이런 이미지를 언제 각각 맞춰서 만들어 등록하나 하나만 잘 만들어서 모든 사이트에 잘나오게 이미지를 만들어보자

 

일단 사이즈는 제일 큰 800x800으로 하고 비율은 1:1로 하고

가운데에 로고를 넣던 원하는 이미지를 넣어보자다만 상하좌우는 여백 공간을 남겨 놓자

 

 

 

해당 이미지 처럼 만들게 되면

1:1 비율인 사이트는 원본 그대로 나올것이고

그 비율인 사이트는 빨간색 라인 위아래로는 이미지가 잘려 버린다

만약 로고가 빨간색 라인을 넘어가면 로고 이미지가 짤려 보여서 안이뻐보인다는 이야기

 

1. 그냥 썸네일 없이 텍스트

2. 이미지를 넣었으나 사이즈가 안맞아 위 아래 짤림

3. 상하좌우 조정

 

그럼 이쁜 썸네일 만드시길..

 

 


카카오톡 링크 이미지, 카카오톡 링크 이미지 바꾸기, 카카오톡 링크 이미지 등록, 카카오톡 링크 이미지 올리는법

링크 이미지 등록하는법,