이미지 변환기

이미지 변환기 소개

이 변환기는 파일을 브라우저의 이미지 디코더(createImageBitmap)로 풀어 캔버스에 그린 다음, 목표 포맷으로 다시 저장합니다. PNG·JPG·WebP·AVIF는 브라우저 내장 인코더(canvas.toBlob)가 쓰고, 브라우저가 만들어 주지 않는 BMP와 ICO는 도구가 직접 바이트를 조립합니다. 그래서 어떤 파일을 열 수 있는지는 도구가 아니라 지금 쓰는 브라우저가 정합니다.

변환은 한 번 픽셀로 풀었다가 다시 싸는 과정이라, 원본 파일에만 있던 정보(EXIF, 색 프로필, 애니메이션 프레임)는 새 파일로 넘어가지 않습니다. 아래에서 그 차이가 실제로 문제가 되는 경우를 다룹니다.

아이폰 HEIC 사진이 열리지 않는 이유

아이폰 카메라의 기본 저장 형식인 HEIC(HEIF 컨테이너 + HEVC 압축)는 특허 사용료 문제로 브라우저 지원이 거의 없습니다. 2026년 현재 HEIC를 디코딩하는 브라우저는 macOS·iOS의 Safari 17 이상뿐이고, 크롬·엣지·파이어폭스는 열지 못합니다. 이 도구는 디코딩을 브라우저에 맡기므로, 윈도우 크롬에서 HEIC를 넣으면 변환 대신 「이 브라우저는 HEIC를 열지 못한다」는 안내가 나오고, 맥이나 아이폰의 Safari에서는 JPG·PNG로 바로 바뀝니다.

Safari가 없다면 아이폰 설정 → 카메라 → 포맷에서 「높은 호환성」을 고르면 이후 사진은 JPG로 저장됩니다. 이미 찍은 사진은 사진 앱에서 공유할 때 대부분 JPG로 바뀌어 나가므로, 메일이나 AirDrop으로 옮긴 파일이 JPG인지 먼저 확인해 보세요.

PNG를 JPG로 바꾸면 투명한 부분은 흰색(또는 고른 색)이 된다

JPEG에는 알파(투명도) 채널이 없습니다. 투명 배경 로고를 JPG로 저장하면 투명 픽셀을 어떤 색으로든 채워야 하는데, 브라우저에 그대로 맡기면 검은색이 됩니다. 그래서 이 도구는 JPG를 고르면 나타나는 「JPG 배경색」(기본 흰색)을 먼저 깔고 그 위에 이미지를 합성한 뒤 저장합니다. 반투명한 그림자나 안티앨리어싱 가장자리도 그 배경색과 섞이므로, 어두운 페이지에 올릴 로고라면 배경색을 페이지 색에 맞추세요.

투명도를 유지하려면 PNG, WebP, AVIF 중 하나를 고르세요. ICO와 이 도구의 32비트 BMP도 알파를 담습니다. 배경 제거를 켠 채 JPG로 저장하면 지운 배경도 같은 배경색으로 채워집니다.

색이 조금 달라 보일 때: 색 프로필

최근 아이폰과 맥은 sRGB보다 넓은 Display P3 색역으로 사진을 저장하고 파일에 ICC 프로필을 넣습니다. 브라우저 캔버스는 기본적으로 sRGB로 그리기 때문에, 변환 결과는 sRGB 범위로 눌린 색이 되고 프로필 정보도 붙지 않습니다. 선명한 빨강·초록이 약간 덜 쨍해 보이는 이유가 이것입니다.

웹과 메신저에 올릴 용도라면 sRGB가 오히려 안전합니다. 인쇄소에 넘기거나 원본 색을 보존해야 하는 작업에는 색 관리가 되는 편집 프로그램에서 내보내는 편이 맞습니다.

BMP와 ICO는 이 도구가 직접 만든다

BMP는 압축이 없는 32비트(BGRA) 형식으로 저장합니다. 크기는 너비×높이×4바이트에 헤더 54바이트를 더한 값으로 정해지고, 사진 내용과 상관없습니다. 오래된 프로그램이나 임베디드 장비가 BMP만 받는 경우에 쓰는 형식이지 용량을 줄이는 선택지가 아닙니다.

ICO는 한 파일에 여러 해상도를 묶는 컨테이너입니다. 기본값은 16·32·48·64·128·256px를 모두 넣는 것이고, 윈도우와 브라우저는 상황에 맞는 크기를 골라 씁니다. 형식상 한 장의 최대 크기는 256px이며, 더 큰 원본은 긴 변이 256px이 되도록 줄여서 넣습니다.

배경 제거 옵션이 잘 먹히는 사진, 안 먹히는 사진

배경 제거는 인공지능 분할이 아니라 색 거리 계산입니다. 네 모서리의 평균색을 배경으로 보고, 그 색과 RGB 거리가 허용치(기본 40) 이하인 픽셀은 완전히 투명하게, 그 위 부드러움 구간(기본 24)은 점점 불투명하게 만듭니다. 흰 벽 앞 제품 사진, 단색 배경 도장·서명 스캔처럼 배경이 한 가지 색일 때 잘 동작합니다.

피사체에 배경과 비슷한 색이 있으면(흰 배경 앞 흰 셔츠) 그 부분도 뚫립니다. 가장자리 색 번짐 제거를 켜면 반투명 픽셀에서 배경색 성분을 거꾸로 빼내, 다른 색 배경 위에 올렸을 때 흰 테두리가 덜 보입니다.

예시

사용 방법

1. 이미지를 끌어다 놓습니다(여러 장 가능).
2. 목표 포맷을 고르고, JPG·WebP·AVIF라면 품질을, ICO라면 포함할 크기를 정합니다.
3. 필요하면 배경 제거를 켜고 허용치를 조절합니다.
4. 한 장씩 받거나 여러 장을 ZIP으로 받습니다.

자주 묻는 질문

관련 가이드

• 이미지 압축은 어떻게 작동하나: JPEG·PNG·WebP·AVIF의 원리