🖼️HTML을 PNG 이미지로

HTML과 CSS 코드를 입력하면 그대로 렌더링한 결과를 PNG 이미지로 다운로드합니다. 데모/포트폴리오 미리보기, 디자인 시안 캡처, 이메일 템플릿 확인, 위젯 디자인 출력에 적합. html2canvas 기반.

🔒 브라우저에서 처리✓ 워터마크 없음✓ 가입 불필요

사용 방법

어떤 CSS가 지원되나요?+

대부분의 표준 CSS. 다만 일부 최신 기능(backdrop-filter 등)이나 외부 폰트는 제한적입니다.

외부 이미지도 됩니까?+

CORS 허용된 이미지만 가능. 일반 외부 이미지는 보안상 차단될 수 있습니다. Base64 인라인 이미지가 안전합니다.

JavaScript는 실행되나요?+

안전상 JavaScript는 실행하지 않습니다. 순수 HTML+CSS 렌더링만 지원.

[코드 → 이미지]와 차이?+

[코드 → 이미지]는 코드를 표시한 스크린샷(신택스 하이라이팅). 이 도구는 HTML/CSS을 실제로 렌더링해 결과를 이미지로 만듭니다.

큰 페이지도 됩니까?+

너비를 지정하면 길이는 자동 조절됩니다. 다만 너무 크면 메모리 부족이 발생할 수 있습니다.