PNG와 JPG와 WebP의 차이

세 형식을 가르는 두 가지 기준

이미지 형식을 고를 때 따져 볼 기준은 사실상 두 가지예요. 투명한 부분을 저장할 수 있는지, 그리고 파일을 줄일 때 원본 정보를 얼마나 버리는지예요. 이 두 가지만 알면 PNG, JPG, WebP의 쓰임새가 대부분 정리돼요.

압축 방식은 크게 손실 압축과 무손실 압축으로 나뉘어요. 손실 압축은 사람 눈에 덜 띄는 정보를 버려서 파일을 작게 만들고, 한 번 버린 정보는 되살릴 수 없어요. 무손실 압축은 정보를 하나도 버리지 않고 저장 방식만 효율적으로 바꾸니까, 열어 보면 저장 전과 똑같은 픽셀이 나와요.

JPG가 스티커에 맞지 않는 이유

JPG는 사진을 작은 용량으로 저장하는 데 강해요. 하늘이나 피부처럼 색이 천천히 변하는 영역에서는 버려진 정보가 눈에 거의 띄지 않거든요. 그런데 스티커에는 사진과 다른 약점이 있어요. 가장자리가 투명해지는 경계가 있고, 그 경계 바로 옆에 진한 색 면이 맞닿는 경우가 많아요. 경계 주변에 번진 듯한 얼룩이 생길 수 있고, 편집한 뒤 손실 압축으로 다시 저장하면 그 얼룩이 늘어날 수 있어요.

더 큰 문제는 투명 배경을 저장할 수 없다는 점이에요. 투명한 스티커를 JPG로 저장하면 비어 있던 부분이 흰색이나 검은색 같은 단색으로 채워져요. 그러면 스티커가 아니라 배경이 붙은 사각형 그림이 되어서, 영상이나 공지 이미지 위에 올리는 순간 네모난 틀이 드러나요. 리라픽스 스티커를 받은 뒤 편집 과정에서 JPG로 한 번이라도 변환하면 투명한 배경이 사라지니까 조심해야 해요.

WebP는 어떻게 다른가

WebP는 PNG처럼 투명 배경을 저장할 수 있고, JPG처럼 손실 압축도 고를 수 있는 비교적 새로운 형식이에요. 같은 그림을 더 작은 용량으로 저장할 수 있어서 웹페이지에 올리는 이미지에 널리 쓰여요. 투명한 WebP도 스티커로 쓸 수는 있어요.

다만 사용하는 편집 프로그램이나 올리려는 서비스가 WebP를 어디까지 받아 주는지는 제각각이에요. 열리지 않거나 투명 배경이 사라지는 환경이 있을 수 있어서, 겹쳐 쓰는 작업에서는 쓰는 프로그램이 PNG를 지원한다면 받은 PNG를 그대로 쓰는 편이 간편해요. 용량을 줄여야 하는 웹페이지용 최종 이미지에서 WebP를 고려하는 정도가 현실적인 구분이에요.

리라픽스가 PNG로 배포하는 이유

리라픽스 스티커는 투명 배경 PNG, 1024 x 1024 픽셀로 배포해요. 그림은 평평한 색면이 아니라 털의 결, 천의 주름, 은은한 음영이 섞인 3D 봉제 인형 질감이에요. 색이 부드럽게 이어지는 그림이라 무손실 압축으로 저장하면 파일이 큰 편이에요. 원본 파일은 한 장에 대략 1MB 안팎이에요. 용량보다 원본 그대로의 품질을 우선한 선택이에요.

더 중요한 이유는 가장자리예요. 하뭉의 흰 털이나 포롱이의 보송한 가장자리는 선으로 끊기지 않고 투명한 쪽으로 서서히 옅어져요. 이 반투명한 픽셀은 PNG에서는 그대로 보존되지만, 투명 정보를 지원하지 않는 형식으로 바꾸면 단색 바탕으로 굳으면서 가장자리에 흰 띠나 어두운 띠가 남을 수 있어요. 가장자리를 말끔하게 지키려면 저장할 때 정보를 잃지 않는 형식이어야 해요.

저장을 거듭할 때의 차이도 있어요. 무손실인 PNG는 열었다가 다시 저장해도 픽셀이 그대로예요. JPG를 편집한 뒤 손실 압축으로 다시 저장하면 정보가 더 손실될 수 있어요. 스티커를 여러 사람이 돌려 쓰거나 메신저로 받아 다시 저장하는 일이 잦다면 이 차이가 쌓일 수 있어요. 받은 PNG는 원본을 따로 두고, 손볼 때는 복사본으로 작업하는 습관이 도움이 돼요.

작업할 때의 형식 사용 원칙

스티커를 올리는 작업 중에는 PNG를 그대로 써요. 편집 프로그램 안에서 스티커를 따로 변환하지 말고 받은 파일을 곧바로 불러와요. 작업이 끝나 최종 결과물을 내보낼 때에야 올릴 곳에 맞는 형식을 골라요. 사진이 대부분인 이미지는 JPG, 글자와 스티커 위주라서 선명함이 중요하면 PNG, 웹 게시용이라 용량이 중요하면 WebP를 검토해요. 최종 이미지가 JPG여도 괜찮아요. 스티커가 이미 장면 위에 합쳐져 있어서 투명도가 더는 필요하지 않으니까요.

받은 파일이 정말 투명한지 확인하려면 파일을 열었을 때 배경이 체크무늬로 보이는지 살펴봐요. 프로그램에 따라 표시 방식은 다르지만, 흰색이나 검은색 배경이 고정되어 있다면 투명도가 사라졌을 수 있어요. 그럴 땐 원래 파일을 다시 받는 편이 나아요. 흰 털의 하뭉이나 흰 거품 속의 픽스 목욕 시간 스티커를 흰 배경 위에서만 봤다면 투명 여부를 알기 어려우니, 어두운 색 위에도 한 번 올려 봐요. 그림 둘레에 흰 띠가 번지는지도 그때 함께 눈에 들어와요.