예시
입력
user.jpg (1920×1080, 543 KB)
출력
user_600x400.jpg (600×400, 78 KB)
참고
원본 비율(1.78) ≠ 목표 비율(1.5) → crop 모드에서 중앙을 기준으로 잘라 정확히 600×400 으로 만듭니다.
사용 가이드
이런 작업에 유용해요
- 프로필 사진을 정해진 크기 (예: 600×400) 로 빠르게 맞추기
- SNS·블로그 업로드용 이미지 크기·용량 조정
- 회원가입·관리자 폼의 가로세로 제한에 맞춰 자동 fit
- 썸네일 일괄 생성 (원본 비율 유지)
- 모바일 데이터 절약 — JPEG 품질 낮춰 파일 크기 감소
자주 묻는 질문
- Q.원본 파일이 서버로 전송되나요?
- A.아니요. 모든 변환은 브라우저 안에서 Canvas API 로 처리됩니다. 파일은 어디로도 업로드되지 않습니다.
- Q.큰 파일도 처리되나요?
- A.20 MB 까지 받습니다. 4K · 큰 RAW 등은 브라우저 메모리·속도에 따라 느릴 수 있어 일반적으로 권장하지 않습니다.
- Q.JPEG / PNG / WebP 무엇을 선택?
- A.사진은 JPEG (압축률 ↑) · 투명 배경 필요하면 PNG (lossless) · 최신 브라우저 호환 + 더 작은 용량은 WebP.
관련 도구
- 컬러 변환
HEX·RGB·HSL을 양방향 변환합니다. 입력 형식을 자동 인식하고 컬러 미리보기를 함께 표시합니다.
- 이미지 → Base64 (Data URI)
이미지를 Base64 data URI로 변환합니다. HTML/CSS/Markdown에 인라인으로 삽입할 때 사용. 5 MB 이하 권장.
- QR 코드 생성기
텍스트나 URL로 QR 코드를 생성합니다. 에러 정정 단계(L/M/Q/H) 조정, SVG 출력, 다운로드 지원.
- 색 대비 검사기
전경색과 배경색 사이 WCAG 대비비를 계산하고 AA/AAA(일반·큰 글자) 통과 여부를 표시합니다. 실시간 샘플 미리보기.
- 색 팔레트 생성기
하나의 기준 색에서 팔레트를 생성합니다 — 명도 변형(shades/tints), 보색, 유사색, 삼색조, 사색조. HSL 기반, 0 dependency.
- CSS 그라디언트 생성기
선형·방사형·원뿔 CSS 그라디언트를 색상 정지점·각도와 함께 만듭니다. 실시간 미리보기 + 복사 가능한 CSS 출력.