너비로 크기 조정

원본 종횡비를 유지하기 위해 해당 높이를 자동으로 계산하면서 정확한 픽셀 너비로 이미지 크기를 조정합니다. 이는 웹 콘텐츠 레이아웃에서 가장 일반적인 크기 조정 패턴입니다. 대부분의 웹 디자인 시스템은 수직 유연성을 허용하면서 수평 제약(콘텐츠 열, 그리드 너비, 카드 치수)을 정의합니다. 이 도구는 해당 패턴을 직접 해결합니다: 너비 요구 사항을 지정하면 높이가 소스 비율에서 자동으로 도출됩니다.

계산은 대상 너비를 원본 너비로 나누어 스케일링 계수를 결정한 다음 해당 계수를 높이에 적용합니다. 이 수학적 관계는 종횡비가 정확히 보존되도록 보장합니다. 예를 들어, 4000×3000 이미지(4:3 비율)를 800px 너비로 크기 조정하면 800×600이 됩니다. 동일한 4:3 비율이 더 작은 치수에서 유지됩니다.

블로그 편집자와 콘텐츠 관리자는 각 사진의 비율에 따라 자연스러운 높이 변화를 허용하면서 기사 전체에 걸쳐 일관된 열 너비에 이미지를 맞춥니다. 고정 그리드 열 너비에 제품 이미지 크기를 조정하는 전자상거래 개발자는 높이가 유연할 수 있는 일관된 레이아웃을 보장합니다. 플랫폼별 너비 요구 사항에 맞게 이미지를 준비하는 소셜 미디어 팀은 올바른 크기의 업로드를 생성합니다. 너비가 제한되지만 높이가 다를 수 있는 웹 또는 이메일 레이아웃으로 작업하는 모든 사람은 너비 기반 크기 조정이 가장 효율적인 접근 방식임을 발견할 것입니다.