PNG와 WEBP는 모두 투명 배경을 지원할 수 있지만 압축 방식과 파일 크기에서 차이가 있습니다. 어떤 형식이 항상 우수한 것은 아니며 이미지 내용과 사용 환경에 따라 선택해야 합니다.
사진처럼 색 변화가 많은 이미지는 WEBP가 작은 용량을 만들기 쉽고, 단순한 아이콘이나 무손실 보존이 중요한 그래픽은 PNG가 더 예측하기 쉽습니다.
먼저 이것부터 확인하세요
웹에서 사용할 일반 사진은 작은 용량을 만들기 유리합니다.
선, 글자, 제한된 색상과 투명 배경을 선명하게 보존하기 좋습니다.
아주 오래된 프로그램에 전달해야 한다면 PNG나 JPG가 더 안전할 수 있습니다.
브라우저에서 처리하는 방법
- 1
이미지 내용이 사진인지 로고·아이콘인지 구분합니다.
- 2
웹 게시와 용량이 중요하면 WEBP, 무손실 그래픽이면 PNG를 우선 선택합니다.
- 3
실제 결과 크기와 투명 배경, 선명도를 확인한 뒤 저장합니다.
PNG가 잘 맞는 이미지
PNG는 무손실 압축으로 반복 저장에 따른 손실을 피하고 투명 영역을 유지하기 좋습니다. 로고, 아이콘, 캡처 화면, 작은 글자가 있는 그래픽에 자주 사용됩니다.
- 투명 배경 로고와 아이콘
- 텍스트가 많은 화면 캡처
- 정확한 픽셀과 색 보존이 중요한 그래픽
WEBP가 잘 맞는 이미지
WEBP는 사진과 웹 콘텐츠에서 PNG보다 훨씬 작은 결과를 만들 수 있습니다. 손실·무손실과 투명을 지원하지만, 사용하는 프로그램이 WEBP를 열 수 있는지 확인해야 합니다.
- 웹사이트 대표 이미지와 상품 사진
- 블로그에 올릴 사진
- 모바일 데이터와 로딩 속도가 중요한 화면
변환할 때 주의할 점
PNG를 손실 WEBP로 바꾸면 용량은 줄지만 미세한 선이나 글자 주변이 흐려질 수 있습니다. 반대로 사진을 PNG로 저장하면 선명해 보이더라도 파일이 불필요하게 커질 수 있습니다.
자주 묻는 질문
WEBP도 투명 배경을 지원하나요?
네. WEBP는 투명 영역을 지원합니다. 다만 결과를 사용할 편집기나 서비스가 WEBP 투명을 정상 처리하는지 확인하세요.
PNG를 WEBP로 바꾸면 항상 작아지나요?
대체로 사진에서는 작아지기 쉽지만 단순한 작은 그래픽은 차이가 적거나 설정에 따라 더 커질 수도 있습니다.
WEBP를 다시 PNG로 바꾸면 원본이 복원되나요?
손실 WEBP에서 제거된 정보는 PNG로 바꿔도 복원되지 않습니다. 중요한 원본은 별도로 보관하세요.