HTML → 이미지(PNG) 캡처
HTML·CSS로 만든 요소를 그대로 PNG 이미지로 저장합니다. 카드·배지·인용구 이미지화에 좋아요.
<div style="padding:28px 32px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;border-radius:18px;font-family:sans-serif;max-width:360px;"> <div style="font-size:13px;opacity:.85;">오늘의 한마디</div> <div style="font-size:22px;font-weight:800;margin-top:8px;line-height:1.4;">작은 습관이 큰 변화를 만든다.</div> </div>
미리보기
⬇️ PNG 저장
배율
1
2
3
오픈소스
dom-to-image-more
(MIT,
1904labs/dom-to-image-more
)를 자체 호스팅합니다. 외부 이미지·폰트는 보안상 포함되지 않을 수 있습니다. 모든 처리는 브라우저에서만 이루어집니다.