PNG를 JPG로 바꾸면 무손실 그림이 손실 압축 그림이 되고 보통 훨씬 작아집니다. 512 × 512 우주비행사 사진은 화질 92에서 791,555바이트가 73,755바이트가 됐습니다. JPG는 투명도를 저장하지 못하므로 투명하거나 반투명한 픽셀은 모두 배경색(고급 설정에서 바꾸지 않으면 흰색)과 합쳐집니다. 사진은 이렇게 바꾸고, 스크린샷·투명 로고·도트 그림은 PNG로 두세요. 가로·세로는 그대로이며 화질은 20~100입니다.
이미지을(를) 여기에 놓으세요여러 개를 한 번에 처리할 수 있습니다업로드 없음 · 이 기기에서 처리
게임을 만들고 있나요?
Nerulio는 무엇보다 2D 게임 에셋 스튜디오입니다. 도트를 그리고, 스프라이트 시트를 애니메이션으로 자르고, 텍스처 아틀라스를 패킹하고, 오토타일 타일셋을 점검해 Godot·Unity·Phaser 등 엔진용으로 내보냅니다. 브라우저에서 동작하며 파일은 기기 밖으로 나가지 않습니다.
PNG는 모든 픽셀을 정확히 저장하고 픽셀마다 알파 값을 가질 수 있습니다. JPG는 그림을 8 × 8 블록으로 나눠 각 블록의 강한 주파수 성분만 남기고 약한 성분은 반올림해 버립니다. 사진에서는 잘 보이지 않지만 선명한 경계나 글자에서는 물결무늬와 색 번짐으로 드러납니다.
JPG에는 알파 채널이 없어서 변환기는 먼저 캔버스 전체를 JPG 배경색으로 칠하고 그 위에 PNG를 그립니다. 완전히 투명한 픽셀은 그 색이 되고, 반투명한 가장자리(안티앨리어싱, 부드러운 그림자)는 가장자리 색과 배경색이 섞입니다. 그래서 흰 배경으로 변환한 누끼는 흰 페이지에서는 깔끔하지만 어두운 페이지에서는 밝은 테두리가 보입니다.
화질은 원본 대비 비율이 아니라 인코더의 절충 설정입니다. 낮출수록 파일은 작아지고 블록이 더 보입니다. 화질 대신 바이트 제한이 정해져 있다면 100KB 이하로 압축이 화질을 대신 찾아 줍니다.
알파 채널
픽셀별 불투명도. PNG에는 있고 JPG에는 없습니다.
JPG 배경색
투명 부분을 대신하는 색. 기본 #ffffff이며 고급 설정에서 바꿉니다.
화질
20~100의 인코더 설정. 여기서는 기본 92이며 PNG에는 적용되지 않습니다.
실제 PNG 두 장을 변환한 결과(실측)
2026-09-28 Chromium 153에서 Nerulio 변환 코드, 기본 화질 92와 흰 배경으로 측정했습니다.
레이어가 있는 원본이 남아 있을 때. 손실 단계를 한 번 줄이고 메타데이터도 유지할 수 있습니다.
이 방법의 한계
EXIF와 PNG 텍스트 청크는 복사되지 않고, JPG에는 Chromium의 sRGB 프로필이 들어갑니다.
이미지당 단색 배경 하나만 지정할 수 있으며 사진이나 그라데이션 배경 위에 합성할 수는 없습니다.
버전과 출처
2026-09-28 Playwright Chromium 153에서 src/task/convert.js와 같은 호출(Im.background 후 canvas.toBlob 0.92)로 tests/fixtures/astronaut.png와 tests/fixtures/kenney/pixel-platformer-characters.png의 용량·SSIM·픽셀 수를 측정했습니다. JPG와 PNG가 저장할 수 있는 정보는 MDN을 따랐습니다.