이미지 변환기: PNG, JPG, WebP.
이미지를 한 장 또는 여러 장씩 PNG, JPG, WebP로 변환하고, 변환 전후의 파일 크기를 비교하세요. 브라우저에서 실행되므로 이미지가 업로드되지 않습니다.
브라우저 안에서 실행됩니다. 여기에 넣은 파일은 업로드되거나 저장되지 않습니다.
이미지 변환 방법
- 이미지를 선택하거나 위 상자에 끌어다 놓으세요. 여러 장을 한 번에 추가할 수 있습니다.
- 변환할 형식을 고르세요. PNG, JPG, WebP 중에서 고릅니다.
- 품질을 설정하세요. JPG와 WebP는 40%에서 100% 사이로 설정하며 기본값은 85%입니다. 낮을수록 파일이 작아지지만 압축 흔적이 더 보입니다. PNG는 무손실이라 품질 설정이 없습니다.
- 변환한 뒤 파일을 하나씩 다운로드하세요. 목록에서 각 파일의 변환 전후 크기를 확인할 수 있습니다.
알아 두면 좋은 점:
- 투명도. PNG와 WebP는 투명한 영역을 유지합니다. JPG는 투명도를 저장할 수 없어 투명한 영역이 흰색이 됩니다.
- 크기와 이름. 이미지의 너비와 높이는 그대로이고, 파일 이름도 확장자만 바뀝니다.
hero.png는hero.webp가 됩니다. - 입력 형식. PNG, JPG, WebP 외에도 GIF처럼 브라우저가 열 수 있는 이미지를 추가할 수 있습니다. 움직이는 이미지는 정지된 한 프레임으로 저장됩니다.
- 메타데이터. 각 이미지를 픽셀에서 다시 그리기 때문에 카메라 정보나 GPS 위치 같은 메타데이터는 새 파일에 복사되지 않습니다.
- 브라우저 지원. 브라우저가 어떤 형식으로 저장할 수 없으면 다른 형식으로 저장하지 않고 그 사실을 알려 줍니다. 다른 형식이나 브라우저를 써 보세요.
Codex로 만드는 페이지는 WebP로 더 빠르게
이미지는 보통 페이지에서 가장 무거운 부분입니다. WebP 파일은 비슷한 품질의 JPG보다 대개 눈에 띄게 작고, PNG 사진보다는 훨씬 작으며, 주요 브라우저는 모두 WebP를 표시합니다. 이미지를 프로젝트에 넣기 전에 변환하는 것이 가장 쉬운 속도 개선 방법입니다.
- 커밋하기 전에 변환하세요. 히어로 사진, 스크린샷, 디자인용으로 생성한 이미지를 품질 75~85%의 WebP로 변환하고, 여전히 괜찮아 보이는지 확인한 뒤
public/images같은 프로젝트 이미지 폴더에 넣으세요. - 필요한 곳은 PNG로 두세요. 그래픽의 가는 선이나 작은 글자가 WebP에서 흐려진다면 그 이미지는 PNG로 두세요. 로고와 아이콘은 보통 SVG가 가장 좋습니다.
- 대량 작업은 자동화하세요. 이 도구는 몇 장 정도일 때 가장 빠릅니다. 수십 장이라면 Codex에 빌드 과정에 변환 단계를 추가해 달라고 하세요.
그다음 Codex에 새 파일을 쓰라고 알려 주세요.
[랜딩 페이지]에 [public/images]의 WebP 이미지를 써 줘. PNG나 JPG를 참조하는 부분을 모두 해당 .webp 파일로 바꾸고, 로딩 중에 레이아웃이 밀리지 않도록 모든 <img>에 width와 height를 지정하고, 첫 화면 아래에 있는 이미지는 지연 로딩해 줘.
자주 묻는 질문
이미지 변환기는 무료인가요?
네. 회원가입도, 워터마크도, 하루 사용 제한도 없습니다.
이미지가 업로드되나요?
아니요. 브라우저가 내 기기에서 각 이미지를 읽고, 다시 그리고, 저장합니다. 변환된 파일은 다시 변환하거나 탭을 닫을 때까지 페이지 메모리에만 있습니다. 사이트는 도구가 사용되었다는 사실만 집계하며, 무엇을 넣었는지는 절대 집계하지 않습니다.
WebP가 PNG나 JPG보다 좋은가요?
웹사이트에 쓰는 이미지라면 대부분 그렇습니다. WebP 파일은 비슷한 품질의 JPG보다 대개 작고, JPG와 달리 투명도를 지원합니다. 다만 이메일이나 WebP를 열지 못하는 오래된 소프트웨어에는 여전히 JPG가 가장 안전하고, 모든 픽셀을 정확히 보존하는 PNG가 중요한 스크린샷과 그래픽도 있습니다.
변환한 파일이 왜 더 커졌나요?
JPG나 WebP를 PNG로 변환하면 보통 커집니다. PNG는 손실 압축 없이 모든 픽셀을 저장하기 때문입니다. 품질을 아주 높게 설정해도 WebP나 JPG가 원본보다 커질 수 있습니다. 파일을 줄이려면 WebP를 고르거나 품질을 낮추세요.