화면비 계산기 — 비율·목표 높이 | 사용법·입력·결과 해설
원본 이미지의 가로·세로를 가장 간단한 정수비로 정리하고 목표 너비에 맞는 높이를 계산합니다. 썸네일이나 영상 영역의 치수를 정할 때 원본 비율을 유지할 수 있습니다.
- 브라우저에서 실행
- 업로드되지 않음
- 가입 없음, 기기 성능에 따라 제한될 수 있음
숫자는 기기에만 남습니다. 서버로 전송되지 않습니다.
사용 방법과 입력
원본 너비와 높이를 같은 단위로 입력하고 새 너비를 정하세요. 이미지 파일을 선택하는 기능이 아니므로 실제 원본의 픽셀 치수는 별도로 확인해야 합니다.
결과 해설과 예제
1920×1080은 16:9이고 새 너비가 800이면 높이는 450입니다. 결과는 새 캔버스의 비율 안내이며 이미지 리사이저에 이 치수를 옮겨 적용할 수 있습니다.
입력·결과 예시
1920×1080은 16:9이고 새 너비가 800이면 높이는 450입니다. 결과는 새 캔버스의 비율 안내이며 이미지 리사이저에 이 치수를 옮겨 적용할 수 있습니다.
한계와 주의사항
- 파일을 자르거나 픽셀을 실제로 재배치하지 않습니다.
- 소수 픽셀은 최종 편집 프로그램에서 반올림 방식을 정해야 합니다.
입력 항목
| 항목 | 설명·제약 |
|---|---|
| 너비 | 허용 범위: 0.01–100000 · 입력 간격: 1 |
| 높이 | 허용 범위: 0.01–100000 · 입력 간격: 1 |
| 목표 너비 | 허용 범위: 0.01–100000 · 입력 간격: 1 |
데이터 처리
처리는 현재 브라우저 탭에서 수행되며, 도구 입력을 계산 목적으로 서버에 업로드하지 않습니다.
근거 출처
자주 묻는 질문
1920×1080을 너비 800으로 줄이면 어떻게 되나요?
1920×1080은 16:9이고 새 너비가 800이면 높이는 450입니다. 결과는 새 캔버스의 비율 안내이며 이미지 리사이저에 이 치수를 옮겨 적용할 수 있습니다.
이미지도 바로 변경되나요?
파일을 자르거나 픽셀을 실제로 재배치하지 않습니다. 소수 픽셀은 최종 편집 프로그램에서 반올림 방식을 정해야 합니다.
관련 도구
처음부터 다시 할 필요는 없습니다. 다음 단계에 맞는 도구로 자연스럽게 이어가세요.
px를 rem으로 변환 — 루트 크기 기준 | 사용법·입력·결과 해설
픽셀 길이를 사용자가 지정한 루트 글꼴 크기로 나누어 rem 값으로 표현합니다. 웹페이지의 실제 스타일을 읽지 않으므로 디자인 토큰을 옮길 때 기준값을 직접 맞추어야 합니다.
CSS 그라데이션 — 코드 복사, 무료 | 사용법·입력·결과 해설
두 색 사이의 선형 또는 원형 그라데이션을 CSS background 선언으로 만듭니다. 색상 정지점을 복잡하게 편집하기 전에 두 색 조합과 방향을 시험할 수 있습니다.
길이 단위 변환기 — m·km·cm·mm·in·ft
서로 다른 길이 단위 사이의 값을 국제 고정 환산 계수로 바꿉니다. 도면이나 제품 치수에서 입력 단위와 필요한 단위가 다를 때 두 값을 함께 확인할 수 있습니다.