liminfo

Image Convert

PNG/JPG/WebP 이미지 상호 변환

파일을 여기에 드래그하거나

파일 선택

최대 50MB, PNG/JPG/WebP/BMP/GIF 파일

Image Convert 소개

이미지 포맷 변환기는 HTML5 Canvas API를 사용하여 PNG, JPG, WebP 형식 간에 이미지를 변환하는 브라우저 기반 도구입니다. PNG, JPG/JPEG, WebP, BMP, GIF 입력 파일을 최대 50MB까지 지원합니다. 이미지를 원본 naturalWidth와 naturalHeight 크기의 Canvas 요소에 로드한 후 canvas.toBlob()으로 선택한 출력 형식에 맞게 재인코딩합니다.

JPG와 WebP 출력 형식에서는 품질 매개변수를 10%에서 100%까지 10% 단위로 조절하여 손실 압축 레벨을 제어할 수 있습니다. PNG 출력은 항상 무손실이므로 품질 매개변수가 무시됩니다. 변환 후에는 변환된 이미지 미리보기와 함께 원본 파일 크기와 변환 후 파일 크기를 비교하는 패널이 표시되어 품질과 파일 크기 간의 균형을 평가할 수 있습니다.

모든 이미지 처리는 Image 요소와 Canvas API를 사용하여 브라우저 내에서만 이루어지며 서버에 이미지 데이터가 업로드되지 않습니다. 변환 흐름은 파일 선택, Image 요소 로드, 전체 해상도 Canvas 그리기, 선택한 MIME 타입(image/png, image/jpeg, image/webp)으로 toBlob() 인코딩, 미리보기 및 다운로드용 블롭 URL 생성 순서입니다.

주요 기능

  • 3가지 출력 형식 지원: PNG(무손실), JPG(손실, 품질 조절 가능), WebP(손실, 품질 조절 가능)
  • 5가지 입력 형식 지원: PNG, JPG/JPEG, WebP, BMP, GIF 파일(최대 50MB)
  • JPG·WebP 출력용 품질 슬라이더: 10%~100%, 10% 단위(PNG는 무손실이므로 품질 설정 불필요)
  • 원본 크기와 변환 후 크기를 비교하는 파일 크기 비교 패널
  • 원본 naturalWidth와 naturalHeight를 그대로 유지하는 전체 해상도 변환
  • 반응형 max-height 제한이 적용된 변환 결과 이미지 미리보기
  • 자동 파일 확장자 변경(.png, .jpg, .webp)과 원클릭 다운로드
  • Canvas toBlob() API를 사용한 100% 클라이언트 사이드 처리 — 서버 업로드나 외부 의존성 없음

자주 묻는 질문

어떤 이미지 형식을 변환할 수 있나요?

PNG, JPG/JPEG, WebP, BMP, GIF 파일을 입력으로 받을 수 있습니다. 출력은 PNG(무손실, 품질 설정 없음), JPG(손실, 10-100% 품질 조절), WebP(손실, 10-100% 품질 조절) 3가지 형식을 지원합니다. 파일 업로드 전에 원하는 출력 형식을 선택하세요. 변환은 canvas.toBlob()으로 해당 MIME 타입을 지정하여 수행됩니다.

품질 슬라이더는 변환에 어떤 영향을 미치나요?

품질 슬라이더(10-100%)는 JPG와 WebP 출력의 손실 압축 레벨을 제어합니다. 90%에서는 높은 시각적 품질과 적당한 압축을 얻고, 50%에서는 파일 크기가 크게 줄지만 아티팩트가 보일 수 있습니다. PNG 출력에서는 항상 무손실 압축을 사용하므로 품질 슬라이더가 숨겨집니다. 기본값 90%는 대부분의 용도에 적합한 균형을 제공합니다.

PNG를 JPG나 WebP로 변환하는 이유는?

PNG는 무손실 압축을 사용하여 사진에는 불필요하게 파일이 큽니다. 80-90% 품질의 JPG로 변환하면 시각적 품질 손실을 최소화하면서 60-80%의 파일 크기 감소를 달성할 수 있습니다. WebP는 일반적으로 동등한 시각적 품질에서 JPEG보다 25-35% 작은 파일을 생성합니다. 웹 최적화를 위해 큰 PNG 사진을 JPG나 WebP로 변환하면 페이지 로딩 속도가 크게 개선됩니다.

JPG를 PNG로 변환하는 이유는?

JPG를 PNG로 변환하면 추가 편집을 위한 무손실 저장(재저장 시 추가 JPEG 압축 아티팩트 방지), 투명도 지원이 필요한 경우(변환된 PNG에는 원본 JPEG에 투명도가 없으므로 실제 투명도는 없음), PNG 입력이 필요한 소프트웨어 작업 시 유용합니다. PNG가 무손실 압축을 사용하므로 JPEG보다 파일이 커진다는 점에 유의하세요.

형식 변환 시 이미지 품질이 손실되나요?

PNG로 변환하면 무손실입니다 — 입력 형식에 관계없이 품질 손실이 없습니다. JPG나 WebP로 변환하면 손실 압축이 적용되어 품질 슬라이더로 제어되는 만큼의 품질 손실이 발생합니다. JPG를 PNG로 변환한 후 다시 JPG로 변환하면 각 JPG 인코딩 단계에서 추가 압축 아티팩트가 발생합니다. 최상의 품질 보존을 위해 손실 변환 횟수를 최소화하세요.

최대 변환 가능한 파일 크기는?

최대 50MB까지 파일을 지원합니다. 변환이 브라우저의 Canvas API를 사용하므로 실질적 한계는 기기의 가용 RAM과 이미지의 픽셀 크기에 따라 달라집니다. 매우 큰 이미지(예: 10000x10000 픽셀)는 RAM이 제한된 기기에서 메모리 문제를 일으킬 수 있습니다. 대부분의 표준 이미지와 사진에는 50MB 제한으로 충분합니다.

이미지 데이터가 서버로 전송되나요?

아닙니다. 모든 변환은 브라우저에서만 이루어집니다. 이미지 파일은 URL.createObjectURL()로 로컬 참조를 생성하여 읽고, Image 요소에 로드한 후 Canvas에 그리고 canvas.toBlob()으로 재인코딩합니다. 모두 브라우저 메모리에서 처리되며 이미지 데이터는 네트워크를 통해 전송되지 않습니다.

웹 이미지에서 WebP와 JPG의 차이는 무엇인가요?

WebP는 Google이 개발한 최신 이미지 형식으로, 동등한 시각적 품질에서 JPEG보다 보통 25-35% 작은 파일을 생성합니다. WebP는 투명도(PNG처럼)와 애니메이션(GIF처럼)도 지원합니다. 그러나 JPEG는 구형 브라우저와 레거시 소프트웨어와의 호환성이 더 넓습니다. 최신 웹 애플리케이션에는 WebP가, 최대 호환성에는 JPEG가 적합합니다. 이 도구로 두 형식으로 변환하여 결과를 비교해보세요.