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

이 문제를 해결하려면 다음 단계를 수행합니다.

  1. Dynamic Media 회사 또는 계정 수준에서 환경(단계 또는 프로덕션)에 대해 스마트 이미징을 활성화합니다.

  2. Dynamic Media가 활성화된 이미지 V3 핵심 구성 요소를 사용하는 템플릿 또는 페이지를 엽니다.

  3. 템플릿 또는 페이지에서 사용되는 이미지 V3 핵심 구성 요소에 대한 정책을 편집합니다.

  4. 구성 요소 정책에서 응답형 이미지에 대한 여러 폭을 구성합니다.

  5. 업데이트된 정책을 저장하고 적용합니다.

  6. 변경 사항이 적용되도록 영향을 받는 페이지를 다시 게시합니다.

  7. 표준 DPI 및 높은 DPI(Retina) 장치에서 이미지 렌더링을 테스트합니다.

    • 표준 DPI 화면에서 dpr=off은(는) 큰 이미지를 방지하기 위해 디자인별로 이미지 URL에 표시됩니다.
    • 높은 DPI 화면에서는 여러 너비를 구성할 때 고해상도 이미지가 제공됩니다.
  8. 수동 수정자 없이 더 나은 이미지 품질이 필요한 경우 이미지 V3 대신 전용 Dynamic Media 구성 요소를 사용하십시오.

  9. DPI가 높은 디스플레이에서는 이미지가 선명하고 표준 디스플레이에서는 이미지가 효율적으로 로드되는지 확인합니다.

참고

  • 기본적으로 dpr=off을(를) 추가하면 Retina가 아닌 화면에서 불필요하게 큰 이미지가 표시되지 않습니다. 그것은 제품의 결함이 아니라 최적화 안전조치입니다.
  • URL 수정자 또는 사전 설정을 사용하여 DPR을 강제 적용하는 것은 이미지 V3에서 이 안전 조치를 무시하지 않습니다. 대신 정책에 여러 폭을 사용하십시오.
  • 계정 수준 DPR 최적화를 활성화한 후에는 애플리케이션측 URL을 변경할 필요가 없습니다. 필요한 경우 고급 시나리오에 클라이언트측 로직을 계속 사용할 수 있습니다.
  • 스마트 이미징 형식 변환(예: WebP 또는 AVIF)은 스마트 이미징이 계정 수준에서 활성 상태일 때 기본적으로 활성화됩니다. 품질에 영향을 주지 않고 파일 크기를 줄일 때만 적용됩니다.

관련 읽기

recommendation-more-help
experience-cloud-kcs-help-kbarticles