onlinetools.dev

이미지 형식 변환기

PNG, JPEG, WebP 간 이미지 변환, 품질 조절 지원

로컬 실행
loading…
이 도구에 대해

설치도 업로드도 없이 PNG, JPEG, WebP 사이에서 이미지를 변환하세요: 파일을 끌어놓고, 대상 형식을 고르고, 슬라이더로 품질을 조절하면 출력 크기가 실시간으로 갱신됩니다. Δ 타일은 변환된 파일이 얼마나 작아졌는지(또는 커졌는지) 정확히 보여주므로 품질 설정이 더는 감이 아닙니다.

세 형식은 역할이 뚜렷합니다. PNG는 완전한 투명도를 지원하는 무손실 — 스크린샷, UI 에셋, 날카로운 경계나 글자가 있는 모든 것에 맞습니다. JPEG는 사진을 강하게 압축하지만 알파 채널이 없고 딱딱한 경계를 뭉갭니다. WebP는 보통 비슷한 품질에서 JPEG보다 25–35% 작고, 투명도를 지원하며, 현재 모든 브라우저에서 돌아갑니다 — 웹에서는 대개 WebP가 정답입니다.

변환은 브라우저의 canvas에서 일어납니다: 이미지가 디코딩되고 다시 그려진 뒤, 브라우저가 페이지를 표시할 때 쓰는 바로 그 코덱으로 재인코딩됩니다. 이것이 이 도구가 프라이빗한 이유이자, 정확한 바이트 수가 Chrome, Firefox, Safari마다 조금씩 다른 이유입니다 — 각자 자기 인코더를 탑재하고 있으니까요.

자주 묻는 질문

JPEG과 WebP 품질은 얼마로 설정해야 하나요?
75에서 90 사이면 거의 모든 실제 용도를 커버합니다. 85면 대부분의 사진이 원본과 육안으로 구분되지 않으면서 크기는 몇 분의 일이 됩니다. 70 아래로 내려가면 그라데이션과 피부 톤에 블록 아티팩트가 스며들고, 90을 넘으면 보이지 않는 개선을 위해 크기가 가파르게 늘어납니다. 슬라이더를 움직이며 크기 타일을 보세요 — 최적점은 대개 명확합니다.
PNG를 JPEG으로 변환했더니 오히려 커진 이유는?
JPEG은 사진의 그라데이션용이지 평평한 색면용이 아닙니다. 스크린샷, 도표, UI 그래픽은 PNG로 훌륭하게 압축되지만(동일 픽셀의 긴 연속), JPEG은 모든 날카로운 경계 주위에 노이즈를 저장할 수밖에 없습니다 — 파일은 커지고 링잉도 보입니다. 그래픽은 PNG로 두거나 WebP로 변환하세요.
JPEG으로 변환하면 투명한 부분은 어떻게 되나요?
JPEG에는 알파 채널이 없어 투명 영역을 무언가로 채워야 합니다 — 이 도구는 웹 이미지의 관례대로 흰색 위에 평탄화합니다. 투명도가 살아남아야 한다면 PNG나 WebP를 대상으로 선택하세요.
왜 이 도구에서 AVIF나 HEIC로 내보낼 수 없나요?
canvas의 toBlob API는 브라우저에 인코더가 탑재된 형식만 출력합니다 — PNG와 JPEG은 어디서나, WebP는 Chromium과 Firefox에서 됩니다. AVIF 인코딩은 아직 드물고 HEIC은 특허 문제가 있어 브라우저는 디코딩만 지원합니다. 브라우저가 쓸 수 없는 형식을 고르면 몰래 PNG를 주는 대신 그렇다고 알려줍니다.
관련 도구