🖼 이미지 압축 · 변환기
PNG · JPG · WebP 변환 및 압축 — 모든 처리는 브라우저에서만 이뤄집니다 (서버 업로드 없음)
📂
클릭하거나 파일을 드래그하세요
PNG, JPG, WebP, GIF, BMP · 여러 파일 동시 처리 가능
변환 설정
82%
px · 비율 유지
크기 조절 활성화
메타데이터 제거 (EXIF · GPS 등)
그레이스케일 변환
✅ 변환 완료! 전체 다운로드 버튼을 누르면 파일이 순서대로 저장됩니다.
브라우저 설정에 따라 팝업 차단 알림이 뜰 수 있습니다 — 허용을 눌러주세요.
브라우저 설정에 따라 팝업 차단 알림이 뜰 수 있습니다 — 허용을 눌러주세요.
image-converter.html
19.7 kB
💻 제작 배경: "왜 만들었나요?"
웹 서핑을 하거나 블로그에 사진을 올릴 때, PNG 파일의 무지막지한 용량 때문에 로딩 속도가 느려졌던 경험 다들 있으시죠?
시중에 있는 압축 사이트들은 '한 번에 20장 제한'이 걸려있거나, 소중한 내 사진이 '서버에 업로드'된다는 찝찝함이 있었습니다.
그래서 "내 브라우저 안에서만 안전하고 빠르게, 그리고 무제한으로" 쓸 수 있는 도구가 필요해 직접 만들게 되었습니다.
- 포인트: "서버 업로드 NO! 개인정보 걱정 없이 브라우저에서 끝내는 이미지 다이어트"
- 특징: 복잡한 설치 없이 HTML 파일 하나로 압축, 크기 조절, 형식 변환까지 한 번에 해결합니다.
✨ 주요 기능 소개
① 100% 클라이언트 사이드 처리 (Privacy First)
- 사용자의 이미지는 절대 외부 서버로 전송되지 않습니다.
- 모든 압축과 변환 과정이 여러분의 PC 브라우저 자원을 활용해 이루어지므로 보안이 완벽합니다.
② 드래그 앤 드롭 멀티 컨버팅
- 여러 장의 사진을 한꺼번에 마우스로 끌어다 놓으세요.
- PNG, JPG, WebP는 물론 BMP, GIF까지 지원하며, 클릭 한 번으로 모든 파일을 동시에 변환할 수 있습니다.
③ 스마트 압축 설정 (Quality Control)
- 품질 조절: 10%부터 100%까지 슬라이더로 직관적으로 용량을 조절합니다.
- 크기 조절: 고해상도 이미지를 웹용으로 빠르게 리사이징할 수 있습니다 (너비 기준 비율 유지).
- 부가 기능: 개인정보 보호를 위한 EXIF 메타데이터 제거 기능과 감성적인 그레이스케일(흑백) 변환 모드를 지원합니다.
④ 한눈에 보는 절감 효과
- 압축 전후의 용량을 실시간으로 비교해 드립니다.
- 몇 %의 용량이 줄어들었는지, 총 얼마만큼의 하드 용량을 아꼈는지 요약 바를 통해 직관적으로 확인하세요.
🛠 사용 방법
- 중앙의 드롭존에 파일을 드래그하거나 클릭하여 파일을 추가합니다.
- 오른쪽 설정창에서 원하는 포맷(JPG/WebP/PNG)과 압축 품질을 정합니다.
- [변환 시작] 버튼을 누르면 순식간에 처리가 완료됩니다.
- [전체 다운로드]를 눌러 변환된 이미지들을 저장하세요!
맺음말
단순히 용량을 줄이는 것을 넘어, 웹사이트 로딩 속도를 개선하고 데이터 사용량을 아껴주는 효율적인 도구가 되었으면 좋겠습니다.
이 프로그램은 HTML 파일 하나로 구성되어 있어, 소스 코드를 복사해 개인 블로그 페이지에 적용하거나 로컬에 저장해두고 언제든 꺼내 쓰실 수 있습니다. 저처럼 대량의 이미지를 자주 다루는 분들께 작은 도움이 되길 바랍니다!
'작업' 카테고리의 다른 글
| flex 클릭 한 번으로 끝내는 CSS Flexbox 완벽 정복 (0) | 2026.04.17 |
|---|---|
| 디자인 컬러 고민 끝! 사진에서 색상 추출하고 조합까지 해주는 '나만의 컬러 차트' (0) | 2026.04.09 |
| BMP 소스를 한 번에 PNG로! '웹 이미지 변환기' 제작 & 공유 (0) | 2026.03.29 |
| 웹디자인 기능사 실기: 시험 전 꼭 확인해야 할 핵심 코드 요약 (필기노트) (0) | 2026.03.22 |