Web Design Study

[카드뉴스] 플랫폼 카드뉴스 사이즈 권장 크기 (인스타그램, x, 페이스북) / 26년도 2월 기준

플랫폼 카드뉴스 사이즈 권장 크기 (인스타그램, x, 페이스북)

2026년 2월 5일 기준으로 각 플랫폼의 섬네일에 맞는 카드뉴스 사이즈를 정리해보려고 한다.
최근에는 인스타그램의 썸네일 이미지 사이즈도 변경했다는 소식이 있기에,
작업을 하려면 한번 정리해봐야 할 것 같다.


※ 기본적으로 카드 뉴스들은 sns에서 보는 용도로 CMYK로 인쇄 하지 않으니
RGB로 제작하는 게 좋다.

또한 해상도도 인쇄용보다는 웹 기준인 72dpi가 적당하다.

1. 인스타그램

참고한 홈페이지들 :

https://www.instagram.com/p/DUUr-6Aj-Ba/: [카드뉴스] 플랫폼 카드뉴스 사이즈 권장 크기 (인스타그램, x, 페이스북) / 26년도 2월 기준 https://blog.highoutputclub.com/2024-insta-size-guide/: [카드뉴스] 플랫폼 카드뉴스 사이즈 권장 크기 (인스타그램, x, 페이스북) / 26년도 2월 기준

인스타그램의 경우, 원래는 1:1 사이즈로 피드의 썸네일을 주로 지원해주었다
그런데 25년도에 4:5사이즈도 지원하고…
26년도에 미세하게 또 조절하여 1080px * 1350px로 썸네일 비율을 조절하기 시작했다
프로필에 나타나게 끔 썸네일 조절하기 참 힘들다…

기본적으로 4:5비율로 1080px * 1350px이 있다.
위아래로 135px정도 여백은 남겨두 되
1080px * 1080px 안에 맞춰 내용을 적어두는 게 제일 안전하다.
1 대 1은 1080px * 1080px 으로 적용된다.

릴스의 경우 1980px * 1080px의 그대로지만
썸네일 에서는 위의 1080px * 1350px 요소로만 미리보기로 나오니
중요한 내용은 저 안에 전부 밀어 넣는게 좋다.
아래 부분의 프로필 / 오른쪽 하단의 마음, 재게시 / 위의 상단바가 있으니
그쪽도 충분히 여유를 주고 작업해야함!


2. 페이스북

https://ko-kr.facebook.com/business/help/469767027114079?id=271710926837064: [카드뉴스] 플랫폼 카드뉴스 사이즈 권장 크기 (인스타그램, x, 페이스북) / 26년도 2월 기준


페이스북은 공식 홈페이지(메타)에 올려져있어 캡쳐해왔다.


3. x (트위터)

x(트위터)는 공식 문의 홈페이지에 적혀있어 가져왔다.

https://help.x.com/ko/managing-your-account/common-issues-when-uploading-profile-photo: [카드뉴스] 플랫폼 카드뉴스 사이즈 권장 크기 (인스타그램, x, 페이스북) / 26년도 2월 기준

헤더(프로필의 배경 긴 그림)은 1500px * 500px이고,
프로필 권장 크기는 400px * 400px이다.
프로필의 경우 최신의 x에는 동그랗게 나오니 참고.

트위터의 게시글에는 한번에 총 4개의 사진을 올릴수 있는데, 사진의 갯수에 따라 섬네일의 이미지가 잘려지는게 달라진다.

사진이 1개인 경우는 1개로 잘나오고, 2개인 경우는 두개의 사진이 절반으로 나뉘어져 썸네일로 나온다.
그리고 특이한것이 3개의 사진인데, 왼쪽의 사진은 세로로 길쭉하게 썸네일이 남아있지만
오른쪽의 썸네일이 상 하 두개로 갈라져 1 : 2의 썸네일이 된다..

도당체 어떻게 된 썸네일인지 참 헷갈림
4개 사진의 썸네일은 각각 4개의 썸네일로 차곡차곡 쌓여있다.

https://lundar-lab.tistory.com/50: [카드뉴스] 플랫폼 카드뉴스 사이즈 권장 크기 (인스타그램, x, 페이스북) / 26년도 2월 기준

이 블로그의 내용을 참고했다.


나중에 다른 플랫폼이 업데이트 된다면 차근차근 해당 게시글들을 수정해보면서 비교해봐야겠다.

latisi

Share
Published by
latisi

Recent Posts

[일러스트레이터] 어도비 일러스트레이터 기본화면 설명

어도비 일러스트레이터 기본화면 ※ 일러스트는 웹 말고도 주로 출력물로도 많이 사용하기에 내가 작업해야 하는 게…

2일 ago

[포토샵] 필터 갤러리에서 텍스처를 불러와 효과로 적용하는 방법

필터 갤러리에서 텍스처를 불러와 효과로 적용하는 방법 https://latisi-workpage.com/%ed%8f%ac%ed%86%a0%ec%83%b5-%eb%8b%a4%ec%96%91%ed%95%9c-%ec%a7%88%ea%b0%90%ea%b3%bc-%ed%85%8d%ec%8a%a4%ec%b2%98%eb%93%a4%ec%9d%84-%eb%a7%8c%eb%93%9c%eb%8a%94-%ec%95%a1%ec%85%98-%ec%82%ac%ec%9a%a9/ 딱히 쓸만한 텍스처가 없다면 위의 링크를 필독해보자…

3주 ago

[포토샵] 다양한 질감과 텍스처들을 만드는 액션 사용해보기

다양한 질감과 텍스처들을 만드는 액션 사용해보기 이번 게시글에서는 다양한 질감과 텍스처를 만들 수 있는 액션속성을…

3주 ago

[포토샵] 하프톤, 경로흐림, 방사형 흐림 등 필터 효과 정리

하프톤, 경로흐림, 방사형 흐림 등 필터 효과 정리 이번에는 필터 효과 정리에 관한 게시글이다. [포토샵]…

3주 ago

[포토샵] 포토샵으로 영상을 가져와 움짤(gif)로 만들어보기

포토샵으로 영상을 가져와 gif로 움짤 만들어보기 먼저 포토샵에서 영상부터 가져오자. 파일(F) - 가져오기(M) - 비디오…

1개월 ago

[포토샵] 선택영역으로 세밀한 누끼 따보기 (선택 및 마스크)

선택영역으로 세밀한 누끼 따보기 이번에는 선택영역으로 세밀한 누끼를 따보는선택 및 마스크 (select and mask) 를…

1개월 ago

This website uses cookies.