AEM Dynamic Media: 이미지 크기 조정 시 종횡비 유지
이 문서에서는 폭 및 높이 매개 변수를 사용하여 이미지 크기를 조정할 때 Adobe Experience Manager Dynamic Media 이미지 전달이 원래 종횡비를 유지하도록 하는 방법에 대해 설명합니다.
설명 description
환경
Adobe Experience Manager Dynamic Media(모든 버전)
증상
Dynamic Media OpenAPI 끝점을 통해 이미지를 전달하고 width 및 height 쿼리 매개 변수를 모두 지정할 때 반환된 이미지가 원래 종횡비를 유지하지 않습니다. 대신, 출력 이미지가 정사각형으로 강제 적용되거나, 너비와 높이 모두에 대해 더 작은 치수를 사용하므로 예기치 않은 크기 조정이 발생합니다. 이는 에셋의 원래 차원이 사각형이 아닌 경우에도 발생합니다.
예:
- 에셋 원래 크기: 2336 × 2400 (image/webp)
- 요청 및 관찰된 결과:
?width=1000→ 1000 × 1000?height=1000→ 1000 × 1000?width=1000&height=500→ 500 × 500?width=1500&height=500→ 500 × 500
예상된 동작: 원래 종횡비를 유지하면서 요청된 테두리 상자 안에 맞게 이미지 크기를 조정해야 합니다(예: 1000× 500 이내에 맞게 비례적으로 2336×2400 크기 조정).
관찰된 동작: 이미지 출력이 정사각형이거나 원래 치수와 관계없이 예상 종횡비와 일치하지 않습니다.
참조:
해결 방법 resolution
아래 단계에 따라 문제를 해결하십시오.
-
이미지 게재 URL을 검토하고 원하는
width및height매개 변수를 지정했는지 확인하십시오. -
원래 종횡비를 유지하고 이미지를 요청된 테두리 상자 내에 맞추려면
fit=contain매개 변수를 배달 URL에 추가합니다. -
브라우저 또는 API 클라이언트에서 업데이트된 URL을 테스트합니다. 이제 반환된 이미지가 원래 종횡비를 유지하면서 지정된 치수 내에 맞춰져야 합니다(예: 1000 × 500 내에 맞춰지도록 스케일링된 2336 × 2400 이미지의 경우 487 × 500).
-
지원되는 매개변수에 대한 자세한 내용은 공식 설명서를 참조하십시오.