웹 캡처 및 변환 도구
GrabzIt의 온라인 커뮤니티

이미지 확대는 어떻게 작동합니까?

대부분의 경우, 내가 찍으려는 스크린 샷은 브라우저에서 축소되지만 더 크게 내보내고 싶습니다. bheight 및 bwidth 값을 사용하여 웹 페이지에있는 요소의 높이와 너비를 나타내는 다음 원하는 너비와 높이 값을 전달합니다 (종횡비가 동일 함). 경우에 따라 높이가 bheight보다 2-4 배 더 커서 이미지가 매우 흐려지기 시작합니다.

캡처하려는 div 내부의 모든 요소는 크기의 100 %보다 크게 확대되지 않습니다. 예를 들어 div의 너비는 300px 일 수 있으며 900px 너비로 내보내고 싶습니다. 해당 div 내의 모든 이미지는 300px보다 크지 않지만 실제 너비는 1000px입니다. 이미지의 너비가 1000px 인 경우 900px 너비의 문제는 없지만 300x로 확대 된 3px 너비의 이미지처럼 흐릿하게 보입니다.

또한 해당 이미지의 텍스트가 흐릿합니다.

몇 가지 질문 :

-내가 뭘 잘못하고 있니?

-Grabzit은 어떻게 확장됩니까? 300px 너비의 스크린 샷 (위의 예에서)을 캡처 한 다음 확대합니까? 또는 HTML에서 요소를 먼저 스케일링 한 다음 스크린 샷을 반환합니까?

-HTML을 변환하여 원하는 높이와 너비 값을 원하는 배율로 늘리는 유일한 방법입니까?

DataURI와 함께 ConvertHTML 메서드를 사용하고 있습니다

감사.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 요청

사용에 관한 정보 HD 이미지는 여기에서 찾을 수 있습니다.

hd 매개 변수와 -1 너비를 사용해야하며 이미지 크기의 두 배가됩니다.

너비를 사용하여 정확한 크기를 설정하지 않는 것이 좋습니다. 또한 높이를 설정하면 이미지가 확대 된 다음 높이를 현명하게하여 이미지를 흐리게합니다.

HD 이미지는 브라우저 창을 확대하고 스크린 샷을 만들어 작동합니다.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

감사. 문제는 HD가 2X로만 확장되며 때로는 그 이상이 필요하다는 것입니다. 스케일을 설정하는 HD와 같은 설정을 수행하는 방법이 있습니까? 그렇지 않다면 내가하려는 일을 달성하는 다른 방법이 있습니까?

지금 당장 내가 원하는 것을 달성하는 유일한 방법은 HTML을 캡처 한 다음 javascript를 사용하여 높이와 너비의 모든 인라인 스타일을 조정하고 원하는 스케일의 높이와 너비로 대체하는 것입니다.

감사

답변 : Corey Alderin, 24 년 2019 월 XNUMX 일

너비를 사용하여 자체 확대 / 축소를 설정할 수 있지만 이미지 크기가 조정되지 않도록 높이를 -1로 설정해야합니다.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

그러나 높이를 조정하고 싶습니다. 따라서 화면에 300x300 이미지가 있지만 900x900로 내보내려면 높이를 -1로 설정하면 900x300 이미지가 생성됩니다.

답변 : Corey Alderin, 24 년 2019 월 XNUMX 일

예, 높이 설정과 관련하여 정확합니다.

너비를 설정하여 확대 / 축소하는 것처럼 보입니다. 이 문제를 해결하기 위해 사례를 제기했습니다.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

알겠습니다. 감사합니다. 이런 종류의 것들이 얼마나 오래 걸리는지 아십니까? 타임 라인을 제공하기는 어렵지만 타이밍 감각이 도움이 될 것입니다.

답변 : Corey Alderin, 24 년 2019 월 XNUMX 일

잘만되면 다음 날 안에.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

고마워요.

답변 : Corey Alderin, 24 년 2019 월 XNUMX 일

이제 문제가 해결되었습니다.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

이렇게 빨리 작업 해 주셔서 감사합니다. 이것이 바로 내 끝에서 볼 수 있습니까 아니면 시간이 걸릴까요? 내가 묻는 이유는 방금 테스트했기 때문에 동일하게 보입니다.

다시 한번 감사합니다

답변 : Corey Alderin, 24 년 2019 월 XNUMX 일

방금 시도한 결과 너비가 브라우저 너비보다 클 때 작동합니다.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

아마도 내가 고쳐진 것을 오해하고있을 것입니다. 동일한 div를 테스트하지만 브라우저 크기가 다릅니다. 브라우저가 작을수록 최종 이미지는 동일하지만 더 흐릿합니다.

즉, 1000px x 1000px가 될 최종 이미지가 있습니다. 브라우저의 div가 800x800, 600x600, 400x400 등일 때 테스트했으며 너비 / 높이가 작을수록 (또는 최종 너비 / 높이까지의 스케일이 클수록) 최종 이미지가 더 흐려집니다.

너비 / 높이가 800x800 일 때 이미지가 멋지게 보이면 이미지가 400x400 일 때 같지 않아야합니까?

감사

답변 : Corey Alderin, 24 년 2019 월 XNUMX 일

HD는 이미지 크기를 두 배로 늘리므로 최상의 결과를 얻을 수 있으므로 권장됩니다.

수정은 너비가 브라우저 너비보다 큰 경우 실제로 확대 / 축소가 수행됨을 의미합니다.

너비와 높이를 사용하는 경우 브라우저 크기와 관련하여 너비와 높이를 두 배 또는 세 배로 늘려야 최상의 결과를 얻을 수 있습니다. 불행히도 줌은 백분율이 아닌 레벨에서 작동하기 때문입니다. 따라서 너비 차이로 계산 된 백분율 확대 / 축소는 크기의 단순한 요소가 아닌 경우 정확하지 않을 수있는 수준으로 변환해야합니다.

24 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함

어떤 경우에는 2X 크기가 아닌 정확한 치수가 필요하기 때문에 HD는 내가 사용할 수있는 것이 아닙니다. 그리고 어떤 경우에는 2X 이상이 필요합니다.

내가 무슨 말을하는지 이해하도록하겠습니다. 200x200 인 HTML이 있고 최종 크기를 900x900로 설정한다고 가정 해 보겠습니다. 4.5 x 크기입니다. 최상의 결과를 제공하는 800x800 또는 1000x1000 (4X 또는 5x 크기)로만 생성되지만 .5x 차이는 흐릿함을 유발하는 것입니까?

이것이 올바른 경우 가장 좋은 해결책은 HTML을 보내기 전에 조작하는 것입니까? 기본적으로 올바른 크기의 HTML을 작성해야하며 줌이 필요하지 않습니까?

감사

답변 : Corey Alderin, 24 년 2019 월 XNUMX 일

예, 줌이 증가함에 따라 레벨이 커짐에 따라 거의 그렇습니다.

따라서 x2, x3 또는 x4가 아닌 확대 / 축소는 치수가 꺼질 때 부정확합니다. 또한 10 배의 확대 / 축소 수준 만 있으므로 최대 X5와 같습니다.

25 년 2019 월 XNUMX 일 GrabzIt Support에서 답변 함