PNG를 JPG로 바꾸니 배경이 하얘지고 글자가 흐릿한 이유

로고 주변의 체크무늬가 하얗게 바뀌거나, 작은 글자 주위에 얼룩이 생겼다면 두 문제를 나눠 보세요. 배경 변화는 투명도, 글자 변화는 손실 압축과 크기의 문제일 수 있습니다. 용량이 작아졌다는 이유만으로 결과가 더 좋은 것은 아닙니다.

투명도가 필요하면 JPG는 맞지 않습니다

JPEG는 알파 투명도를 저장하지 않습니다. 이 사이트는 JPG를 만들 때 투명한 부분을 흰색으로 채웁니다. PNG와 WebP 출력은 투명도를 유지할 수 있습니다. 검은 배경의 게시물에 붙일 로고라면, JPG의 흰 사각형이 보이는 것이 파일 손상이 아니라 배경이 합쳐진 결과일 수 있습니다.

‘WebP는 언제나 가장 작다’, ‘PNG는 언제나 원본 그대로’라고 단정하지 마세요. 원본의 무늬, 픽셀 수, 브라우저 인코더에 따라 결과가 달라지고, 이 도구의 재저장 과정에서 메타데이터나 색상이 바뀔 수 있습니다.

왜 JPG에서 작은 글자 주변이 지저분해질까요?

사진 속 부드러운 색 변화와 글자의 날카로운 경계는 성격이 다릅니다. JPG처럼 손실 압축을 사용하는 형식은 작은 획이나 고대비 테두리를 바꿀 수 있습니다. 글자가 이미 몇 픽셀밖에 되지 않는다면 품질보다 해상도 축소가 더 큰 문제일 수도 있습니다.

흐릿해진 JPG를 PNG로 다시 저장해도 사라진 디테일이 돌아오지는 않습니다. 항상 보관한 원본에서 다시 시작하세요. 화면을 캡처해서 덮어쓰거나 압축 파일을 여러 번 압축하는 방법은 피하는 편이 낫습니다.

같은 원본으로 3분 비교하기

1. 연습용 격자 PNG를 선택합니다. 아래쪽 가는 선과 대각선을 비교할 지점으로 정하세요.
2. JPG, 목표 200KB, 가로 1,200px, ‘지정한 픽셀 유지’로 변환합니다. 목표 초과 여부와 실제 바이트를 기록하세요.
3. ‘100% 크기로 자세히 보기’에서 원본 참조와 결과를 전환합니다. 선 주변의 색 번짐·끊김을 비교하세요.
4. 같은 원본에서 PNG로 다시 변환하고 차이를 봅니다. PNG는 이 도구에서 품질 수치로 압축하지 않습니다.
5. 본인 파일에도 같은 순서로 적용하되, 최종 사용 크기에서도 한 번 더 확인합니다.

격자는 투명하지 않아 투명도 시험용은 아닙니다. 투명도를 확인하려면 직접 가진 투명 PNG를 사용하세요. 또한 연습용 원본은 차이를 관찰하기 위한 무압축 PNG라 절약률을 실제 사진의 성과로 해석하면 안 됩니다.

용량 때문에 투명도를 포기해야 하나요?

먼저 제출처의 허용 형식을 확인하세요. WebP를 받으면 투명도를 유지한 WebP 출력과 PNG를 비교할 수 있습니다. PNG만 받는다면 필요한 픽셀 크기를 정하고, 정확한 크기가 요구될 때는 자동 축소를 끈 상태에서 시도합니다. 목표를 못 맞췄다면 이를 성공으로 취급하지 마세요. 이 사이트는 PNG 팔레트 양자화나 모든 압축 방식을 제공하지 않습니다.

JPG·PNG·WebP 실제 변환하기 → ·저장한 파일의 형식·바이트 검사 →

기술 근거와 한계

MDN 이미지 형식 안내의 투명도·손실 압축 설명과 Canvas 저장 API를 참고했습니다. 흰색 배경 처리와 연습 순서는 이 사이트의 구현입니다. 모든 기기에서 같은 바이트나 색상 결과가 나오는 것은 아닙니다.