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

이미지 확대는 어떻게 작동하나요?

웹 페이지 또는 HTML을 캡처하거나 변환하는 방법에 대한 질문 into 이미지, CSV, PDF 또는 DOCX 문서 및 비디오 변환 방법 into 애니메이션 GIF는 API를 사용합니다.

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

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

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

몇 가지 질문 :

  -내가 뭘 잘못하고 있니?

  - Grabzit은 어떻게 규모를 확장하나요? 위의 예에서 300px 너비로 스크린샷을 찍은 다음 크기를 확대합니까? 아니면 먼저 HTML에서 내 요소의 크기를 조정한 다음 스크린샷을 반환합니까?

  - HTML을 변환하여 모든 높이와 너비 값이 원하는 배율만큼 증가하도록 하는 유일한 방법입니까?

 

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

 

감사.

24년 2019월 XNUMX일 GrabzIt 지원팀에서 질문함

이용안내 HD 이미지는 여기에서 찾을 수 있습니다.

hd 매개변수와 -1 너비 및 높이를 사용해야 합니다. 이렇게 하면 이미지 크기가 두 배가 됩니다.

너비를 사용하여 정확한 크기를 설정하는 것은 권장되지 않습니다. 추가로 높이를 설정하면 이미지가 확대되고 높이가 조정되어 이미지가 흐려집니다.

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

24년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

감사해요. 문제는 HD가 2배만 확장되고 때로는 그 이상이 필요하다는 것입니다. HD처럼 스케일을 설정하는 방법이 있나요? 그렇지 않다면 내가 하려는 일을 달성할 수 있는 다른 방법이 있습니까?

현재로서는 내가 원하는 것을 달성할 수 있는 유일한 방법은 HTML을 캡처한 다음 자바스크립트를 사용하여 높이와 너비의 모든 인라인 스타일을 조정하고 원하는 크기의 높이와 너비로 바꾸는 것인 것 같습니다.

감사

24년 2019월 XNUMX일 Corey Alderin이 답변함

좋아, 너비를 사용하여 자신만의 확대/축소를 설정할 수 있지만 이미지의 길이가 조정되는 것을 방지하려면 높이를 -1로 설정해야 합니다.

24년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

하지만 높이도 조정하고 싶습니다. 따라서 화면에 300x300인 이미지가 있는데 900x900으로 내보내려는 경우 높이를 -1로 설정하면 900x300 이미지가 됩니다. 

24년 2019월 XNUMX일 Corey Alderin이 답변함

네, 죄송합니다. 높이 설정이 정확합니다.

현재 너비 설정을 통한 확대/축소 기능이 손상된 것 같습니다. 이 문제를 해결하기 위해 사례를 제기했습니다.

24년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

알겠습니다. 알려주셔서 감사합니다. 이러한 유형의 작업에 시간이 얼마나 걸리는지 아시나요? 타임라인을 제시하기 어렵다는 것을 알고 있지만 타이밍에 대한 감각이 있으면 도움이 될 것입니다.  

24년 2019월 XNUMX일 Corey Alderin이 답변함

아마도 다음 날 정도가 될 것입니다.

24년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

정말 좋을 것 같아요. 감사합니다. 

24년 2019월 XNUMX일 Corey Alderin이 답변함

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

24년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

좋습니다. 신속하게 작업해 주셔서 감사합니다. 이게 바로 제가 직접 확인하게 될 내용인가요, 아니면 시간이 좀 걸릴까요? 제가 물어보는 이유는 방금 테스트해봤는데 똑같은 것 같아서요. 

다시 한번 감사합니다

24년 2019월 XNUMX일 Corey Alderin이 답변함

방금 시도했는데 너비가 브라우저 너비보다 클 때 확대/축소가 작동합니다.

24년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

어쩌면 내가 수정된 내용을 오해하고 있는 것일 수도 있습니다. 동일한 div를 테스트하고 있지만 브라우저 크기는 다릅니다. 브라우저가 작을수록 최종 이미지는 완전히 동일하더라도 더 흐려집니다.  

 

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

 

대역폭/높이가 800x800일 때 내 이미지가 훌륭해 보인다면 이미지가 400x400일 때도 똑같이 보여야 하지 않나요? 

 

감사

24년 2019월 XNUMX일 Corey Alderin이 답변함

HD는 이미지 크기를 두 배로 늘려 최상의 결과를 제공하므로 권장됩니다.

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

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

24년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함

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

내가 무슨 말을 하는지 이해하는지 확인해 보겠습니다. 200x200 크기의 HTML이 있고 최종 크기를 900x900으로 만들고 싶다고 가정해 보겠습니다. 4.5배 크기입니다. 최상의 결과를 얻으려면 이것을 800x800 또는 1000x1000(4X 또는 5x 크기)으로 생성하지만 5x 차이로 인해 흐려짐이 발생한다는 말씀이신가요?

이것이 정확하다면 가장 좋은 해결책은 HTML을 보내기 전에 조작하는 것입니다. 그러면 기본적으로 올바른 크기의 HTML을 생성해야 하며 확대/축소가 필요하지 않습니까?

 

감사

24년 2019월 XNUMX일 Corey Alderin이 답변함

예, 확대/축소가 증가함에 따라 레벨도 커지므로 거의 그렇습니다.

따라서 x2, x3 또는 x4가 아닌 확대/축소는 치수가 다르기 때문에 정확하지 않습니다. 또한 잠재적인 확대/축소 수준은 5개뿐이므로 최대 XXNUMX와 동일하다고 생각됩니다.

25년 2019월 XNUMX일 GrabzIt 지원팀에서 답변함