디스플레이 테스트 카드 생성기 | 1080p, 4K 및 사용자 지정 카드

카드 설정

해상도 프리셋

출력 너비(px)

출력 높이(px)

내보내기 형식

카드가 준비되었습니다. 설정을 조정하거나 바로 내보내세요.

배경색

카드 레이블

테스트 레이어

테두리 너비

격자 간격

안전 영역 비율(%)

미리보기 및 출력

출력 요약내보낼 준비됨

카드 크기1920 × 108016:9 · PNG

전체 픽셀: 2,073,600
예상 RGBA 메모리: 7.9 MB
활성 레이어: 8
파일 이름: display-test-card-1920x1080.png

현재 레이어

픽셀 테두리
격자
기하학적 원
중앙 십자선
안전 영역
표준 컬러 바
그레이스케일 띠
모서리 표시

미리보기는 크기가 조정된 Canvas를 사용하며, 다운로드는 목표 픽셀 크기 또는 SVG viewBox를 사용합니다.

고정 픽셀 카드와 확장 카드 선택

PNG: 1:1 픽셀 확인용

PNG는 고정 크기이므로 확대하지 않는 화면에서 잘림, 격자, 원의 변형, 픽셀 매핑을 확인하기 좋습니다.

SVG: 여러 크기와 벡터 출력용

SVG는 하나의 viewBox에 레이어를 보존하고 손실 없이 확대합니다. 화면에서 확대되면 1px 선이 재샘플링될 수 있어 엄격한 픽셀 증거로는 적합하지 않습니다.

자세히 보기

카드 생성과 사용

목표 해상도를 고른 다음 격자, 원, 중앙 십자선, 안전 영역, 컬러 바, 그레이스케일을 조합하세요. 1:1 확인에는 PNG를 다운로드하고 플레이어의 확대, 오버스캔, 화면 보정을 끄세요. 인쇄나 여러 크기에는 SVG를 사용하세요.

생성 방식과 크기 계산

미리보기는 사용 가능한 공간에 맞춰 그리며 내보낼 때 목표 크기를 만듭니다. 안전 영역은 선택한 비율과 동일한 사방 여백을 사용하고, 원은 짧은 변을 기준으로 그려 기하학적 늘어남을 확인합니다.

성능과 범위

브라우저마다 만들 수 있는 Canvas 크기가 다릅니다. 8K PNG는 추가 캐시를 제외하고 약 126.6MB의 원시 RGBA 메모리가 필요할 수 있습니다. 실패하면 SVG를 쓰거나 크기와 레이어를 줄이세요.

PNG와 SVG 중 무엇을 선택하나요?

픽셀 매핑, 잘림, 1픽셀 확인에는 PNG를, 손실 없는 확대·인쇄·다중 크기에는 SVG를 사용하세요. 확대된 SVG는 원본 픽셀을 나타내지 않습니다.

4K나 8K 카드 내보내기가 실패하면 어떻게 하나요?

SVG를 시도하고 불필요한 레이어를 제거하거나 격자 밀도를 낮추고 다른 메모리 사용 페이지를 닫거나 크기를 줄이세요.

TV에서 원이 타원으로 보이는 이유는 무엇인가요?

입력, 플레이어 또는 TV가 비균일 확대를 적용했을 가능성이 큽니다. 해상도와 화면 모드를 맞추고 늘이기, 확대, 오버스캔을 끄세요.

안전 영역은 몇 퍼센트가 적당한가요?

90%는 일반적인 시각 기준입니다. 방송, 스트리밍, 자막, 플랫폼에 따라 다른 여백이 필요할 수 있습니다.

개인정보, 구현, 출처

미리보기와 내보내기는 이 브라우저에서 로컬로 처리합니다. 설정과 파일을 업로드하지 않으며 외부 런타임 API를 호출하지 않습니다.

네이티브 HTML, CSS, JavaScript로 구현했으며 제3자 런타임 라이브러리를 사용하지 않습니다.