HTML JPG 변환

Q: 미리 보기용으로 HTML 이메일 템플릿을 이미지로 바꿀 수 있습니까?

네. **HTML 페이지 너비**를 대부분의 이메일 템플릿이 기준으로 삼는 600 px로 설정하고 긴 이미지 한 장을 유지하십시오. 테스트 메일을 직접 받으면 안 되는 사람에게 공유할 수 있는 간단한 시각 시안이 됩니다.

저장한 웹 페이지, 이메일 템플릿, HTML 보고서를 업로드하면 페이지 위부터 아래까지 전체를 담은 JPG 이미지로 돌려받습니다. 브라우저 너비를 직접 고르므로 데스크톱 레이아웃이나 모바일 레이아웃을 선택해 담을 수 있습니다.

또는 DOC, DOCX, DOCM … 파일을 여기에 끌어다 놓으세요 ·

파일당 최대 95 MB· 최대 20개 파일· 30분 뒤 삭제

출력

변환할 형식

해상도

이미지

파일은 UltKit 서버에서 처리되며 30분 뒤 삭제됩니다.

사용 방법

1
HTML 파일 업로드
.html, .htm, .mhtml 파일을 한 번에 최대 20개까지 끌어다 놓습니다. 이미지와 스타일이 있는 페이지라면 먼저 브라우저에서 단일 파일(MHTML)로 저장해 모든 요소가 페이지와 함께 담기게 하십시오.
2
페이지 너비 선택
HTML 페이지 너비는 일반적인 노트북 화면인 1280 px로 시작합니다. 휴대폰 레이아웃은 390 px, 이메일 템플릿은 600 px를 입력하십시오. 이미지는 긴 이미지 한 장으로 설정되어 있습니다.
3
JPG로 변환
JPG로 변환을 누르고 이미지를 다운로드합니다. 페이지를 인쇄 크기 조각으로 나누고 싶다면 이미지를 페이지마다 한 장으로 바꾸십시오.

HTML JPG 변환은 파일로 만드는 전체 페이지 스크린샷입니다. 선택한 브라우저 너비가 레이아웃을 정하고, JPG는 그 레이아웃의 모든 픽셀을 담습니다.

HTML 파일이 JPG 이미지가 되는 과정

HTML 파일은 그림이 아니라 지시문입니다. 브라우저는 마크업을 읽고, 스타일시트를 적용하고, 이미지와 글꼴을 불러온 다음, 창 너비에 맞춰 모든 요소를 배치합니다. 너비를 바꾸면 반응형 페이지는 스스로 재배치됩니다. 단이 위아래로 쌓이고, 메뉴가 접히고, 이미지가 작아집니다. 그래서 변환기는 무엇보다 먼저 HTML 페이지 너비를 묻습니다.

배치가 끝나면 화면 한 장에 들어가는 부분만이 아니라 페이지 전체를 위부터 아래까지 캡처합니다. 이미지를 긴 이미지 한 장으로 두면 세로로 긴 JPG 한 장을 받고, 페이지마다 한 장으로 바꾸면 같은 내용이 페이지 크기 이미지 여러 장으로 나뉩니다.

품질은 85에서 시작합니다. 본문 글자를 읽기 좋게 유지하면서 같은 페이지의 PNG보다 훨씬 작은 용량입니다. 작은 글씨나 가는 표 테두리가 선명해야 하는 페이지라면 95 쪽으로 높이십시오.

1280 px페이지 렌더링 기본 브라우저 너비

허용 범위: 320–3840 px. 좁은 너비에서는 모바일 레이아웃, 넓은 너비에서는 데스크톱 레이아웃이 나옵니다.

페이지 너비 선택: 데스크톱 전체 페이지 또는 모바일 화면

기본값입니다. 대부분의 사이트가 이 너비에서 탐색 막대와 사이드 단을 포함한 데스크톱 레이아웃 전체를 보여 줍니다.

웹사이트 검토와 고객 승인
페이지가 어떻게 보였는지 보관
슬라이드와 보고서

HTML JPG 변환 결과가 이상할 때

이미지가 빠져 있거나 깨진 아이콘으로 보입니다
이미지가 HTML 안이 아니라 옆에 따로 저장되어 있었습니다. 페이지를 MHTML 단일 파일로 저장하거나 이미지에 전체 웹 주소를 쓰십시오.
페이지가 비어 있거나 로딩 아이콘만 보입니다
콘텐츠가 페이지를 불러온 뒤 스크립트로 만들어지거나 로그인 뒤에 있습니다. 브라우저에서 페이지를 열어 완전히 불러올 때까지 기다린 다음 단일 파일로 저장하십시오.
텍스트가 오른쪽 끝에서 잘립니다
페이지에 창보다 넓은 고정 너비가 있습니다. HTML 페이지 너비를 그에 맞게, 예를 들어 1440 px로 늘리십시오.
JPG 용량이 업로드 양식에 비해 너무 큽니다
품질을 70 정도로 낮추거나, 더 좁은 너비를 쓰거나, 변환 뒤 이미지 용량 줄이기로 줄이십시오.

HTML

하이퍼텍스트 마크업 언어(HTML)

HTML은 웹의 마크업 언어로, 1990년대 초 Tim Berners-Lee가 처음 기술했고 현재는 WHATWG가 리빙 스탠더드로 관리합니다. HTML 파일은 제목, 문단, 링크, 표, 이미지, 양식을 기술하며 스타일은 보통 CSS가 담당합니다. 모든 브라우저가 렌더링하며 이메일 템플릿과 저장된 웹 페이지에도 쓰입니다. HTML 파일 하나는 외부 이미지와 스타일시트에 의존하는 경우가 많아, 파일만 따로 옮기면 깨져 보일 수 있습니다.

압축 방식: –
투명도: –
애니메이션: –
도입 연도: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML 변환

JPG

JPEG 이미지

JPEG(또는 JPG)는 1992년 Joint Photographic Experts Group이 표준화한, 가장 널리 쓰이는 사진 형식입니다. 눈으로 알아채기 어려운 미세한 디테일을 버리는 손실 압축을 사용해 웹, 이메일, 휴대폰 저장 공간에 맞게 사진 용량을 작게 유지합니다. 부드러운 그라데이션과 자연 풍경은 잘 표현하지만, 선명한 글자, 선화, 단색 영역에는 블록 모양이나 번진 듯한 아티팩트가 눈에 띕니다. JPEG에는 투명도와 애니메이션이 없고, 다시 저장할 때마다 화질이 조금씩 더 떨어집니다. 모든 브라우저, 휴대폰, 카메라, 이미지 편집기에서 열 수 있습니다.

압축 방식: 손실
투명도: 아니요
애니메이션: 아니요
도입 연도: 1992 · Joint Photographic Experts Group

JPG 변환

HTML은 브라우저 안에서만 제대로 보입니다. JPG로 바꾸면 한 번의 렌더링 결과가 그림으로 고정되어, 코드로는 쓸모없는 곳에서도 첨부하고, 게시하고, 보관하고, 슬라이드에 넣을 수 있습니다.

HTML JPG 변환 자주 묻는 질문

파일을 업로드하는 대신 웹사이트 주소를 붙여 넣을 수 있습니까?

아닙니다. 이 변환기는 업로드한 HTML 파일로 작업합니다. 브라우저에서 페이지를 열고 다른 이름으로 페이지 저장에서 웹페이지, 단일 파일(Chrome과 Edge에서는 MHTML)을 선택한 뒤 그 파일을 업로드하십시오. 이 파일에는 HTML, 스타일, 이미지가 함께 들어 있습니다.

JPG에 스타일 없이 일반 텍스트만 보이는 이유는 무엇입니까?

HTML이 스타일시트와 이미지 없이 저장되었기 때문입니다. 웹페이지, HTML만 옵션으로 저장하면 이렇게 됩니다. 변환기는 마크업만 볼 수 있습니다. 페이지를 MHTML 단일 파일로 다시 저장하거나, 업로드 전에 CSS를 HTML 안에 직접 넣으십시오.

JPG 한 장에 얼마나 긴 페이지를 담을 수 있습니까?

JPEG 형식은 각 변을 65,535픽셀로 제한하므로, 아주 긴 페이지를 넓은 너비로 설정하면 이 한도에 걸릴 수 있습니다. 긴 글이라면 이미지를 페이지마다 한 장으로 바꾸거나, 이런 한도가 없는 HTML PDF 변환을 이용하십시오.

웹 페이지 스크린샷에는 JPG와 PNG 중 무엇을 골라야 합니까?

JPG는 용량이 작고 사진이 있는 페이지에 적합합니다. PNG는 작은 글씨와 가는 선을 완벽하게 선명하게 유지하고 투명 배경을 지원하므로 UI 목업과 대시보드에 더 좋습니다. 장단점은 JPG, JPEG, PNG 비교 글에서 자세히 설명합니다.

이미지의 글꼴이 내 브라우저와 다르게 보이는 이유는 무엇입니까?

내 컴퓨터에만 설치된 글꼴은 페이지를 렌더링하는 곳에서 쓸 수 없으므로 대체 글꼴이 사용됩니다. 저장한 페이지에 포함되었거나 페이지 스타일과 함께 불러오는 웹 글꼴은 의도한 대로 렌더링됩니다.

미리 보기용으로 HTML 이메일 템플릿을 이미지로 바꿀 수 있습니까?

네. HTML 페이지 너비를 대부분의 이메일 템플릿이 기준으로 삼는 600 px로 설정하고 긴 이미지 한 장을 유지하십시오. 테스트 메일을 직접 받으면 안 되는 사람에게 공유할 수 있는 간단한 시각 시안이 됩니다.