Dynamic Media를 사용하여 AEMaaCS에서 스마트 이미징 및 DPR 동작 구성
Dynamic Media를 사용하는 Adobe Experience Manager as a Cloud Service(AEMaaCS)의 BFC(Browser Format Conversion), 네트워크 대역폭 최적화 및 DPR(Device Pixel Ratio) 최적화와 같은 스마트 이미징 기능은 구성 및 이해에 혼란을 줄 수 있습니다. 이 문서에서는 이러한 기능의 작동 방식, 이미지 제공에 영향을 주는 방식 및 핵심 구성 요소를 사용할 때 올바른 설정을 위해 고려해야 할 사항에 대해 설명합니다.
설명 description
환경
- 제품: Adobe Experience Manager as a Cloud Service - Assets(Dynamic Media)
- 제약 조건: Dynamic Media 통합에 이미지 V3 핵심 구성 요소 사용
문제/증상
- Dynamic Media 계정 수준에서 스마트 이미징을 활성화하면 이미지 V3 핵심 구성 요소에서 렌더링한 이미지에 DPR 최적화가 자동으로 적용되지 않습니다.
- 구성 요소 정책에 여러 너비가 구성되지 않았거나
smartCrop이(가) 활성화되지 않은 경우 매개 변수dpr=off이(가) Scene7 이미지 URL에 추가됩니다. - 이미지가 올바르게 구성되지 않은 경우 높은 DPI/Retina 디스플레이에서 품질이 낮거나 선명도가 낮습니다.
dpr=on을(를) 설정하거나 이미지 수정자를 통해 DPR 값을 전달해도 구성 요소 논리로 인해 이 동작이 재정의되지 않습니다.
해결 방법 resolution
이 문제를 해결하려면 다음 단계를 수행합니다.
-
Dynamic Media 회사 또는 계정 수준에서 환경(단계 또는 프로덕션)에 대해 스마트 이미징을 활성화합니다.
-
Dynamic Media가 활성화된 이미지 V3 핵심 구성 요소를 사용하는 템플릿 또는 페이지를 엽니다.
-
템플릿 또는 페이지에서 사용되는 이미지 V3 핵심 구성 요소에 대한 정책을 편집합니다.
-
구성 요소 정책에서 응답형 이미지에 대한 여러 폭을 구성합니다.
-
업데이트된 정책을 저장하고 적용합니다.
-
변경 사항이 적용되도록 영향을 받는 페이지를 다시 게시합니다.
-
표준 DPI 및 높은 DPI(Retina) 장치에서 이미지 렌더링을 테스트합니다.
- 표준 DPI 화면에서
dpr=off은(는) 큰 이미지를 방지하기 위해 디자인별로 이미지 URL에 표시됩니다. - 높은 DPI 화면에서는 여러 너비를 구성할 때 고해상도 이미지가 제공됩니다.
- 표준 DPI 화면에서
-
수동 수정자 없이 더 나은 이미지 품질이 필요한 경우 이미지 V3 대신 전용 Dynamic Media 구성 요소를 사용하십시오.
-
DPI가 높은 디스플레이에서는 이미지가 선명하고 표준 디스플레이에서는 이미지가 효율적으로 로드되는지 확인합니다.
참고
- 기본적으로
dpr=off을(를) 추가하면 Retina가 아닌 화면에서 불필요하게 큰 이미지가 표시되지 않습니다. 그것은 제품의 결함이 아니라 최적화 안전조치입니다. - URL 수정자 또는 사전 설정을 사용하여 DPR을 강제 적용하는 것은 이미지 V3에서 이 안전 조치를 무시하지 않습니다. 대신 정책에 여러 폭을 사용하십시오.
- 계정 수준 DPR 최적화를 활성화한 후에는 애플리케이션측 URL을 변경할 필요가 없습니다. 필요한 경우 고급 시나리오에 클라이언트측 로직을 계속 사용할 수 있습니다.
- 스마트 이미징 형식 변환(예: WebP 또는 AVIF)은 스마트 이미징이 계정 수준에서 활성 상태일 때 기본적으로 활성화됩니다. 품질에 영향을 주지 않고 파일 크기를 줄일 때만 적용됩니다.
experience-cloud-kcs-help-kbarticles