HTML을 이미지로 변환

코드를 긁어오는 것이 아니라 살아있는 페이지의 스냅샷

Pico Image의 HTML을 이미지로 도구는 붙여넣은 HTML 마크업이나 CSS를 사진으로 바꾸는 것이 아닙니다 — URL을 받아 실제 브라우저처럼 진짜 렌더링 엔진에서 그 주소를 연 뒤, 페이지의 레이아웃, 웹 글꼴, 이미지가 로드를 마칠 때까지 기다렸다가 바로 그 순간 화면에 있는 것을 정확히 캡처합니다. 원본 소스 코드에 관한 것은 아무것도 보존되지 않습니다 — 선택 가능한 요소도, 링크도, 나중에 복사할 텍스트도 없이 완성된 시각적 결과물만 남습니다. 출력 형식에서 JPG를 선택하면 캡처된 프레임을 휴대폰 카메라가 만드는 것과 같은 종류의 표준 압축 사진으로 래스터화합니다. SVG를 선택하면 같은 렌더링된 캡처를 벡터 컨테이너로 감싸는데, 파일이 디자인 도구 안에 들어가거나 눈에 보이는 품질 저하 없이 다른 크기로 조정되어야 할 때 유용하지만, 그 SVG 안의 내용은 여전히 렌더링된 페이지일 뿐, 경로 단위로 선택하고 편집할 수 있는 별도의 벡터 도형 집합은 아닙니다. 캡처된 이미지의 해상도는 사용자 자신의 화면이 아니라 렌더링 뷰포트를 따르므로, 어떤 기기나 창 크기로 캡처하든 반복 가능한 결과가 일관되게 나옵니다 — 우연히 열려 있던 모니터에 좌우되지 않습니다. 전체 과정이 페이지가 실제로 렌더링을 마치는 데 달려 있으므로 실질적인 한계도 있습니다. 로그인이 필요한 페이지는 익명 방문자로 로드되어 그 방문자가 보게 될 화면 — 대개 로그인 폼 — 을 보여줍니다. 페이월이 있는 기사는 페이월을 보여줍니다. X-Frame-Options 같은 응답 헤더나 엄격한 frame-ancestors 정책, 또는 헤드리스 브라우저를 겨냥한 봇 탐지를 통해 임베드되거나 자동화되는 것을 명시적으로 막도록 설정된 사이트는 실제 내용 대신 오류나 의도적으로 깨진 레이아웃을 반환하는 경우가 많습니다. 캡처는 또한 여러 화면 크기가 아니라 단일 뷰포트 너비와 페이지의 전체 스크롤 높이를 반영하며, 스크롤이나 클릭을 시뮬레이션하지 않으므로 사용자 상호작용 후에만 나타나는 콘텐츠 — 펼침 섹션, 하단 근처의 지연 로딩 이미지, 캐러셀의 이후 슬라이드 — 는 없거나 렌더링이 끝난 순간의 상태 그대로 보일 수 있습니다.