이미지 · 가이드
JPG·PNG·WebP 중 어떤 형식으로 저장할까?
사진, 투명 배경 이미지, 웹 게시용 그림을 기준으로 세 형식의 차이와 변환 후 확인할 점을 살펴봅니다.
편집 책임: SideSideDev
브라우저 로컬 파일 처리 도구를 개발·운영합니다. 합성 예제와 제품의 실제 옵션·출력을 대조합니다. 모든 문서의 호환성이나 원본 편집기와의 동일성을 보증하지 않습니다.
사진에는 JPG, 투명 배경에는 PNG가 편리합니다
JPG는 사진처럼 색 변화가 많은 이미지에서 보통 용량을 줄이기 쉽지만, 저장 과정에서 일부 픽셀 정보가 손실됩니다. 여러 번 다시 저장하면 작은 글자나 경계가 더 흐려질 수 있습니다. 원본을 보관하고 결과를 필요한 크기에서 확인하세요.
PNG는 투명 배경과 선명한 도형·문자에 적합합니다. JPG에는 투명 픽셀이 없으므로 투명한 PNG를 JPG로 바꾸면 배경색이 채워집니다. 웹오피스의 PNG→JPG 변환은 흰 배경을 사용하므로 로고가 흰색인 경우 경계가 사라질 수 있습니다.
확인할 점
- 배경 투명도가 필요한지 먼저 확인합니다.
- 작은 글자와 얇은 선이 있다면 변환 후 확대해 봅니다.
WebP는 사용처의 호환성을 함께 보세요
WebP는 웹 게시에 적합한 형식이지만, 제출 시스템이나 오래된 편집 프로그램이 받는 형식은 각각 다릅니다. 파일 크기만 보고 바꾸지 말고 업로드 대상이 WebP를 허용하는지 확인해야 합니다.
형식을 바꿔도 화질이 자동으로 좋아지지는 않습니다. 낮은 화질의 JPG를 PNG로 바꾸면 용량만 늘어날 수 있습니다. 결과 파일을 실제 게시 환경에서 열어 색상, 투명도, 크기를 확인하세요.
확인할 점
- 업로드 대상이 허용하는 확장자를 확인합니다.
- 변환 전후 픽셀 크기와 배경을 비교합니다.
작업 예시: 투명 로고와 행사 사진 게시하기
흰 배경이 없는 로고를 게시하려면 PNG 또는 투명도를 지원하는 형식이 필요합니다. 이를 JPG로 바꾸면 흰 배경이 생겨 어두운 페이지에서 사각형이 드러납니다. 반면 행사 사진은 JPG로 저장하면 게시 용량을 줄이기 쉬울 수 있습니다.
사이트가 WebP를 지원한다면 게시용 사본을 따로 만들 수 있지만, 원본 편집 파일은 그대로 보관하세요. 받는 곳이 JPG·PNG만 허용한다면 WebP 파일이 더 작아도 제출할 수 없습니다.
확인할 점
- 투명 배경이 실제로 필요한지 확인합니다.
- 게시 대상이 지원하는 형식을 확인합니다.
함께 연습할 공개 합성 파일
아래 자료를 내려받은 뒤 해당 도구에서 직접 선택합니다. 결과를 공유하기 전에 본문 검수 항목과 비교하세요.
형식과 API 참고 자료
일반 형식·API의 출처입니다. 웹오피스의 입력 지원·옵션·결과는 현재 도구 안내와 검수 항목을 기준으로 확인하세요.