HTML을 이미지로

웹페이지를 이미지로 바꿔야 할 때

스크린샷은 한 순간의 페이지 모습을 그대로 보존해 주기 때문에 단순 공유 이상으로 유용해요. 지원팀은 전체 페이지 캡처를 버그 리포트에 첨부해 개발자가 깨진 레이아웃을 그대로 확인할 수 있게 하고, 작가는 페이지를 직접 만들지 않고도 렌더링된 조각을 문서나 튜토리얼에 삽입해요. 마케터는 디자인 검토와 전후 비교를 위해 랜딩 페이지를 보관하고, 연구자는 바뀌거나 사라질 수 있는 글을 저장해 둬요. 뷰포트 너비를 직접 조절할 수 있어서 숫자 하나만 바꾸면 같은 URL을 데스크톱, 태블릿, 모바일 레이아웃으로 각각 캡처할 수 있어요.

PNG, JPG, PDF - 어떤 걸 선택해야 할까요?

선명한 텍스트나 UI 요소, 단색이 많은 페이지에는 PNG를 선택하세요. 무손실 방식이라 가장자리가 또렷하게 유지돼요. 사진이 많은 페이지에서 픽셀 단위의 텍스트 품질보다 작은 용량이 중요하다면 JPG를 선택하세요. 길고 인쇄 가능한 스크롤 문서가 필요하다면 PDF를 선택하세요. 어떤 형식을 고르든 실제 헤드리스 브라우저 엔진이 서버에서 페이지를 렌더링하므로 CSS, 웹 폰트, 레이아웃이 방문자가 보는 그대로 캡처돼요.