이미지를 PNG, JPG, WebP로 변환 — 비공개, 브라우저에서

이미지를 한 형식에서 다른 형식으로 바꾸는 일은 보통 사진을 한 웹사이트에 맡긴다는 뜻입니다. 이 변환 도구는 다릅니다. 사진이 Canvas API를 사용해 전적으로 브라우저 안에서 디코딩되고 다시 인코딩되므로, 결코 사용자의 기기를 벗어나지 않습니다.

일반적인 래스터 이미지를 끌어다 놓고 PNG, JPEG, WebP를 고른 뒤 한 번의 클릭으로 변환된 파일을 내려받으세요. JPEG는 품질과 파일 용량 사이의 균형을 맞출 수 있게 해 주며, JPEG를 선택하면 투명 이미지가 깨끗한 흰색 배경 위에 놓입니다.

작동 방식

사진을 추가하면 브라우저는 먼저 그것을 원시 픽셀로 디코딩해 화면 밖의 HTML 캔버스 요소에 그립니다. 그 뒤 캔버스의 "toBlob" 메서드가 그 픽셀들을 선택한 형식으로 다시 인코딩하고, 그 blob이 곧바로 내려받기로 전달됩니다. 모든 단계가 사용자 자신의 기기에서 JavaScript로 실행되며, 바로 그 때문에 그 무엇도 결코 서버로 전송되지 않습니다.

디코딩 과정에서 이미지가 완전히 래스터화되므로, 변환 도구는 입력 측에서 형식을 가리지 않습니다. PNG, JPEG, WebP, GIF, BMP를 포함해 브라우저가 표시할 수 있는 것이라면 무엇이든 다시 내보낼 수 있는 일반 캔버스가 됩니다. 그 대가로 출력은 언제나 하나의 정지 프레임이므로, 움직이는 GIF는 그 첫 프레임의 정적 이미지로 변환됩니다.

이럴 때 사용하세요

무손실 품질이나 투명도가 필요할 때 PNG를 선택하세요. 로고, 텍스트가 선명한 스크린샷, 나중에 다시 편집할 그래픽 같은 것들이죠. PNG는 모든 픽셀을 정확히 유지하지만 사진의 경우 더 큰 파일을 만드는 경향이 있습니다.

완벽한 충실도보다 작은 파일이 더 중요한 사진이나 복잡한 이미지에는 JPEG를 선택하세요. 예를 들어 이메일 첨부나 빠르게 로드되어야 하는 페이지가 그렇습니다. WebP는 중간 지점입니다. 투명도와 강력한 손실 압축을 모두 지원하므로, 알파 채널을 포기하지 않으면서 작은 파일을 원하는 최신 웹사이트에 좋은 선택입니다. 디자인 도구에서 무겁게 내보낸 PNG를 게시하기 전에 용량을 줄이려고 WebP나 JPEG로 다시 저장하는 것이 흔한 작업 흐름입니다.

팁

투명한 PNG를 JPEG로 변환한다면, JPEG에는 알파 채널이 없으므로 투명 영역이 단색 흰색 배경 위로 평면화된다는 점을 기억하세요. 투명도를 보존해야 한다면 대신 WebP로 변환하세요.

JPEG 품질 슬라이더는 조금씩 내리면서 파일 용량을 지켜보세요. 처음에는 큰 폭의 감소도 눈에 띄지 않는 경우가 많지만, 최고 품질을 향한 마지막 몇 단계는 눈에 보이는 이득은 거의 없이 많은 바이트를 더합니다. 손실 이미지를 반복해서 다시 인코딩하면 압축 아티팩트가 누적되므로, 가능하면 이미 압축된 JPEG가 아니라 원본이나 무손실 원본에서 변환하세요. 그리고 모든 것이 로컬에서 이루어지므로, 일단 페이지가 로드된 뒤에는 오프라인에서도 민감하거나 비공개인 이미지를 안전하게 변환할 수 있습니다.

이미지 변환 사용 방법

1. 위쪽 상자에 이미지를 끌어다 놓거나 클릭해서 찾아 추가하세요.
2. 원하는 출력 형식을 선택하세요: PNG, JPEG, 또는 WebP.
3. JPEG의 경우 품질 슬라이더를 끌어 용량과 세부 표현의 균형을 맞추세요.
4. "이미지 변환"을 클릭해 브라우저에서 로컬로 처리하세요.
5. 변환된 파일을 내려받으세요. 그 무엇도 업로드되지 않았습니다.

자주 묻는 질문

관련 도구