PNG · JPG · WebP로 저장. JPG는 투명 배경을 합칩니다.
이미지 변환은 파일을 픽셀로 풀었다가 다른 형식으로 다시 인코딩하는 작업입니다. 확장자만 .png에서 .jpg로 바꾸는 것과는 다릅니다. Nerulio는 PNG·JPG·WebP·AVIF·BMP·사진 한 장짜리 HEIC를 브라우저에서 열어 PNG·JPG·WebP로 저장합니다(AVIF 저장은 브라우저가 지원할 때만 가능하며 Chromium 153은 지원하지 않습니다). 가로·세로 크기는 그대로이고, 투명 영역은 PNG·WebP에서는 유지되고 JPG에서는 배경색으로 채워집니다. 사진은 JPG나 WebP, 스크린샷·로고·도트 그림은 PNG나 무손실 WebP로 고르세요.
Nerulio는 무엇보다 2D 게임 에셋 스튜디오입니다. 도트를 그리고, 스프라이트 시트를 애니메이션으로 자르고, 텍스처 아틀라스를 패킹하고, 오토타일 타일셋을 점검해 Godot·Unity·Phaser 등 엔진용으로 내보냅니다. 브라우저에서 동작하며 파일은 기기 밖으로 나가지 않습니다.
같은 픽셀 격자라도 형식마다 저장하는 방식이 다릅니다. PNG는 무손실이라 풀면 넣은 픽셀이 그대로 나옵니다. JPG는 눈에 잘 띄지 않는 정보를 버리는 손실 압축이고 알파 채널이 아예 없습니다. WebP는 손실(VP8 기반, 색 정보를 절반 해상도로 저장)과 무손실 두 방식이 있고 둘 다 알파를 유지합니다. AVIF도 손실·무손실과 알파를 지원하지만 저장할 수 있는 브라우저가 제한적입니다.
그래서 화질은 한 방향으로만 움직입니다. JPG를 PNG로 바꾸면 파일은 몇 배 커지지만 JPG에서 생긴 뭉개짐은 그대로 보존됩니다. JPG와 WebP처럼 손실 형식끼리 바꾸면 다시 인코딩하면서 매번 조금씩 더 잃습니다.
Nerulio에서는 브라우저가 인코딩을 맡습니다. 화질 슬라이더(20~100, 기본 92)는 JPG·WebP·AVIF에만 적용되고 PNG는 무시합니다. Chromium에서는 화질 100의 WebP가 무손실로 저장되며, 아래 파일에서 픽셀 단위로 일치하는 것을 측정했습니다.
저장소 테스트 자료에 있는 NASA 공개 도메인 우주비행사 사진(512 × 512, 불투명)을 Nerulio 코드로 2026-09-28 Chromium 153에서 변환했습니다. SSIM은 원본을 디코딩한 픽셀과의 유사도입니다(1.0 = 동일).
원본: astronaut.png 791,555 바이트 512 × 512
출력 바이트 원본 대비 SSIM
JPG 화질 92 73,755 9.3 % 0.9874
WebP 화질 92 59,824 7.6 % 0.9883
WebP 화질 100 379,076 47.9 % 1.0000 (무손실)
PNG 다시 저장 575,694 72.7 % 1.0000 (무손실)다시 저장한 PNG가 작아진 것은 원본 파일의 압축이 약했기 때문이고 픽셀은 똑같습니다. 도트 그림에서는 순위가 뒤집힙니다. PNG → WebP 페이지에서 스프라이트 시트의 무손실 WebP가 손실 WebP의 3분의 1 크기인 것을 볼 수 있습니다.
| 그림 | 바꿀 형식 | 이유 |
|---|---|---|
| 카메라·휴대폰 사진 | JPG(호환성 최고) 또는 WebP | 연속된 색조에서는 손실이 잘 보이지 않습니다. PNG → JPG 참고 |
| 스크린샷·차트·글자 | PNG 또는 화질 100 WebP | 손실 인코더는 글자를 흐리게 하고 색 번짐을 만듭니다 |
| 투명 배경 로고·누끼 | PNG 또는 WebP | JPG에는 알파가 없어 투명 부분이 배경색이 됩니다 |
| 도트 그림·스프라이트 | PNG 또는 화질 100 WebP | 손실 WebP는 Kenney 스프라이트 시트 16,576픽셀 중 8,481개를 바꿨습니다 |
| 앱이 거부하는 AVIF·WebP | JPG(사진) 또는 PNG(그래픽) | AVIF → JPG, WebP → PNG 참고 |
| BMP | PNG(무손실) 또는 JPG | BMP → PNG는 모든 픽셀을 유지하고 27% 줄었습니다 |
| 증상 | 유력한 원인 | 확인 방법 | 해결 |
|---|---|---|---|
| 사이트가 여전히 "지원하지 않는 형식"이라고 함 | 변환하지 않고 확장자만 바꿨거나, 사이트가 요구하는 형식과 다른 것을 골랐습니다 | 진짜 PNG는 ‰PNG, JPG는 ÿØÿ, WebP는 RIFF….WEBP 바이트로 시작합니다 | 사이트가 명시한 형식으로 여기서 변환하세요. 사진이라면 JPG가 가장 안전합니다 |
| 투명 배경이 흰색이 됨 | JPG는 알파를 저장하지 못해 JPG 배경색(기본 #ffffff)으로 채워집니다 | 저장 형식이 JPG인지 확인 | PNG나 WebP를 고르거나 고급 설정에서 배경색을 바꾸세요 |
| 변환한 파일이 훨씬 커짐 | 손실 → 무손실(JPG → PNG) 변환이거나, 원본보다 높은 화질로 다시 인코딩했습니다 | 결과 목록의 용량 비교 | 원본을 쓰거나 JPG·WebP 화질을 낮추세요. 용량 제한이 목적이면 압축을 쓰세요 |
| 저장 형식에 AVIF가 없음 | 이 브라우저가 인코딩할 수 있는 형식만 표시합니다. Chromium 153에는 캔버스용 AVIF 인코더가 없습니다 | — | PNG·JPG·WebP를 쓰세요. AVIF 입력은 그대로 열립니다 |
| 움직이는 GIF·WebP가 거부됨 | 정지 이미지 변환기라서 여러 프레임 입력은 첫 프레임만 몰래 남기지 않고 거부합니다 | — | 먼저 한 프레임을 저장하세요. 영상에서 움짤을 만들려면 영상 → GIF를 쓰세요 |
| 방법 | 이럴 때 더 낫습니다 |
|---|---|
| 원본 그대로 쓰기 | 받는 쪽이 지금 형식을 이미 받는 경우. 손실 형식끼리의 변환은 매번 화질을 조금씩 깎습니다. |
| 파일을 만든 앱(카메라, 휴대폰 공유 메뉴, 편집 프로그램의 내보내기) | 촬영 날짜·GPS·넓은 색역 프로필을 유지해야 하는 경우. Nerulio는 EXIF를 쓰지 않고 JPG·WebP에는 sRGB 프로필이 들어갑니다. |
| 용량 맞춰 압축 | 특정 확장자가 아니라 작은 파일이 목적인 경우. PNG·JPG·WebP 후보를 비교해 제한 안에서 가장 원본에 가까운 것을 고릅니다. |
2026-09-28 Playwright Chromium 153에서 Nerulio의 src/image.js 인코딩 경로로 tests/fixtures/astronaut.png(공개 도메인)와 tests/fixtures/kenney/의 Kenney CC0 스프라이트 시트를 측정했습니다. 형식별로 저장할 수 있는 정보는 MDN 형식 가이드를 따랐습니다.
이 도구로 만든 예제입니다. ZIP 도구는 미리보기를 표시하며 전체 파일은 내려받은 압축 파일에서 확인하세요.
PNG · JPG · WebP로 저장. JPG는 투명 배경을 합칩니다.
PNG / JPG / WebP / AVIF / HEIC → PNG / JPG / WebP — 입력·출력 지원은 브라우저에 따라 다릅니다. 움직이는 입력은 거부합니다. 먼저 정지 프레임을 선택하세요.
확장자만 바꾸지 않고 선택한 형식으로 다시 인코딩합니다.
advanced · browser image codecs. 품질 검증을 진행 중입니다. Pro·Flagship 수준은 아직 입증되지 않았습니다.
JPG는 투명도를 지원하지 않습니다. 메타데이터·색상 프로필·애니메이션 보존도 보장하지 않습니다.
PNG 또는 WebP를 선택하세요. JPG는 선택한 배경색으로 투명 영역을 채웁니다.
이 도구에서 연 파일은 서버에 업로드하지 않고 사용자 기기에서 처리합니다. 커뮤니티 글에 직접 첨부하는 이미지는 별도로 업로드됩니다. 일부 엔진과 모델은 외부에서 내려받으므로 IP 주소 등 연결 정보가 해당 서비스에 전달됩니다.
아니요. 이미지와 편집 상태는 이 탭에 있고 미디어 결과는 기기 내 임시 저장소를 사용할 수 있습니다. 언어를 바꿔도 작업은 유지되지만 새로고침, 탭 닫기, 다른 페이지로 이동하면 사라질 수 있습니다.