이 블로그는 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받을 수 있습니다.
📰 카드뉴스카드뉴스예시로 배우는 사이즈·제작 완벽 가이드
카드뉴스예시를 찾아보다 막막했던 적 있으신가요? 레퍼런스는 많은데 정작 "내 것을 어떻게 만드느냐"는 두리뭉실하게 설명돼 있고, 툴 하나 쓰려면 회원가입에 유료 결제까지 요구합니다. 이 글에서는 실제 카드뉴스예시를 통해 플랫폼별 사이즈 규격을 정리하고, 코딩 없이 HTML 파일 하나로 PNG를 자동 변환하는 방법까지 알려드립니다.
카드뉴스란 무엇인가
카드뉴스는 정보를 슬라이드 형식으로 쪼개어 이미지 여러 장으로 전달하는 콘텐츠 형식입니다. SNS 피드에서 스크롤을 멈추게 만드는 시각적 힘이 강하고, 캡션 없이도 한 장 한 장이 독립된 메시지를 전달합니다. 인스타그램 릴스나 숏폼이 늘어나는 지금도 카드뉴스는 정보 전달과 아카이브 목적으로 꾸준히 활용됩니다.
플랫폼별 카드뉴스예시와 권장 사이즈 비교
카드뉴스예시를 보면 플랫폼마다 비율이 다릅니다. 잘못된 사이즈로 제작하면 중요한 텍스트가 잘리거나 해상도가 뭉개져 보입니다.
정사각형(1:1)이 가장 무난하지만, 인스타그램 피드에서는 세로형(4:5)이 화면을 더 많이 차지해 주목도가 높습니다. 카드뉴스예시를 많이 수집해봐도 결국 "플랫폼 하나를 정하고 그 비율에 최적화"하는 방식이 퀄리티를 높이는 지름길입니다.
한 가지 문제가 있습니다. 사이즈를 알아도 막상 제작 도구를 열면 무료 버전에는 워터마크가 붙거나, 이미지 장수 제한이 걸립니다. 템플릿 디자인도 매번 손봐야 하고, 내보내기 할 때마다 로그인을 요구합니다.
카드뉴스예시로 본 핵심 구성 요소
좋은 카드뉴스예시에는 공통된 구조가 있습니다.
카드뉴스는 크게 세 파트로 구성됩니다. 첫 장(표지)은 스크롤을 멈추게 하는 훅 역할을 해야 합니다. 중간 본문 슬라이드는 정보를 하나씩 풀어내고, 마지막 슬라이드는 행동 유도(CTA)로 마무리합니다. 카드뉴스예시를 보면 대부분 5~8장 안에 이 구조를 담습니다.
카드뉴스 제작 방법 3가지 비교
파워포인트나 캔바는 템플릿이 있어서 시작하기 쉽지만, 여러 장을 PNG로 저장할 때마다 수동으로 하나씩 내보내야 합니다. 파일 번호를 일일이 붙이다 보면 순서가 뒤바뀌기 일쑤이고, 수정이 생기면 처음부터 다시 내보내야 합니다.
HTML 한 장으로 카드뉴스 자동 변환하는 법
HTML 파일로 카드뉴스를 만들면 이런 반복 작업을 한 번에 끝낼 수 있습니다. CSS로 슬라이드 크기를 픽셀 단위로 정확하게 설정하고, 페이지 구조를 자동 감지해 PNG 여러 장으로 변환해줍니다. 그리고 이 모든 과정을 가입·설치 없이 브라우저에서 바로 처리할 수 있는 도구가 있습니다.
카드뉴스 변환기(cardnews-down)는 HTML 파일을 업로드하면 페이지 구성을 자동으로 감지해 각 페이지를 PNG 이미지로 변환합니다. 장수는 고정값이 아니라 입력 HTML 구조에 따라 자동으로 정해지고, 변환된 이미지를 연속으로 이어붙여 영상으로도 자동 변환할 수 있습니다. 로그인 없이 무료로 지금 바로 사용할 수 있습니다.
자주 묻는 질문 (FAQ)
Q. 카드뉴스예시처럼 만들려면 디자인 툴이 꼭 필요한가요?
A. 아닙니다. HTML과 CSS로 슬라이드 레이아웃을 구성하면 됩니다. 카드뉴스 변환기에 파일을 올리면 PNG로 자동 변환되므로, 별도 디자인 툴 없이도 카드뉴스 변환기에서 가입 없이 바로 결과물을 받을 수 있습니다.
Q. 인스타그램 카드뉴스 사이즈는 몇 픽셀로 맞춰야 하나요?
A. 정사각형은 1080×1080px, 세로형은 1080×1350px가 표준입니다. HTML에서 width: 1080px; height: 1080px;로 슬라이드 크기를 고정하면 변환기가 그 크기 그대로 PNG를 출력합니다.
Q. 카드뉴스 몇 장이 적당한가요?
A. 일반적으로 5~10장이 적당합니다. 첫 장(표지)과 마지막 장(CTA)을 제외하면 본문 3~8장으로 구성합니다. 10장을 넘어가면 이탈률이 높아지므로 정보를 꼭 필요한 것만 추려서 담는 것이 좋습니다.