클릭 한 번으로 웹페이지를 PNG로 캡처 — 웹을 이미지로 (전체 페이지, 고해상도)
모든 웹페이지를 고해상도 PNG(시각적 충실도 및 긴 페이지 스티칭)로 캡처합니다. 공유 및 보관에 이상적입니다.
지금 사용기능 — 웹을 이미지로 / PNG로 저장
- 전체 페이지 캡처: `html2canvas`를 사용하여 전체 HTML 문서를 캡처하고 모달 및 오버레이를 처리하여 깔끔한 출력을 제공합니다.
- 고해상도 내보내기: `scale: window.devicePixelRatio` 이상을 설정하여 인쇄 및 표시에 적합한 고해상도 이미지를 생성합니다.
- 개인 정보 보호 및 로컬 처리: 모든 캡처 및 이미지 생성은 브라우저에서 로컬로 이루어집니다. 외부 서비스에 데이터가 업로드되지 않습니다.
검색 및 선택 가능한 텍스트가 필요하십니까? 웹을 PDF로 변환기를 사용하세요.
이 도구에 대하여 (작동 방식 및 EEAT)
구현 및 유지 관리: 이 도구는 TableCopy 팀에서 유지 관리합니다. 핵심 캡처 로직은 널리 사용되는 `html2canvas` 라이브러리를 사용하며, 실패 프롬프트 및 대체 메커니즘을 통해 견고성을 더했습니다.
기술적 세부 정보: 스크립트는 자체 캡처를 피하기 위해 자체 모달을 일시적으로 숨기고, 교차 출처 이미지 리소스의 렌더링 성공률을 높이기 위해 `useCORS`를 사용합니다. 이미지는 브라우저 다운로드를 트리거하기 위해 dataURL을 통해 내보내집니다.
신뢰성 및 감사 가능성: 이 프로젝트는 정적 코드 저장소입니다. 모든 로직은 `tools/tablecopy/`에서 검토할 수 있습니다. 타사 종속성은 CDN에서 로드됩니다. 오프라인 배포의 경우 스크립트를 번들로 묶어 신뢰할 수 있는 소스에서 호스팅할 수 있습니다.
자주 묻는 질문(FAQ)
캡처에 원치 않는 팝업이나 도구 모음이 포함된 경우 어떻게 합니까?
스크립트는 자체 UI를 숨기려고 시도합니다. 채팅 위젯이나 쿠키 배너와 같은 타사 요소의 경우 캡처하기 전에 수동으로 닫거나 브라우저 개발자 도구를 사용하여 숨기십시오.
내보낸 이미지에 일부 이미지나 리소스가 누락된 이유는 무엇입니까?
리소스가 타사 도메인에서 온 것이고 적절한 CORS 헤더가 없는 경우 브라우저는 캔버스에 그리는 것을 차단하여 내보낸 이미지에서 누락되게 합니다. 해결책으로는 리소스를 로드할 수 있도록 시크릿/새 탭에서 페이지를 열거나, 주요 이미지를 먼저 로컬에 저장한 다음 스크린샷을 합성하는 것이 있습니다.
더 높은 해상도나 더 작은 파일 크기를 얻으려면 어떻게 해야 합니까?
해상도를 높이려면 `scale` 매개변수를 조정하십시오(예: `window.devicePixelRatio * 2`). 이렇게 하면 픽셀 밀도가 높아지지만 메모리 사용량과 처리 시간도 크게 증가합니다. 파일 크기를 줄이려면 내보낸 후 이미지 압축 도구(예: TinyPNG)를 사용하거나 캔버스에서 내보내기 전에 품질 매개변수를 낮추십시오(JPEG의 경우).
긴 페이지를 처리할 때 메모리 충돌을 피하는 방법은 무엇입니까?
큰 페이지를 캡처하면 많은 메모리를 소비할 수 있습니다. 섹션별로 캡처하거나(여러 이미지로 분할) `scale`을 줄인 다음 이미지를 로컬에서 병합하는 것이 좋습니다. 또 다른 전략은 서버 측 렌더링/캡처이지만 개인 정보 보호 위험이 따릅니다.
피드백을 제공하거나 개선에 기여하려면 어떻게 해야 합니까?
GitHub 저장소(경로: `tools/tablecopy/`)에 이슈 또는 PR을 제출해 주시기 바랍니다. 문제를 찾고 회귀 테스트를 수행하는 데 도움이 되도록 재현 가능한 예제 페이지 또는 화면 녹화를 제공해 주십시오.
검색 가능한 텍스트나 더 나은 인쇄 품질이 필요하십니까? 웹을 PDF로로 이동하거나 홈페이지로 돌아가십시오.
3초 설치, 영원히 사용
버튼을 길게 누르세요
녹색 'Web Converter' 버튼을 길게 클릭하세요.
완료! 클릭하여 사용
캡처하려는 모든 페이지에서 이 북마크를 클릭하여 시작하세요!