이미지 도구 완벽 가이드: 브라우저에서 변환, 압축, 크기 조절, 편집하기
개발자와 디자이너가 자주 마주치는 모든 이미지 작업을 위한 실용 가이드 — 소프트웨어 설치 없이 형식 변환, 압축, 크기 조절, 자르기, 배경 제거 등을 모두 처리할 수 있습니다.
이미지는 어디에나 있습니다 — 웹사이트, 앱, 마케팅 자료, 문서 등 다양한 곳에서 쓰입니다. 그리고 이미지를 다루다 보면 형식 불일치, 파일 용량 초과, 잘못된 크기, 변환 문제가 끊임없이 발생합니다. 이 가이드는 자주 발생하는 모든 이미지 작업을 적절한 브라우저 도구와 연결해 줍니다. 알 수 없는 서버에 파일을 업로드하지 않고도 몇 초 만에 문제를 해결할 수 있습니다.
형식 변환
HEIC to JPG
아이폰 카메라는 기본적으로 HEIC(High Efficiency Image Container) 형식을 사용합니다. 저장 공간 효율은 뛰어나지만 대부분의 웹 플랫폼, 이메일 클라이언트, 비 Apple 소프트웨어와 호환되지 않습니다.
이럴 때 필요합니다:
- JPG/PNG만 허용하는 웹 양식에 아이폰 사진 업로드 시
- Windows 사용자와 사진을 공유할 때
- 디자인 도구에서 아이폰 사진을 사용할 때
HEIC to JPG Converter를 사용해 보세요 — HEIC 사진을 드래그해서 넣으면 브라우저 안에서 즉시 JPG로 변환됩니다.
PNG to WebP
WebP는 동일한 화질에서 PNG보다 약 30% 더 작은 파일 크기를 제공하며, 투명도도 완벽히 지원합니다. 2026년 기준 97% 이상의 브라우저에서 지원됩니다.
이럴 때 필요합니다:
- 웹사이트 이미지를 최적화해 로딩 속도를 높일 때
- 웹 배포용 디자인 에셋을 변환할 때
- Core Web Vitals 점수를 위해 이미지 용량을 줄일 때
PNG to WebP Converter를 사용해 보세요.
SVG to PNG
SVG는 웹에 최적화된 형식이지만 모든 플랫폼에서 허용되지는 않습니다. 소셜 미디어, 이메일 클라이언트, 많은 앱에서는 래스터 형식을 요구합니다.
이럴 때 필요합니다:
- 웹 이외의 환경에서 사용할 로고를 내보낼 때
- SVG 일러스트에서 미리보기 이미지를 생성할 때
- 앱용 아이콘을 래스터 형식으로 변환할 때
SVG to PNG Converter를 사용해 보세요 — 출력 크기를 지정하면 어떤 크기에서도 선명하게 내보낼 수 있습니다.
범용 형식 변환기
JPG, PNG, WebP 간에 어떤 조합으로든 변환이 필요하신가요? Image Format Converter는 세 가지 형식을 모두 양방향으로 지원하며, 여러 파일을 한 번에 일괄 변환할 수 있습니다.
압축
왜 압축해야 할까요?
이미지는 평균 웹 페이지 용량의 약 50%를 차지합니다. 최적화되지 않은 히어로 사진 하나만으로도 페이지에 3~5 MB가 추가되어 Core Web Vitals와 모바일 로딩 속도에 악영향을 줄 수 있습니다.
압축 방식:
| 방식 | 제거 대상 | 화질 영향 |
|---|---|---|
| 손실 압축 | 사람이 거의 인식하지 못하는 데이터 | 고화질 설정에서 미미함 |
| 무손실 압축 | 중복 메타데이터, 색상 패턴 | 없음 |
사진(JPEG, WebP)의 경우: 7585% 품질로 손실 압축하면 보통 파일 크기의 6080%를 절감할 수 있으며, 화면에서는 차이를 거의 느낄 수 없습니다.
스크린샷과 다이어그램(PNG)의 경우: 무손실 압축으로 메타데이터를 제거하고 색상 테이블을 최적화해도 화질 손실이 전혀 없습니다.
Image Compressor를 사용해 보세요 — 브라우저에서 완전히 실행되며, 압축 전후 화질을 나란히 비교할 수 있습니다.
크기 조절
표시 크기에 맞게 출력하기
가장 흔한 실수: 800×600으로 표시되는 4000×3000 사진을 그냥 압축하는 것입니다. 항상 먼저 표시 크기에 맞게 크기를 조절한 다음 압축하세요.
자주 사용되는 목표 크기:
| 용도 | 권장 크기 |
|---|---|
| 웹사이트 히어로 (전체 너비) | 1920×1080 px |
| 블로그 포스트 이미지 | 1200×675 px |
| 썸네일 | 400×300 px |
| 아바타 / 프로필 사진 | 400×400 px |
| 레티나 디스플레이 | CSS 표시 크기의 2배 |
Image Resizer를 사용해 보세요 — 직접 크기를 입력하거나 프리셋을 선택할 수 있으며, 가로세로 비율 유지 옵션도 제공합니다.
소셜 미디어 정확한 크기
각 플랫폼마다 요구하는 특정 크기가 있습니다:
| 플랫폼 | 이미지 유형 | 권장 크기 |
|---|---|---|
| 정방형 게시물 | 1080×1080 | |
| 스토리/릴스 | 1080×1920 | |
| Twitter/X | 헤더 | 1500×500 |
| 커버 사진 | 851×315 | |
| 배너 | 1584×396 | |
| YouTube | 썸네일 | 1280×720 |
| TikTok | 프로필 | 200×200 |
Social Media Image Resizer에는 이 모든 프리셋이 기본 내장되어 있습니다 — 플랫폼을 선택하고 이미지를 업로드한 뒤 딱 맞는 크기로 다운로드하세요.
자르기
때로는 크기를 조절하는 게 아니라 이미지의 테두리를 제거하고 중요한 부분에 집중해야 할 때가 있습니다.
활용 사례:
- 제품 사진에서 여백 제거
- 프로필 사진을 정방형으로 자르기
- 스크린샷에서 특정 영역 추출
- 사진 가장자리의 불필요한 요소 제거
Image Cropper를 사용해 보세요 — 핸들을 드래그해 자를 영역을 정의하고, 선택적으로 가로세로 비율을 고정할 수 있습니다.
배경 제거
현대 AI는 제품 사진, 인물 사진, 윤곽이 뚜렷한 사물의 배경을 놀라울 정도로 정확하게 제거합니다.
활용 사례:
- e-커머스용 제품 사진 (흰색/투명 배경)
- 전문적인 용도의 프로필 사진
- 스티커 및 컷아웃 제작
- 마케팅 자료용 이미지 합성
Background Remover를 사용해 보세요 — AI 기반으로 브라우저에서 완전히 실행되며, 어디서든 바로 사용할 수 있는 투명 PNG를 출력합니다.
뒤집기 및 회전
잘못된 방향으로 촬영된 이미지를 빠르게 수정합니다:
- 수평 뒤집기 (거울) — 제품 사진, 텍스트 오버레이 수정에 유용
- 수직 뒤집기 — 거꾸로 스캔된 이미지 수정
- 90°/180°/270° 회전 — 옆으로 찍힌 사진 수정
Image Flip & Rotate 도구를 사용하면 재인코딩으로 인한 화질 손실 없이 즉시 방향을 수정할 수 있습니다.
올바른 형식 선택하기
| 형식 | 최적 용도 | 투명도 | 애니메이션 | 일반적인 사용 |
|---|---|---|---|---|
| JPEG | 사진 | 불가 | 불가 | 사진, 히어로 이미지 |
| PNG | 스크린샷, 로고 | 가능 | 불가 | UI 요소, 다이어그램 |
| WebP | 모든 용도 | 가능 | 가능 | 웹 이미지 (최신) |
| GIF | 단순 애니메이션 | 부분적 | 가능 | 짧은 루프 (단, 용량 큼) |
| SVG | 아이콘, 로고 | 가능 | 가능 | 벡터 그래픽, 아이콘 |
| AVIF | 최대 압축 | 가능 | 가능 | 차세대 (지원 확대 중) |
결정 트리:
- 사진인가요? → JPEG 또는 WebP
- 텍스트나 선명한 선이 포함되어 있나요? → PNG 또는 WebP
- 로고나 아이콘인가요? → SVG (어떤 크기로도 확대 가능, CSS로 스타일 적용 가능)
- 지금 당장 웹 배포용인가요? → JPEG 폴백과 함께 WebP
- 애니메이션이 필요한가요? → GIF보다 WebP (5~10배 더 작음)
일괄 작업 워크플로 예시
e-커머스를 위한 일반적인 제품 사진 워크플로:
1. 제품 촬영 → 아이폰에서 대용량 HEIC 파일 생성
2. HEIC to JPG → 범용 호환성을 위해 변환
3. Image Cropper → 배경 정리, 제품 중앙 정렬
4. Background Remover → 흰 배경 카탈로그용 투명 PNG
5. Image Resizer → 썸네일용 800×800, 확대 보기용 1600×1600
6. Image Compressor → 손실 80% 품질, 파일 크기 70% 절감
7. PNG to WebP → 웹사이트 최종 배포 형식
일곱 단계 모두 브라우저에서 실행됩니다. Photoshop 라이선스 불필요. 업로드 불필요. 대기 시간 없음.
빠른 참조: 어떤 작업에 어떤 도구를
| 작업 | 도구 |
|---|---|
| 아이폰 사진 변환 | HEIC to JPG |
| 웹용 최적화 | Image Compressor |
| 크기 변경 | Image Resizer |
| 형식 변환 | Image Format Converter |
| 소셜 미디어 크기 맞추기 | Social Media Image Resizer |
| 배경 제거 | Background Remover |
| 자르기 / 트리밍 | Image Cropper |
| 뒤집기 / 회전 | Image Flip & Rotate |
| SVG → 래스터 | SVG to PNG Converter |
| PNG → WebP | PNG to WebP Converter |
이 목록의 모든 도구는 브라우저에서 완전히 실행됩니다 — 파일 업로드 없음, 계정 불필요, 서버 비용으로 인한 파일 크기 제한 없음.