이미지 포맷 변환

입력 이미지를 캔버스로 디코딩한 뒤, 선택한 출력 포맷으로 다시 인코딩합니다. 디코딩은 브라우저의 기본 이미지 처리 기능을 쓰기 때문에, 브라우저에서 보여 줄 수 있는 포맷(JPG, PNG, WebP, GIF, BMP)은 모두 입력으로 쓸 수 있어요. 인코딩에는 canvas.toBlob()을 사용하며, 이는 모든 최신 브라우저가 JPG, PNG, WebP에 대해 지원합니다.

예시

입력: screenshot.png — 1920 × 1080, 412 KB
동작: 품질 88로 WebP로 변환
출력: screenshot.webp — 1920 × 1080, 96 KB
       (약 77% 작아졌고, 눈으로는 거의 차이가 없어요)

자주 겪는 문제와 해결법

• "Could not decode image." 파일이 중간에 잘렸거나, 확장자만 이미지일 뿐 실제로는 이미지가 아닐 수 있어요. 이미지 뷰어에서 먼저 열어 정상적으로 표시되는지 확인해 보세요.
• PNG를 JPG로 바꿨더니 배경이 검게 나와요. JPG는 투명도를 담을 수 없어요. 이 도구는 투명한 픽셀을 흰색으로 채워서 인코딩하지만, 원본이 검은 배경 위의 프리멀티플라이드 알파를 쓰고 있으면 예상과 다르게 나올 수 있습니다. 그럴 때는 PNG나 WebP로 바꾸세요.
• 변환한 파일이 원본보다 더 커졌어요. 대체로 더 효율적인 최신 포맷에서 옛 포맷으로 바꿀 때(WebP → JPG, WebP → PNG) 생기는 현상이라 자연스러운 결과예요. 품질을 80~85로 낮추거나, WebP로 그대로 두는 걸 고려해 보세요.
• 움직이는 GIF가 정지 이미지로 바뀌어요. 이 도구는 첫 프레임만 읽어요. 애니메이션이 필요하다면 전용 GIF 도구를 쓰세요 — 캔버스 기반 인코딩은 애니메이션을 버립니다.
• 큰 이미지에서 탭이 멈춰요. 50MP 이상의 원본은 캔버스 메모리를 많이 차지합니다. 다른 탭을 닫거나, 이미지 크기 조정 도구로 먼저 줄여 주세요.

이 도구가 다루는 포맷 조합

JPG · PNG · WebP 사이에서 실제로 쓸모 있는 모든 조합:

• JPG → PNG — 투명도가 필요하거나 무손실로 다시 편집하고 싶을 때.
• JPG → WebP — 웹용으로 파일 크기를 더 줄이고 싶을 때.
• PNG → JPG — PNG가 너무 커서 이메일로 보내기 애매한 스크린샷을 공유할 때.
• PNG → WebP — 더 작은 무손실 또는 손실 버전이 필요할 때.
• WebP → JPG — WebP를 받지 않는 사이트에 업로드할 때.
• WebP → PNG — WebP를 읽지 못하는 편집 도구에서 열어야 할 때.
• GIF / BMP → JPG / PNG / WebP — 오래된 포맷을 정리하고 싶을 때.

어떤 포맷을 지원하나요?

입력: JPG, PNG, WebP, GIF, BMP — 브라우저의 Image 디코더가 받는 건 모두 가능합니다. 출력: JPG, PNG, WebP. GIF, BMP, TIFF 출력은 제공하지 않아요 — 브라우저 캔버스가 인코딩을 지원하지 않거나(TIFF), 결과물이 표준에 안 맞아 다른 앱이 받아들이지 않기 때문입니다.

JPG, PNG, WebP는 어떻게 다른가요?

JPG는 사진에 가장 무난한 포맷이에요 — 파일이 작고 어디서나 열리지만, 손실 압축입니다. PNG는 무손실이고 투명도를 지원해요 — 스크린샷, 도표, 로고에 적합합니다. WebP는 최신 포맷으로 같은 품질에서 둘 다보다 작지만, 받지 않는 곳이 종종 있어요(일부 이메일 클라이언트, 오래된 도구). 사진을 공유할 땐 JPG, 투명도가 필요하면 PNG, 쓸 곳을 직접 제어할 수 있을 때 WebP를 고르세요.

PNG를 JPG로 바꿨더니 투명한 배경이 까맣게 나왔어요.

JPG는 투명도를 담을 수 없어서 이 도구는 투명 픽셀을 흰색으로 채워 인코딩해요. 그런데 검게 나온다면 원본이 검은 배경 위의 프리멀티플라이드 알파일 가능성이 커요 — WebP나 PNG로 바꾸거나, 먼저 흰 배경 위에서 이미지를 평탄화한 뒤 변환해 보세요.

JPG / WebP 품질은 어느 정도로 맞추면 좋나요?

85~92가 가장 균형이 좋아요. 80 아래로 내려가면 하늘처럼 매끈한 영역에서 블록 현상이 보이기 시작하고, 95 위로는 용량은 급격히 커지는데 눈으로는 거의 차이가 없어요. PNG는 무손실이라 품질 슬라이더가 없어요 — PNG를 고르면 "품질" 항목이 사라집니다.

여러 장을 한꺼번에 변환할 수 있나요?

네. 몇 장이든 끌어다 놓으면 한 장씩 순차적으로 변환돼요. 메모리가 모자라지 않게 하려는 설계예요. 끝난 파일마다 다운로드 버튼이 따로 있고, "전체 다운로드 (ZIP)"를 누르면 전부 묶어서 받을 수 있어요. 100장 이상이라면 다른 탭을 먼저 닫아 브라우저에 여유를 주는 편이 좋아요.

왜 변환한 WebP가 원본 JPG보다 작을까요?

자연스러운 결과예요. WebP는 더 최신 방식의 압축을 써서, 같은 시각 품질이면 보통 JPG보다 25~35%, PNG보다 45~55% 작습니다. 반대 방향(WebP → JPG)에서는 보통 파일이 커지는데 같은 이유 때문이에요.

여기서 변환한 이미지를 저장하나요?

아니요. 올리신 이미지도, 내려받으신 변환 결과물도 저장하지 않습니다. 탭을 닫거나 새로고침하는 순간 모두 사라져요 — 로그도, 저희 쪽 기록도 남지 않습니다. 브라우저 개발자 도구에서 직접 확인해 보셔도 돼요.