갑자기 PNG를 JPG로 바꿔야 할 때
카카오톡으로 사진을 보내려는데 파일 용량이 너무 크다. 이메일에 이미지를 첨부하려니 5MB 제한에 걸린다. 쇼핑몰에 상품 이미지를 올리는데 JPG만 지원한다고 뜬다. 이런 상황, 생각보다 자주 겪는다.
스마트폰 스크린샷은 대부분 PNG로 저장된다. 디자인 작업에서 내보낸 파일도 PNG인 경우가 많고. 문제는 PNG가 용량이 크다는 거다. 사진 한 장이 5~10MB를 넘기는 일도 흔하다. 그래서 전송하거나 업로드하기 전에 JPG로 바꿔야 하는 순간이 온다.
포토샵을 열 필요까지는 없다. 요즘은 브라우저에서 바로 변환할 수 있는 도구가 있어서, 클릭 몇 번이면 끝난다. 설치도 필요 없고 파일을 서버에 올릴 일도 없으니 보안 걱정도 덜하다.
PNG와 JPG의 차이
둘 다 이미지 파일인 건 맞는데, 성격이 꽤 다르다.
PNG는 무손실 압축 방식이다. 원본 데이터를 그대로 보존하기 때문에 화질 저하가 없다. 투명 배경도 지원한다. 그래서 로고, 아이콘, 텍스트가 들어간 그래픽에 주로 쓰인다. 대신 파일 크기가 크다. 색상 정보를 하나도 버리지 않으니까 당연한 셈이다.
JPG는 손실 압축 방식이다. 사람 눈에 잘 안 띄는 색상 정보를 조금씩 버리면서 파일 크기를 줄인다. 사진처럼 색이 다양하고 복잡한 이미지에 적합하다. 투명 배경은 지원하지 않는다. 대신 같은 이미지라도 PNG보다 용량이 훨씬 작다.
솔직히 일반 사진이라면 JPG와 PNG의 화질 차이를 눈으로 구분하기 어렵다. 하지만 용량 차이는 확실히 체감된다. 그래서 웹에 올리는 사진 대부분은 JPG를 쓰는 편이다.
정리하자면, PNG는 품질과 투명도가 중요한 그래픽용이고, JPG는 용량 효율이 중요한 사진용이다. 어느 쪽이 더 좋다기보다 용도가 다른 거다.
PNG를 JPG로 바꾸면 용량이 얼마나 줄어드나
구체적인 수치를 보면 감이 온다.
스마트폰으로 찍은 스크린샷 하나를 예로 들어보자. PNG 상태에서 4.2MB였던 파일이 JPG(품질 85%)로 변환하면 약 680KB로 줄어든다. 용량이 약 84% 감소하는 셈이다. 사진이 아닌 단순한 그래픽이라도 절반 이하로 떨어지는 경우가 대부분이다.
조금 더 구체적으로 보면 이렇다.
| 이미지 유형 | PNG 용량 | JPG 변환 후 | 감소율 |
|---|---|---|---|
| 스마트폰 스크린샷 | 4.2MB | 680KB | 약 84% |
| 디지털 카메라 사진 | 8.5MB | 1.2MB | 약 86% |
| 웹 디자인 목업 | 2.8MB | 420KB | 약 85% |
| 단순 텍스트 그래픽 | 1.1MB | 390KB | 약 65% |
사진처럼 색이 복잡한 이미지일수록 압축 효율이 높고, 단색이나 텍스트 위주 이미지는 상대적으로 감소폭이 적다. 그래도 반 이상은 줄어들기 마련이다.
이메일 첨부 용량 제한이 10MB인데 PNG 사진 세 장이면 벌써 초과하는 경우가 많다. JPG로 바꾸면 같은 사진 열 장도 거뜬하다. [이미지 용량 자체를 더 줄이고 싶다면 리사이즈를 함께 활용](/resize)하면 효과가 더 크다.
변환 시 주의할 점
아무 생각 없이 변환하면 낭패를 보는 경우가 있다. 몇 가지 알아두면 좋은 점을 짚어본다.
투명 배경이 사라진다. 이게 가장 흔한 실수다. PNG에서 투명하게 처리된 배경이 JPG로 바뀌면 흰색(또는 검은색)으로 채워진다. 로고나 스티커처럼 투명 배경이 필수인 이미지는 JPG로 바꾸면 안 된다. 변환 전에 원본 이미지의 배경이 투명한지 꼭 확인해야 한다.
텍스트와 선이 뭉개질 수 있다. JPG는 손실 압축이라 선명한 경계선이 살짝 흐려지는 현상이 생긴다. 사진에서는 거의 눈에 안 띄지만, 텍스트나 로고처럼 경계가 또렷해야 하는 이미지에서는 티가 날 수 있다. 이런 종류의 이미지는 PNG 상태로 두는 게 낫다.
품질 설정에 신경 써야 한다. JPG 변환 시 품질(Quality)을 조절할 수 있는데, 보통 80~90% 정도가 화질과 용량의 균형이 가장 좋다. 100%로 하면 용량 이점이 거의 없고, 50% 이하로 내리면 눈에 보일 정도로 화질이 떨어진다. 막상 해보면 85% 정도가 딱 적당한 지점이다.
반복 변환은 피해야 한다. JPG를 열어서 편집하고 다시 JPG로 저장하면 매번 화질이 조금씩 떨어진다. 이걸 세대 손실(generation loss)이라고 하는데, 여러 번 반복하면 확실히 열화가 눈에 보인다. 원본 PNG는 따로 보관해두는 게 좋다.
Pixkit으로 PNG를 JPG로 변환하는 법
복잡한 프로그램 없이 브라우저에서 바로 할 수 있다. [Pixkit 이미지 변환 도구](/convert)를 쓰면 된다. 순서대로 따라가 보자.
첫 번째, Pixkit 변환 페이지에 접속한다. 브라우저에서 Pixkit의 Convert 페이지로 들어간다. 별도 로그인이나 회원가입 같은 건 없다. 접속하면 바로 파일 업로드 영역이 보인다.
두 번째, PNG 파일을 업로드한다. 화면 중앙의 업로드 영역에 파일을 드래그하거나, 클릭해서 파일을 선택한다. 여러 장을 한꺼번에 올릴 수도 있다. 파일은 서버로 전송되지 않고 브라우저 안에서만 처리되니 개인정보 걱정은 안 해도 된다.
세 번째, 출력 형식을 JPG로 선택한다. 변환 옵션에서 출력 포맷을 JPG(JPEG)로 지정한다. 품질 설정이 있다면 85% 전후로 맞추면 화질과 용량 사이에서 좋은 균형을 잡을 수 있다.
네 번째, 변환 버튼을 누른다. 변환은 몇 초면 끝난다. 이미지 크기에 따라 다르지만 일반적인 사진 한 장이면 거의 즉시 처리된다. 여러 장이어도 순식간이다.
다섯 번째, 변환된 JPG 파일을 다운로드한다. 변환이 끝나면 다운로드 버튼이 나타난다. 클릭하면 JPG 파일이 내 컴퓨터에 저장된다. 원본 PNG는 그대로 남아 있으니 안심해도 된다.
전체 과정이 1분도 안 걸린다. 의외로 간단해서 처음 하는 사람도 헤맬 일이 없다.
반대로 JPG를 PNG로 바꿔야 할 때
가끔은 반대 방향의 변환이 필요할 때도 있다.
대표적인 경우가 투명 배경이 필요한 상황이다. 쇼핑몰 상품 이미지에서 배경을 제거하고 싶은데, JPG 상태로는 투명 배경 저장이 안 된다. 이럴 때 PNG로 변환한 뒤 배경 제거 작업을 진행해야 한다.
또 하나는 추가 편집이 예정된 경우다. 앞서 말한 것처럼 JPG는 저장할 때마다 화질이 떨어지니까, 편집 작업을 여러 번 해야 한다면 PNG로 바꿔서 작업하고 최종 결과물만 JPG로 내보내는 방식이 합리적이다.
[Pixkit 변환 도구](/convert)에서 JPG를 PNG로 바꾸는 것도 똑같은 방법으로 할 수 있다. 출력 형식만 PNG로 선택하면 끝이다. 다만 JPG를 PNG로 바꾼다고 화질이 복원되지는 않는다는 점은 알아둬야 한다. 이미 손실된 정보는 되살릴 수 없기 때문이다.
WebP는 어떤가
요즘 웹에서 점점 존재감이 커지는 형식이 있다. 바로 WebP다.
구글이 만든 이미지 형식인데, JPG보다 파일 크기가 25~35% 정도 더 작으면서도 화질은 비슷하거나 오히려 나은 수준이다. PNG처럼 투명 배경도 지원하고, 심지어 애니메이션까지 가능하다. JPG와 PNG의 장점을 합쳐놓은 느낌이라고 보면 된다.
몇 년 전만 해도 호환성 문제가 있었는데, 이제는 크롬, 사파리, 파이어폭스, 엣지 등 주요 브라우저가 전부 지원한다. 워드프레스나 쇼핑몰 플랫폼들도 WebP 업로드를 허용하는 추세다.
웹사이트 운영자라면 이미지를 WebP로 통일하는 걸 진지하게 고려해볼 만하다. 페이지 로딩 속도에 직접적인 영향을 주기 때문이다. 사용자 경험도 좋아지고 SEO에도 유리하다.
[Pixkit에서는 PNG나 JPG를 WebP로 변환하는 것도 가능하다.](/convert) 같은 변환 도구에서 출력 형식만 WebP로 바꿔주면 된다. [JPG, PNG, WebP 세 형식의 차이가 더 궁금하다면 비교 글을 참고](/blog/jpg-png-webp-difference)하면 도움이 될 거다.
정리하면
PNG를 JPG로 바꾸는 건 어렵지 않다. 중요한 건 왜 바꾸는지, 그리고 바꿀 때 뭘 주의해야 하는지를 아는 것이다. 투명 배경이 있는 이미지는 함부로 변환하지 말고, 품질 설정은 80~90% 사이로 잡고, 원본은 따로 보관해두면 된다.
용량 때문에 급하게 변환해야 할 때, Pixkit을 열고 파일을 올리고 JPG를 선택하면 그걸로 충분하다. 설치도 회원가입도 필요 없다. 브라우저만 있으면 끝이다.