본문으로 이동
Develop Tools
← 사용 가이드로 돌아가기

PNG·JPEG·WebP의 차이와 용도별 선택 방법

이미지 형식은 확장자만 다른 것이 아닙니다. 사진, 로고, 스크린샷 등 용도에 맞는 형식을 선택하면 화질을 유지하면서 파일 크기를 줄일 수 있습니다.

이미지를 읽고 출력 형식과 품질을 선택하여 변환하고 비교하는 흐름
이미지를 읽고 출력 형식과 품질을 선택하여 변환하고 비교하는 흐름

3 형식의 특징

형식적합한 이미지투명주요 특징
PNG로고, 다이어그램, 스크린 샷지원윤곽이 선명하지만 사진에서는 커지기 쉽습니다.
JPEG사진, 그라데이션미지원압축률을 조정하기 쉽지만 재저장으로 열화
WebP웹 게시용 사진과 그림지원파일이 비교적 작고 현재 주요 브라우저에서 폭넓게 지원됨

변환하는 단계

  1. 원본 이미지를 불러와 픽셀 치수와 투명 부분이 있는지 확인합니다.
  2. 용도에 맞는 출력 형식, 화질, 필요하면 리사이즈 치수를 설정합니다.
  3. 변환 후 파일 크기와 미리보기를 비교합니다.
  4. 문자, 가는 선, 투명 영역을 확대해 확인한 뒤 다른 이름으로 저장합니다.

형식 선택의 기준

웹페이지의 사진은 WebP를 우선 고려하고 호환성이 필요하면 JPEG도 준비합니다. 로고와 UI 이미지는 투명도와 선명한 윤곽을 유지할 수 있는 PNG 또는 WebP가 적합합니다.

BMP는 거의 압축되지 않아 파일이 커지기 쉽습니다. 교환용 중간 형식이나 구형 시스템과의 호환성이 필요한 경우가 아니라면 PNG 등의 형식으로 변환하는 것을 고려하세요.

이미지의 확장자만 다시 작성해도 형식은 변경되지 않습니다. 항상 이미지 변환 기능을 사용하여 원하는 형식으로 저장하십시오.

브라우저에서 사용해 보기

입력 내용은 브라우저 안에서만 처리됩니다. 원본 데이터를 보관하고 결과를 확인한 뒤 저장하거나 공유하세요.

이미지 변환 도구 열기