이미지 형식 변환 도구 (PNG/JPG/WebP)
이미지를 PNG·JPG·WebP 형식으로 상호 변환할 수 있는 무료 도구. 출력 화질 조절도 가능하며, 변환 처리는 모두 브라우저 내에서 완료되어 서버로 전송되지 않는다.
지원 형식 비교
| 형식 | 압축 방식 | 투명도(알파 채널) | 출력 지원 |
|---|---|---|---|
| PNG | 무손실 압축 | 지원 | 지원 |
| JPG(JPEG) | 손실 압축 | 미지원 | 지원 |
| WebP | 무손실·손실 모두 지원 | 지원 | 지원 |
| GIF | 무손실 압축(팔레트 방식) | 지원(이진값만) | 미지원(입력 전용. 첫 프레임을 다른 형식으로 변환 가능) |
이미지 형식 변환이란
이미지 형식 변환 도구는 PNG・JPG・WebP 형식을 브라우저 안에서만 처리하여 서로 변환할 수 있는 도구입니다. 블로그에 올리기 전에 사진 용량을 줄이고 싶을 때, 투명 배경이 필요한데 가지고 있는 파일이 JPG뿐일 때처럼 일상적인 고민을 이미지를 서버에 업로드하지 않고도 그 자리에서 해결할 수 있습니다. 브라우저의 Canvas API를 이용하므로 지원 브라우저라면 별도의 프로그램을 설치할 필요가 없습니다.
변환할 형식에 따라 화질・파일 크기・투명도 지원 여부가 달라지므로 목적에 맞게 선택하는 것이 중요합니다. 사진은 압축률을 우선해 JPG나 WebP로, 로고나 아이콘처럼 투명도를 유지해야 하는 이미지는 PNG나 WebP로 변환하는 것이 기본적인 사용법입니다. 화질 슬라이더로 압축 강도를 조정할 수 있으므로, 화질과 파일 크기의 균형을 보면서 최적의 설정을 찾을 수 있습니다.
이미지 형식 변환 사용법
- 이미지를 선택합니다 드롭존에 이미지를 드래그 앤 드롭하거나, 클릭해서 파일을 선택합니다.
- 변환할 형식을 고릅니다 PNG・JPG・WebP 중에서 용도에 맞는 출력 형식을 선택합니다.
- 화질을 조정합니다（JPG・WebP만 해당） 슬라이더로 화질과 파일 크기의 균형을 확인하면서 조정합니다.
- 변환 후 다운로드합니다 버튼을 누르면 변환이 실행되고, 결과 파일이 자동으로 다운로드됩니다.
더 잘 활용하기 위한 팁
- JPG·WebP의 화질 슬라이더는 값을 낮출수록 파일 크기는 작아지지만 화질도 거칠어집니다. 사진은 80 전후, 일러스트는 90 이상을 기준으로 하세요.
- 투명 배경 PNG를 JPG로 변환하면 JPG는 알파 채널을 지원하지 않으므로 투명 부분이 흰색 등 배경색으로 채워집니다. 투명도를 유지하고 싶다면 PNG나 WebP를 선택하세요.
- WebP는 비슷한 화질에서도 PNG나 JPG보다 파일 크기를 줄일 수 있는 경우가 많아 웹페이지 로딩 속도 개선에 적합합니다.
- GIF 이미지를 업로드하면 애니메이션의 첫 프레임만 변환됩니다. 움직이는 GIF를 그대로 다른 형식으로 저장할 수는 없습니다.
- 변환된 파일은 자동으로 다운로드 폴더에 저장됩니다. 형식이나 화질을 바꿔가며 몇 번이든 다시 변환할 수 있습니다.
이미지 형식 변환 활용 장면
블로그・쇼핑몰의 표시 속도 개선
게재할 사진을 WebP로 변환해 파일 크기를 줄이고 페이지 표시 속도를 개선하고 싶을 때 사용합니다.
로고・아이콘의 투명도를 유지한 채 형식 변환
JPG로 변환하면 사라지는 투명 부분을 PNG나 WebP로 변환해 유지하고 싶을 때 유용합니다.
업로드・첨부 제한에 대응
업로드처가 JPG만 허용하거나 파일 크기에 상한이 있는 등의 제약에 맞추어 형식을 바꾸고 싶을 때 사용할 수 있습니다.
오래된 이미지 형식 정리
가지고 있는 GIF 이미지를 지금 널리 쓰이는 PNG나 WebP로 한꺼번에 다시 변환하고 싶을 때 활용할 수 있습니다.
이미지 형식 용어집
- 무손실 압축
- 압축해도 원본 데이터를 완전히 복원할 수 있는 압축 방식입니다. PNG가 채택하고 있으며 화질 저하가 없습니다.
- 손실 압축
- 일부 정보를 덜어내어 압축하는 방식입니다. JPG가 채택하고 있으며 압축률을 높일수록 화질이 거칠어집니다.
- 알파 채널（투명도）
- 이미지의 각 픽셀에 불투명도 정보를 담는 방식입니다. PNG・WebP가 지원하며 배경을 투명하게 만들 수 있습니다.
- Canvas API
- 브라우저에서 이미지를 그리고 가공할 수 있는 자바스크립트 기능입니다. 이 도구의 변환 처리는 이 API를 이용합니다.
- WebP
- 구글이 개발한 이미지 형식입니다. 무손실・손실 압축을 모두 지원하며 비슷한 화질이라도 PNG・JPG보다 파일 크기를 줄일 수 있습니다.
자주 묻는 질문
여담이지만 ― WebP는 왜 탄생했을까
WebP는 2010년 구글이 발표한 이미지 형식으로, 자사가 개발한 동영상 코덱 「VP8」의 키프레임 압축 기술을 정지 이미지에 응용한 것입니다. 당시 주류였던 JPEG는 1992년에 표준화된 오래된 규격이었으며, 동영상 코덱의 발전으로 다져진 새로운 압축 알고리즘을 사용하면 비슷한 화질로도 파일 크기를 더 줄일 수 있을 것이라는 목표에서 개발이 시작되었습니다.
등장 초기에는 지원하는 브라우저가 적어 보급이 더뎠지만, 2020년을 전후해 Safari나 Edge 등 주요 브라우저가 잇따라 지원하면서 상황이 크게 바뀌어, 현재는 거의 모든 최신 브라우저에서 WebP 이미지를 표시할 수 있게 되었습니다. 구글 검색 엔진도 페이지 표시 속도를 평가 지표 중 하나로 삼고 있어, WebP로의 전환은 SEO 관점에서도 의미를 갖게 되었습니다.
한편 PNG는 1996년 GIF의 특허 문제(Unisys가 보유한 LZW 압축 특허 사용료를 둘러싼 논란)를 계기로, 로열티 없는 대체 형식으로 개발된 배경이 있습니다. 무손실 압축이면서도 GIF보다 높은 압축률과, 256색에 제한되지 않는 풀컬러 표현·8비트 알파 채널을 통한 매끄러운 반투명 표현을 실현해, 이후 로고나 아이콘, 스크린샷의 저장 형식으로 널리 사용되어 왔습니다.