설명서AEM사용 안내서

[AEM Assets]{class="badge positive" title="AEM Assets에 적용됩니다)."}

Dynamic Media 모범 사례 about-dm-best-practices

마지막 업데이트: 2026년 9월 29일
  • 적용 대상:
  • Experience Manager as a Cloud Service

작성 대상:

  • 사용자
  • 관리자
NOTE

Adobe Experience Manager(AEM)의 Dynamic Media는 자산을 최적화하고 개인화를 처리하며 모든 채널 및 장치에서 일관되고 성능이 뛰어나며 브랜드에 맞는 경험을 제공하는 포괄적인 디지털 자산 전달 솔루션입니다. 오늘날 조직은 물리적 저장소, 웹, 모바일, 소셜 미디어, 이메일 및 상거래를 포괄하는 고객 여정과 같이 사용자의 참여를 유도하기 위한 채널과 터치포인트의 폭발적인 증가에 직면해 있으며, Dynamic Media는 단일 소스로 인한 복잡성을 해결합니다.

Dynamic Media의 주요 개념

다음 핵심 기능은 Dynamic Media의 작동 방식과 엔터프라이즈 워크플로 전반에서 확장하는 이유를 정의합니다.

  • 단일 파일 접근 방식: Dynamic Media를 사용하면 기본 소스 파일 하나를 저장할 수 있으며, 모든 크기 변형, 변환 및 시각적 변환은 게재 시 동적으로 생성 및 최적화됩니다. 이 접근 방식은 스토리지 비용을 줄이고, 중복 파생 자산을 제거하며, 사전 렌더링된 여러 버전 유지 관리와 관련된 워크플로 복잡성을 제거합니다.
  • 전역 게재: 스마트 이미징, 콘텐츠 게재 중에 적용되어 시각적 품질을 손상시키지 않고 이미지 파일 크기 및 전체 페이지 가중치를 줄입니다. 네트워크 대역폭 조건 및 장치 픽셀 비율에 맞게 최적화되어 있어 로드 시간이 빨라지고 지역 및 장치 전반에 걸쳐 Core Web Vitals이 향상됩니다.
  • AI(인공 지능) 기반: 스마트 자르기, AI 기반 기능은 이미지 및 비디오에 대한 주제 인식 자르기를 자동화합니다. 따라서 수천 개의 자산을 여러 종횡비에 맞게 조정해야 하는 엔터프라이즈 카탈로그에 대해 수작업으로 이루어지는 자르기 작업을 없애고 효율적으로 확장할 수 있습니다.
  • 비디오 지원: 설명 오디오 트랙을 지원하여 기본 소스 비디오를 Dynamic Media에 업로드하고 여러 언어에서 적응적으로 스트리밍합니다. 적응형 스트리밍은 재생 품질이 각 뷰어의 대역폭 및 장치 기능과 자동으로 일치하도록 합니다.
  • 경험 뷰어 라이브러리: 이미지 및 비디오가 디지털 상점, 제품 페이지 및 마케팅 경험에 원활하게 통합되도록 경험 뷰어를 사용자 지정하고 브랜드화합니다. 이러한 뷰어는 확대/축소, 팬, 핫스팟 및 360도 스핀 세트와 같은 대화형 기능을 지원합니다.
  • 새로운 형식 지원: Dynamic Media를 통해 3D 및 파노라마 경험​을(를) 제공할 수 있으며, 자산 워크플로우를 플랫 이미지 및 비디오에서 확장하여 몰입형 상거래 및 제품 시각화 사용 사례를 지원합니다.

이러한 모범 사례 적용

Dynamic Media 여정을(를) 탐색할 때 아래 통합 모범 사례 목록을 검토하면 해당 기능을 완전히 사용할 수 있습니다. 이러한 Dynamic Media 모범 사례를 특정 컨텍스트 및 프로젝트 요구 사항에 맞게 조정하여 채널 및 장치 전반에서 경험을 최적화합니다.

IMPORTANT
이 문서의 Dynamic Media 모범 사례는 Dynamic Media의 새로운 기술이 등장함에 따라 시간이 지남에 따라 발전할 수 있습니다. 아래 정보는 최신 버전의 Dynamic Media에 대한 최신 정보입니다.

Dynamic Media에 자산 수집

비즈니스 사례: 대량의 자산을 효율적으로 관리하고 관련된 승인된 콘텐츠만 최종 사용자에게 전달되도록 합니다.

Dynamic Media​는 두 개의 보조 컨트롤(선택적 동기화 및 선택적 게시)을 제공합니다. 이를 통해 DAM(디지털 에셋 관리) 팀이 게재 파이프라인에 들어오는 에셋과 궁극적으로 고객 대면 채널에 도달하는 에셋을 정확하게 제어할 수 있습니다. 이 두 가지 기능은 대형 에셋 라이브러리의 관리를 간소화하고 적절한 승인된 콘텐츠만 최종 대상자에게 제공할 수 있도록 합니다.

  • 선택적 동기화:
    선택적 동기화는 관리자가 Dynamic Media와 동기화할 자산을 선택할 수 있는 사전 예방적이고 수집형 컨트롤입니다. 예를 들어, 팀은 최종 승인된 에셋이 포함된 폴더(예: 최종 시즌 캠페인 이미지, 지역별 제품 사진 또는 합법적으로 삭제된 마케팅 크리에이티브를 포함하는 폴더)만 동기화할 수 있습니다. 이 워크플로우는 검사한 콘텐츠만 Dynamic Media 환경에 들어가도록 하며 팀이 고객에게 전달하기 위해 준비하는 에셋을 제어할 수 있도록 합니다.

  • 선택적 게시:
    에셋을 동기화한 후 선택적 게시는 최종 고객이 볼 수 있는 에셋에 대한 게재 측 제어를 제공합니다. Dynamic Media에 들어오는 항목을 제어하는 선택적 동기화와 달리, 선택적 게시는 공개 채널에 나가는 항목을 제어합니다. 이 기능을 통해 팀은 채널을 통해 전달되는 승인된 에셋을 결정할 수 있으므로 대상자가 캠페인 라이프사이클에서 가장 관련성이 높은 브랜드 내 콘텐츠만 적시에 볼 수 있습니다.

선택적 동기화 및 선택적 게시의 주요 이점

이 두 가지 모범 사례를 함께 사용하면 다음과 같은 이점이 있습니다.

  • 전체 수집-게재 파이프라인 전체에서 에셋 가시성에 대해 더 엄격한 거버넌스.
  • 승인되지 않았거나 오래된 콘텐츠 또는 브랜드 외 콘텐츠를 라이브 채널에 게시하는 위험 감소.
  • 활성 관리 중인 자산의 작업 집합을 좁혀 DAM, 마케팅 및 머천다이징 팀의 생산성을 개선했습니다.
  • 브랜드 일관성 향상. 검토 및 승인된 크리에이티브만 고객 접점에 도달하기 때문입니다.

그 결과 마케팅 및 디지털 운영 팀은 리치 미디어 컨텐츠에 대한 보다 세분화된 거버넌스와 생산성을 확보하는 동시에, 아직 일반 사용자가 사용할 준비가 되지 않은 자산을 관리하는 운영 부담을 줄일 수 있습니다.

단계별 구성 지침은 Dynamic Media의 폴더 수준에서 선택적 게시 구성을 참조하십시오.

Dynamic Media 뷰어

Dynamic Media 뷰어 우수 사례는 Adobe Experience Manager(AEM)에서 Dynamic Media 에셋의 성능, 기능 및 사용자 경험을 최적화합니다. 이 지침은 Dynamic Media 뷰어가 프로덕션에서 안정적으로 렌더링되는지 여부를 결정하는 핵심 영역인 자산 동기화, 게시, 스마트 자르기, 비디오용 자동 재생 음소거, JavaScript 포함 수정 및 뷰어별 포함​을 다룹니다.

이러한 사례를 통해 브라우저 및 디바이스 간 원활한 통합, 효율적인 에셋 관리 및 일관된 뷰어 상호 작용을 제공할 수 있습니다. 에셋을 동기화하고, 스마트 자르기를 적용하고, JavaScript 파일 포함 규칙을 준수하면 각각 런타임 환경에서 미디어 전달의 무결성과 안정성을 보호할 수 있습니다.

  • 뷰어 Assets 동기화:
    플레이어를 사용하기 전에 모든 뷰어 자산을 Dynamic Media와 동기화합니다. 비동기화 에셋은 런타임 시 아이콘 누락, 스타일 손상 또는 사전 설정 비기능의 일반적인 근본 원인입니다.

    • /libs/dam/gui/content/s7dam/samplemanager/samplemanager​에서 샘플 관리자 페이지에 액세스합니다. 이 페이지는 표준 아이콘, CSS 파일 및 사전 설정을 포함한 뷰어의 에셋을 재동기화합니다.
    • 뷰어 문제가 발생하면 Dynamic Media 뷰어 문제 해결 문서로 이동하십시오.

  • Assets 게시:
    게재 뷰어에서 보기 전에 자산을 게시합니다. 이렇게 하면 뷰어가 자산을 요청할 때 게재 계층이 자산을 제공할 수 있습니다. 게시되지 않은 자산은 공용 뷰어 런타임에서 확인할 수 없습니다.

  • 자동 재생 비디오 음소거:
    비디오에서 자동 재생 기능을 사용하려면 음소거된 비디오 설정을 사용하십시오. 최신 브라우저는 오디오가 활성화된 비디오의 자동 재생을 차단하므로, 사용자 상호 작용 없이 비디오가 자동으로 시작되도록 하려면 음소거 재생이 필요합니다.

  • 스마트 자르기:
    스마트 자르기에 이미지 v3 구성 요소​를 사용하여 이미지 자산 프레젠테이션을 강화하고 응답형 중단점에서 초점 인식 자르기를 생성합니다.

  • JavaScript 파일 포함:
    페이지에 기본 뷰어 JavaScript 파일만 포함합니다. 뷰어의 런타임 로직이 자체적으로 다운로드하는 추가 JavaScript 파일을 참조하지 마십시오. 특히, /s7viewers 컨텍스트 경로에서 HTML5 Software Development Kit(SDK) Utils.js 라이브러리에 직접 연결하지 마십시오. 이 패턴은 통합 SDK 포함​이라고도 하며, 이 패턴에서는 뷰어가 로드할 수 없도록 하는 대신 Utils.js에 대한 직접 참조를 하드 코딩합니다. 뷰어 로직은 Utils.js 및 기타 런타임 뷰어 라이브러리의 위치를 관리하며 이러한 위치는 릴리스 간에 변경될 수 있습니다. Adobe은 서버에 보조 뷰어의 이전 버전을 유지하지 않으므로, 직접 참조하면 향후 업데이트에서 뷰어 기능이 중단됩니다.

  • 포함 지침:
    포함 코드, 매개 변수 및 초기화 패턴은 뷰어 유형에 따라 다르므로 각 뷰어에 고유한 포함 지침을 보려면 설명서를 사용하십시오.
    자세히 알아보시겠습니까? AEM Assets용 뷰어​(으)로 이동합니다.

  • SDK 자습서 및 예제:
    SDK 구성 요소 API에 대한 자세한 내용은 뷰어 SDK 자습서 및 HTML5 SDK 응용 프로그램 예제를 검토하십시오.

게재를 위한 자산 준비

에셋 구성

비즈니스 사례: 워크플로를 간소화하려면 자산을 효율적으로 구성하십시오.

워크플로우를 간소화하는 효율적인 자산 구성을 위해 다음 모범 사례 중 하나 이상을 사용하십시오.

  • 폴더에서 에셋 구성:
    효과적인 자산 조직은 컴퓨터의 파일 조직과 마찬가지로 자산을 폴더로 분류하는 것으로 시작합니다. 예측 가능한 계층 구조를 통해 에셋을 쉽게 찾고 일괄 처리 및 관리할 수 있기 때문에 이러한 폴더 내에서 적절한 이름 지정, 사려 깊은 하위 폴더 구조 및 절제된 파일 관리는 효율적인 에셋 처리에 매우 중요합니다. 체계적인 이름 지정 규칙 및 메타데이터 사례​를 구현하면 디지털 자산 저장소의 크기가 확장될 때 이 유틸리티를 최대화할 수 있습니다.
    자세히 알아보시겠습니까? 폴더에서 에셋 구성(으)로 이동합니다.
  • 태그를 사용하여 자산 구성:
    자산에 태그를 지정하면 잘 태그가 지정된 자산을 쉽게 검색하고, 그룹화하고, 관련 결과로 표시할 수 있으므로 검색 기능, 컬렉션 만들기 및 검색 순위가 향상됩니다. Adobe AI​은(는) 에셋에 사용자 지정 태그를 포함한 관련 태그를 할당하여 자동 설명 태깅을 통해 에셋 관리를 간소화함으로써 수작업을 줄이고 대용량 라이브러리에서 메타데이터를 일관되게 유지합니다.
    자세히 알아보시겠습니까? 태그를 사용하여 자산 구성(으)로 이동합니다.
  • 자산을 컬렉션으로 구성:
    Dynamic Media 및 Experience Manager Assets​을(를) 사용하면 사용자 간에 에셋 컬렉션을 효율적으로 만들고, 편집하고, 공유할 수 있습니다. 정적 목록 및 동적 검색 기반 컴파일​을(를) 포함하여 여러 컬렉션 형식을 설정하십시오. 사용자 정의 가능한 액세스 및 편집 권한을 사용하여 여러 위치 및 팀에 이러한 컬렉션을 공유하므로 에셋 거버넌스를 유지하면서 제어된 공동 작업을 지원합니다.
    자세히 알아보시겠습니까? 자산을 컬렉션으로 구성(으)로 이동합니다.
  • 프로필을 사용하여 자산 구성:
    처리 프로필​은(는) 자산이 추가될 때마다 변환, 메타데이터 할당 및 이름 지정과 같은 일관된 처리를 적용하여 조직을 간소화하고 지정된 폴더의 자산을 처리하는 자동화된 규칙 집합입니다. 프로필은 예측 가능한 입력에 의존하므로 메타데이터, 파일 이름 및 폴더 구조를 표준화하면 디지털 자산 컬렉션이 확장될 때 이러한 프로필을 일관되고 정확하게 적용할 수 있습니다.
    자세히 알아보시겠습니까? 프로필을 사용하여 자산 구성(으)로 이동합니다.

이미지 품질 최적화

비즈니스 사례: Dynamic Media에서 좋은 품질의 이미지를 가져옵니다.

Adobe Experience Manager Dynamic Media의 이미지 품질 개선은 여러 상호 관련된 요인에 따라 다르며 프로세스에 시간이 많이 걸리는 경우가 많습니다. 그러나 확립된 모범 사례를 적용하면 시각적 출력이 일관되게 향상됩니다. 중점적으로 살펴볼 주요 영역은 다음과 같습니다.

  • 최적의 이미지 크기 조정 — 불필요한 크기 조정을 방지하기 위해 픽셀 치수를 컨텍스트 표시와 일치시킵니다.
  • 이미지 선명하게 하기 — 의도한 출력 크기 및 미디어에 적합한 선명하게 하기 기술을 적용합니다.
  • 최상의 이미지 형식 — 품질, 파일 크기, 브라우저 또는 장치 호환성의 균형을 맞추는 파일 형식을 선택합니다.

이러한 각 영역에 대한 자세한 지침은 이미지 품질 최적화 모범 사례를 참조하세요.

이미지 품질에 대한 인식은 사람마다 다르기 때문에 반복 가능한 고품질 결과를 얻기 위해서는 체계적이고 테스트 중심의 실험 접근이 필수적이다. 이 프로세스를 지원하기 위해 Adobe Experience Manager은 이미지 향상을 위해 100개 이상의 Dynamic Media 명령을 제공합니다 - 팀이 에셋별로 선명하게 하기, 색상, 압축, 자르기, 크기 조정 및 기타 렌더링 동작을 세밀하게 조정할 수 있는 광범위한 컨트롤입니다.

이러한 기능에 대한 간략한 개요를 보려면 Dynamic Media 스냅숏​(3분 17초)을 시청하십시오.

각 명령이 렌더링된 최종 이미지에 미치는 영향을 평가하기 위해, 사용자는 이미지를 Dynamic Media에 업로드하고, 지정된 URL에서 도구 인터페이스를 열고, 테스트할 명령을 적용할 수 있습니다. 이 실습 비교를 통해 규모에 게시하기 전에 원하는 시각적 결과를 생성하는 정확한 매개변수 조합을 보다 쉽게 식별할 수 있습니다.

직접 실험하려면 Dynamic Media 스냅숏을 실행하십시오.

이미지에 적용된 스타일을 표준화합니다.

비즈니스 사례: 내 이미지 에셋에 적용되는 스타일과 변형을 효율적으로 표준화합니다.

Dynamic Media에서 이미지 사전 설정​을 정기적으로 사용하여 자산이 표시되는 모든 채널에서 일관되고 동적으로 이미지 크기, 형식 및 속성을 조정하십시오. 이미지 사전 설정​은(는) 크기 조정 및 서식 지정을 위한 명명된 재사용 가능한 명령 집합입니다. 일단 정의되면 사전 설정을 필요할 때 적용할 수 있으므로 동일한 원본 에셋이 여러 파생 파일을 만들어 저장하지 않고 각 표면에 필요한 정확한 렌디션으로 전달될 수 있습니다.

실제로 이미지 사전 설정은 다음과 같은 속성을 제어합니다.

  • 차원 — 게재된 렌디션의 너비, 높이 및 종횡비입니다.
  • 형식 — 대상 장치 또는 브라우저에 가장 적합한 출력 이미지 형식입니다.
  • 이미지 속성 — 렌더링 시 적용된 품질, 선명하게 하기, 색상 및 기타 시각적 변형.

사전 설정이 동적으로 적용되기 때문에 원본 마스터 자산은 그대로 유지되며 단일 소스가 모든 필수 변형을 즉시 생성할 수 있습니다. 따라서 수작업 제작 작업을 줄이면서 상점, 마케팅 표면 및 캠페인 전반에서 시각적 일관성을 보장합니다.

예를 들어, 이미지 사전 설정은 데스크탑 및 모바일 경험 모두에 대해 제품 이미지 크기 조정 및 서식을 자동화합니다. 동일한 제품 사진은 데스크탑에서 큰 영웅 이미지로 제공되고 모바일에서 적절한 크기의 최적화된 렌디션으로 제공될 수 있으며, 모두 동일한 이름의 사전 설정이 적용됩니다. 따라서 팀은 균일한 모양과 느낌을 적용하고, 프로덕션 주기를 단축하고, 업데이트를 단순화합니다. 사전 설정을 한 번 변경하면 이를 사용하는 모든 이미지에 새로운 처리가 적용됩니다.

먹어볼래? 자산을 렌더링할 이미지 사전 설정 만들기의 기본 사항(으)로 이동

이미지 및 비디오의 포커스 및 프레임 조정

비즈니스 사례: 내 이미지 또는 비디오의 주요 관심 영역이 여러 장치에서 포커스에 있는지 확인하십시오.

스마트 자르기 작동 방식

스마트 자르기​는 Adobe의 인공 지능 및 기계 학습 프레임워크인 Adobe AI​에서 제공하는 Dynamic Media​의 자동 자르기 기능입니다. 스마트 자르기는 이미지 또는 비디오 내의 기본 제목(또는 관심 영역)을 자동으로 식별하고 유지한 다음 뷰포트가 변경될 때 초점이 가운데로 유지되며 표시되도록 에셋의 프레임을 다시 만듭니다.

주요 기능은 다음과 같습니다.

  • 자동화된 주체 검색: Adobe AI은 각 자산을 분석하여 주요 시각적 주체를 찾아 모든 중단점에 대해 수동 자르기 결정을 제거합니다.
  • 반응형 프레임: 이 기능은 데스크톱 컴퓨터, 태블릿 및 모바일 장치에서 초점을 유지하므로 뷰어에게 항상 의도한 작성이 표시됩니다.
  • 이미지와 비디오 모두에 적용: 스마트 자르기는 여전히 이미지와 비디오 콘텐츠를 지원하여 미디어 유형 간에 일관된 프레이밍 동작을 확장합니다.
  • 장치에 최적화된 게재: 각 뷰어는 화면에 맞게 적절히 잘린 렌디션을 수신하므로 메시지를 더 빨리 인식하고 더 강한 시각적 참여를 지원합니다.

이것은 하나의 영웅 이미지나 비디오가 넓은 데스크톱 배너, 네모난 소셜 타일, 높은 모바일 화면 등 여러 종횡비에 걸쳐 나타나야 하는 경우가 많기 때문에 중요합니다. 지능적인 자르기를 하지 않으면, 주요 피사체가 틀을 벗어나 떠다니거나 엉뚱하게 잘릴 수 있다. 스마트 자르기는 모든 렌디션의 초점을 앵커로 설정하여 이를 방지합니다.

모범 사례: 스마트 자르기로 이미지 프로필 만들기

스마트 자르기로 구성된 이미지 프로필​을(를) 만듭니다. 프로필에서:

  1. 지원해야 하는 화면 크기와 종횡비를 정의합니다.
  2. Adobe AI에서 정의된 각 크기에 대한 감지 및 다시 프레이밍을 처리할 수 있습니다.
  3. 한 번 게시하고 이에 대한 응답으로 제공 - 프로필은 추가적인 수동 작업 없이 모든 이미지와 비디오를 뷰어의 장치에 맞게 최적화합니다.

이 접근 방식은 자르기 논리를 중앙 집중화하고, 프로덕션 오버헤드를 줄이고, 모든 채널에서 브랜드 프레젠테이션을 일관되게 유지합니다.

자세히 알아보기

자세히 알아보시겠습니까? AEM Assets Dynamic Media와 함께 스마트 자르기 사용​(6분 35초) 및 비디오용 Dynamic Media 스마트 자르기 사용​(6분 22초)을 시청하십시오. 두 워크스루 모두 Adobe Experience Manager(AEM) Assets 내의 스마트 자르기 방법을 보여 줍니다.

SEO 등급 개선

비즈니스 사례: Dynamic Media를 구성하여 향상된 SEO 등급을 받으십시오.

다음 권장 사항을 일관되게 적용하여 이미지가 전체 SEO 전략에 효과적으로 기여하도록 합니다.

  • 의미 있는 이미지 파일 이름:
    이미지 내용을 반영하는 설명적이고 키워드가 풍부한 파일 이름​을 사용하십시오. 예:

    • myCompany-Silver-Wrist-Watch 사용
    • myCompany_Silver_Wrist_Watch 또는 myCompanySilverWristWatch 사용 방지

    설명 파일 이름은 검색 엔진이 이미지 컨텍스트를 해석하는 데 도움이 되므로 SEO 성능이 직접적으로 향상됩니다. 하이픈은 단어 구분 기호로 구문 분석되지만 밑줄은 구문 분석되지 않으므로 Google에서는 파일 이름에서 밑줄이나 공백보다 하이픈​을 선호합니다. 또한 연결된 문자열은 웹 크롤러가 사용하는 개별 키워드를 모호하게 하므로 파일 이름에 단어를 연결하지 마십시오.

  • 사용자 지정 도메인:
    회사 또는 브랜드 이름을 포함하는 사용자 정의 도메인​을 구현하여 브랜드 인식, 도메인 권한 및 사용자 신뢰를 강화합니다. 예:

    • http://images.mycompany.com/is/image/companyname/ 사용
    • https://s7d1.scene7.com/is/image/folder/AdobeStock_28563982 사용 방지

    브랜드 도메인은 URL 자체에 회사 이름이 표시되어 검색 엔진 및 사용자에게 소유권 및 관련성에 대한 즉각적인 신호를 제공합니다.

  • SEO에 친숙한 폴더 구조:
    http://images.mycompany.com/is/image/companyname/과 같은 더 나은 색인화를 위해 회사 또는 브랜드 이름이 포함된 폴더 계층 구조로 이미지를 구성합니다. 깔끔한 의미 체계 경로는 웹 크롤러가 사이트 아키텍처를 이해하고 자산을 올바른 브랜드 엔티티와 연결하는 데 도움이 됩니다.

  • Dynamic Media 규칙 집합:
    규칙 집합​을(를) 사용하여 장치 유형, 이미지 형식 또는 요청 컨텍스트와 같은 요소를 기반으로 URL을 조건부로 변환하여 SEO와 사용자 경험을 모두 향상시킵니다.
    자세히 알아보시겠습니까? 규칙 집합을 사용하여 URL을 변환(으)로 이동합니다.

  • 스마트 이미징 및 스마트 자르기:
    Dynamic Media의 스마트 이미징 및 스마트 자르기 기능을 사용하여 각 장치 및 뷰포트에 맞게 최적화된 반응형 이미지를 제공합니다. 이러한 기능은 페이로드 크기를 줄이고 페이지 로드 시간을 가속화합니다. 페이지 속도는 Core Web Vitals에 연결된 확인된 Google 등급 신호이므로 더 빠른 게재는 직접적인 다운스트림 효과로 SEO 등급을 강화합니다.
    자세히 알아보시겠습니까? 스마트 이미징(으)로 이동하거나 AEM Assets Dynamic Media에서 스마트 자르기 사용​(6분 35초)을 시청하십시오.

이러한 우수 사례는 적절한 이름 지정 규칙, 구조화된 데이터 및 최적화된 이미지 제공을 통해 검색 엔진에 컨텍스트와 명확성을 제공하는 것을 강조하는 Google의 이미지 SEO 우수 사례​와 직접 일치합니다. Google의 지침을 따르는 것이 검색 결과에서 이미지 가시성을 유지하는 가장 안정적인 경로입니다.

자세히 알아보시겠습니까? Google에 대한 URL 구조 모범 사례 및 Google 이미지 SEO 모범 사례​(으)로 이동

명령을 사용하여 이미지를 동적으로 향상시키고 시각적 효과를 만듭니다.

비즈니스 사례: 이미지에 다양한 시각적 효과를 적용합니다.

Dynamic Media는 이미지를 개선하고 필요에 따라 시각적 효과를 생성하는 URL(Uniform Resource Locator) 명령 모음을 제공하여 여러 정적 에셋 변형을 저장할 필요가 없습니다. 다음 섹션에서는 핵심 이미지 변환 프로세스에 대해 설명하고 각각에 대한 작업 URL 예를 제공합니다.

소스 이미지 내의 효과

작업
할 일
원본 이미지 업로드 및 게시
  • Dynamic Media에 원본 이미지를 업로드합니다.
  • 에셋이 게시되고 공개 URL을 통해 접근 가능한지 확인합니다.
  • 이 예제에서는 흰색 배경에 있는 시계의 스톡 이미지("Image X"로 지정)가 Dynamic Media에 업로드됩니다.
    https://s7g2.scene7.com/is/image/genaibeta/watch-silver-offer
마스크 만들기
  • 제목(효과가 적용되는 영역)과 배경(변경할 영역)을 정의하는 마스크​을 만듭니다.
    https://s7g2.scene7.com/is/image/genaibeta/watch-silver-offer-maskps
  • 마스크는 일반적으로 회색 음영 이미지​입니다. 여기서 흰색은 피사체를 나타내고​검정색은 배경을 나타냅니다​. Adobe Photoshop과 같은 도구를 사용하여 마스크를 만듭니다.
    자세한 지침은 Photoshop에서 빠른 마스크 만들기 및 편집을 참조하세요.
  • "이미지 X"의 경우 향상할 대상 객체(예: 사람 또는 제품 객체)를 정확하게 윤곽을 나타내는 마스크를 만듭니다.
효과에 Dynamic Media URL 명령 적용

마스크가 준비되면 URL 명령을 적용하여 외부 광선 또는 배경색 변경​과 같은 효과를 "이미지 X"에 추가하십시오. 다음 두 가지 예를 참조하십시오.

이미지 테두리 추가

Dynamic Media는 URL 매개 변수를 통해 이미지를 직접 조작하므로 소스 에셋을 재생성하지 않고 다이내믹 디지털 경험을 생성할 수 있는 강력한 도구입니다. 다음 예제는 기본 이미지 URL로 시작합니다. https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel.

작업
할 일
흰색 테두리
흰색 테두리를 추가하려면 다음 URL을 사용하십시오.
https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10
이 URL에서 extend=10,10,10,10 매개 변수는 10픽셀 테두리를 네 변에 모두 추가합니다.(위쪽, 오른쪽, 아래쪽, 왼쪽).
흰색 테두리를 따라 흐림 효과
흰색 테두리를 따라 흐림 효과를 추가하려면 URL을 다음과 같이 구성하십시오.
https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10&effect=-1&op_blur=60&color=0,0,0
이 URL에서 effect=-1 매개 변수는 효과 레이어를 활성화하고 op_blur=60은(는) 흐림 강도를 설정합니다. 값이 높을수록 가장자리가 더 부드럽고 흐림 효과가 더 강합니다.
외부 경계에 그림자 효과 적용
외부 경계에 그림자​을(를) 추가하려면 다음 URL을 사용합니다.
https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10&effect=-1&$shadow$&color=0,0,0
$shadow$ 매개 변수는 그림자 효과를 호출하며 color=0,0,0은(는) 어두운 색상을 검정색으로 설정하여 배경이 더 밝은 색상과 최대한 대비합니다.

이러한 URL 매개 변수를 결합하고 수정하여 제품 이미지, 마케팅 배너 및 캠페인 크리에이티브에 필요한 시각적 효과를 생성합니다.

이미지 오버레이 만들기

기존 이미지에 로고 또는 아이콘을 겹치기 위해 Dynamic Media에서는 URL 명령을 사용하여 직접 방법을 제공합니다. 단계는 다음과 같습니다.

단계
할 일
기본 이미지 업로드 및 게시
먼저 오버레이를 수신할 기본 이미지를 업로드하고 게시합니다. 게시된 모든 에셋은 기본 역할을 할 수 있습니다.
예를 들어 기본 이미지는
https://s7g2.scene7.com/is/image/genaibeta/decorative-room-sofa입니다.
로고 또는 아이콘 이미지를 업로드 및 게시합니다
그런 다음 베이스 상단에 배치될 이미지를 업로드하고 게시합니다. 이 오버레이 자산은 로고 또는 아이콘이 포함된 투명 PNG(Portable Network Graphics) 파일이어야 하며, 따라서 그래픽 픽셀만 나타나고 주변 영역에 기본 이미지가 표시됩니다.
투명 효과가 있는 별 개체의 투명 PNG는 여기에 오버레이로 사용됩니다.
https://s7g2.scene7.com/is/image/genaibeta/decorate-star
Dynamic Media URL 적용

이제 기본 이미지를 로고 또는 아이콘 이미지와 합성하는 Dynamic Media URL을 구성합니다. URL 명령은 계층화를 처리합니다.
URL 구조는 다음과 같습니다.
https://s7g2.scene7.com/is/image/genaibeta/decorative-room-sofa?layer=1&src=decorate-star&scale=1.25&posN=0.33,-.25&fmt=png
여기서 에셋은

  • hotspotRetailBaseImage은(는) 기본 이미지입니다.
  • starxp은(는) 로고/아이콘 이미지입니다.
  • layer=1은(는) 로고 또는 아이콘을 기본 이미지 위에 첫 번째 레이어로 배치합니다.
  • scale=1.25은(는) 로고/아이콘을 기본 크기에 비해 25% 늘립니다.
  • posN=0.33,-.25은(는) 기본 이미지 차원을 기준으로 로고/아이콘의 표준화된 위치를 설정합니다.
  • fmt=png은(는) 투명도를 유지하면서 합성을 PNG 형식으로 출력합니다.

자세한 내용은 src 명령 및 기타 Dynamic Media URL 명령에 대한 자세한 내용은 src을 참조하십시오.

홍보 텍스트 오버레이

다음 단계에서는 Dynamic Media의 텍스트 연산자(웹 렌더링에서 HTML(HyperText Markup Language) 및 CSS(Cascading Style Sheet)로 처리되는 것과 유사한 서식 있는 텍스트 규칙을 따름)를 사용하여 이미지에 홍보 텍스트 메시지를 오버레이합니다.

단계
할 일
기본 이미지 업로드 및 게시
먼저 텍스트를 전달할 기본 이미지를 업로드하고 게시합니다. 모든 이미지를 사용할 수 있습니다. 예를 들어 샘플 기본 이미지는 다음과 같습니다.
https://s7g2.scene7.com/is/image/genaibeta/leather-sofa
Dynamic Media 텍스트 연산자 적용
Dynamic Media를 사용하여 텍스트 연산자를 적용하여 요청 시 이미지에 다이내믹 텍스트를 직접 렌더링함으로써 새로운 소스 파일을 생성하지 않고도 개인화된 프로모션, 현지화된 복사본 또는 A/B 테스트를 거친 헤드라인을 사용할 수 있습니다. 다음 샘플 URL은 이 기능을 보여 줍니다.
https://s7g10.scene7.com/is/image/genaibeta/leather-sofa?layer=1&posN=-0.3,-0.455&text=%7b\rtf1\ansi%7b\fonttbl%7b\f0+Arial;%7d%7b\colortbl+\red255\green255\blue255;%7d\copyfit1000\vertalc\qc%7b\cf0\fs42+New+Collection%7d%7d&size=370,70&textAttr=130&bgcolor=FF3333&wid=600&hei=600

다양한 사용 사례를 위한 크기 조정 및 자르기

이미지 크기 조정 기본 사항

이미지 크기를 조정하면 이미지의 치수, 해상도 및 파일 크기​가 변경됩니다. 주요 고려 사항은 다음과 같습니다.

  • 픽셀 컴포지션:
    디지털 이미지는 픽셀​이라는 작은 점으로 구성됩니다. 각 이미지는 생성 시 고정된 픽셀 수를 포함합니다. 크기를 조정하면 이미지의 치수, 해상도 및 파일 크기가 변경되도록 픽셀이 추가되거나 뺍니다.
  • 종횡비:
    종횡비(너비와 높이 사이의 비율)을 유지하면 왜곡이 방지됩니다. 확대/축소(확대)든 축소(축소)든 간에 종횡비를 유지하면 배치 전반에 걸쳐 시각적 일관성을 유지할 수 있습니다.
  • 품질 고려 사항:
    크기를 조정하면 이미지 품질에 직접적인 영향을 줍니다. 눈에 보이는 픽셀화를 생성하기 때문에 과감한 업스케일링을 피하십시오. 대신 더 큰 기본 크기와 해상도로 소스를 재현합니다. 더 작은 렌디션의 경우 적절한 도구를 사용하여 선명도와 디테일을 유지합니다.
자르기 대 크기 조정

자르기 및 크기 조정은 썸네일, 제품 디스플레이 이미지 및 영웅 배너 등 다양한 사용 사례에 맞게 이미지를 변환하는 보완적인 Dynamic Media 기술입니다.

  • 자르기:
    이미지의 일부를 제거하여 컴포지션 및 프레이밍을 변경합니다. 자르기는 나머지 픽셀의 비율을 조정하지 않으며 선택한 영역에 초점을 맞춥니다.
  • 크기 조정 중:
    종횡비를 유지하면서 전체 이미지의 치수, 해상도 및 파일 크기를 변경합니다.

다음 사용 사례에서는 두 가지 기술을 거실 이미지에 모두 적용합니다.

이러한 변형은 전자 상거래 목록, 영웅 배너 및 썸네일 그리드를 비롯한 일반적인 프레젠테이션 컨텍스트를 지원합니다.
URL에서 사용할 수 있는 명령의 전체 목록을 보려면 명령 참조를 참조하십시오.

GIF 이미지 게재

비즈니스 사례: Dynamic Media를 사용하여 GIF 스트리밍

Dynamic Media는 애니메이션 GIF를 포함하여 GIF 에셋의 업로드와 전달을 모두 지원합니다. 키 규칙: 애니메이션 GIF을 렌더링하려면 URL에서 is/image을(를) is/content(으)로 바꾸기​하십시오. is/image 경로는 파일을 단일 프레임으로 병합하는 이미지 처리 서버를 통해 에셋을 라우팅하는 반면 is/content 경로는 모든 애니메이션 프레임을 유지하면서 원본 에셋 바이너리를 스트리밍합니다.

예를 들어 abc.gif을(를) 업로드한 경우 다음 URL 패턴을 사용합니다.

정적 GIF 게재(단일 프레임 렌더링)

이 URL 경로는 이미지 서버를 통해 GIF의 정적 보기​를 렌더링하여 표준 이미지 수정자를 허용합니다.

https://your.domain.com/is/image/yourfolder/abc

애니메이션 GIF 게재(전체 애니메이션)

이 URL 경로는 원시 콘텐츠를 직접 제공하여 GIF의 애니메이션 보기​를 렌더링합니다.

https://your.domain.com/is/content/yourfolder/abc
NOTE
URL 경로에서 is/content을(를) 사용하는 경우 이미지 변환 명령이 자산에 적용되지 않습니다. 이는 is/content 처리기가 이미지 서버 파이프라인을 통해 라우팅하는 대신 원본 처리되지 않은 이진 파일을 제공하기 때문입니다. 즉, 애니메이션이 그대로 유지되지만 크기 조정, 자르기, 형식 변환 및 기타 이미지 수정자가 이 경로에서 무시됩니다.

올바른 경로 선택:

  • 이미지 변환(크기 조정, 자르기, 형식 변환)이 필요하고 정적 프레임을 사용할 수 있는 경우 is/image을(를) 사용합니다.
  • GIF의 애니메이션 재생을 보존해야 하는 경우 is/content을(를) 사용하십시오. 변환 매개 변수는 적용되지 않습니다.

내 웹 사이트에 대한 비디오 게시

비즈니스 사례: 마케팅 사이트에 대한 비디오를 빠르게 게시합니다.

  • 비디오 프로필 선택:
    먼저 Dynamic Media에서 적절한 비디오 프로필을 선택합니다. Adobe Experience Manager(AEM) Assets의 비디오 프로필에서 사용할 수 있는 응용 비디오 인코딩 프로필을 선택합니다. 다양한 비트율 및 해상도로 소스의 여러 렌디션을 생성합니다. 이러한 사전 정의된 인코딩 설정을 통해 다양한 장치 및 대역폭 조건에서 비디오가 재생되도록 최적화됩니다. 또는 특정 게재 요구 사항에 맞게 사용자 지정 응용 비디오 프로필을 만듭니다.

  • 프로필 할당:
    선택한 비디오 프로필을 비디오가 업로드되는 폴더에 할당합니다. 이 단계에서는 업로드 시 올바른 인코딩 설정이 자동으로 적용되도록 하므로 에셋 단위로 인코딩을 구성할 필요가 없습니다.

  • 원본 비디오 업로드:
    원본 비디오 파일을 업로드합니다. 강력한 이미지 품질을 갖춘 고해상도 마스터 파일을 사용합니다. 적응형 인코딩은 소스에서 모든 출력 렌디션을 파생하므로 원본 렌디션의 충실도가 직접 게시된 모든 렌디션의 최대 품질을 결정합니다.

  • 미리 보기 및 게시:
    비디오를 미리 보고 재생, 썸네일 및 인코딩 출력이 올바르게 렌더링되는지 확인합니다. 만족하면 게시합니다. 게시는 Adobe의 전달 네트워크에서 비디오를 활성화하고 사이트 방문자가 액세스할 수 있도록 합니다.

  • 링크 또는 포함:
    게시 후 두 게재 옵션 중에서 선택합니다.

    • 직접 링크:
      제공된 URL을 사용하여 비디오에 직접 연결합니다. 마케팅 사이트에서 적절하게 하이퍼링크를 지정합니다.
    • 비디오 포함:
      제공된 임베드된 코드를 복사하여 비디오가 표시되는 웹 페이지의 HTML에 붙여넣습니다. 포함하면 비디오가 페이지 내에서 인라인으로 재생되므로 뷰어가 외부 플레이어로 리디렉션되지 않습니다.

자세히 알아보시겠습니까? 비디오​(으)로 이동합니다.

최적의 품질과 참여를 위한 비디오 구성

비즈니스 사례: 최상의 품질과 참여를 위해 비디오를 설정하십시오.

최고의 비디오 품질을 제공하고 시청자 참여를 극대화하려면 Dynamic Media 내에서 다음 모범 사례 전략을 결합하십시오.

  • 기본 제공 HTML5 Video 뷰어를 사용합니다.
    Dynamic Media HTML5 비디오 뷰어 사전 설정​은(는) 강력한 프로덕션 준비 비디오 플레이어로 작동합니다. 이러한 사전 설정은 데스크탑 및 모바일 장치에서 HTML5 비디오 재생과 관련된 일반적인 문제를 제거합니다.
    특히 사전 설정은 적응형 비트율 스트리밍 게재 및 제한된 데스크톱 브라우저 도달과 같은 문제를 해결하여 광범위한 클라이언트 환경에서 일관된 재생 환경을 보장합니다.
    자세한 지침은 모범 사례: HTML 5 비디오 뷰어 사용을 참조하세요.

  • Dynamic Media 비디오 프로필 사용:
    Dynamic Media 비디오 프로필​을(를) 통해 효율적인 비디오 관리, 일관된 출력 품질 및 전송 채널 간 적응형 스트리밍을 수행할 수 있습니다. 따라서 비디오 에셋은 인코딩, 해상도 및 전달 동작에서 일관되게 유지되므로 수동 구성 오버헤드를 줄일 수 있습니다.
    구현 세부 정보는 Dynamic Media 비디오 프로필을 참조하십시오.

  • 비디오 인코딩에 대한 모범 사례 준수:
    원본 소스 비디오 품질을 유지하고 인코딩 프로세스 중에 과도한 다운스케일링을 방지하는 비디오 인코딩 프로필​을 적용합니다. 이렇게 하면 최종 출력이 뷰어 유지 및 브랜드 표현에 중요한 시각적 충실도를 유지할 수 있습니다.
    기술 사양은 비디오 인코딩 모범 사례를 참조하세요.

  • 점진적 스트리밍 대신 적응형 스트리밍 채택:
    적응형 스트리밍​은(는) 뷰어의 인터넷 연결 속도와 장치 기능에 따라 실시간으로 비디오 품질을 동적으로 조정합니다.
    HLS(HTTP 라이브 스트리밍) 및 DASH(Dynamic Adaptive Streaming over HTTP)​과 같은 업계 표준 프로토콜을 활용하여 다양한 네트워크 조건에서 최적의 재생 품질을 제공합니다.
    대역폭 변화에 관계없이 비디오 파일을 선형적으로 전달하는 점진적 스트리밍​과 달리, 적응형 스트리밍은 버퍼링을 최소화하고 재생 중단을 줄이며 장치 간에 원활한 시청 환경을 제공합니다. 결과적으로, 적응형 스트리밍은 현대의 참여 중심의 비디오 전달을 위한 선호되는 방법이다.

다국어 사용을 위한 비디오 다국어화

비즈니스 사례: 글로벌 시장에서 다국어 사용을 위한 비디오를 준비합니다.

다국어 소비를 위한 비디오를 국제화하는 것은 전 세계 대상자에게 도달하기 위해 필수적입니다. Dynamic Media는 전 세계 시청자를 위해 비디오를 준비, 현지화 및 배포하는 내장 워크플로우를 제공하므로 프로덕션 작업을 복제하지 않고도 단일 소스 파일이 여러 영역에 제공됩니다.

  • 비디오 업로드:

    • 먼저 비디오 인코딩 프로필을 만듭니다. Dynamic Media와 함께 제공되는 사전 정의된 응용 비디오 인코딩 프로필을 사용하거나 비트율, 해상도 및 코덱 요구 사항에 맞게 조정된 사용자 지정 프로필을 만들 수 있습니다.
    • 기본 소스 비디오를 업로드하는 하나 이상의 폴더와 비디오 인코딩 프로필을 연결합니다. 이렇게 하면 해당 폴더에 드롭된 모든 에셋이 일관되게 처리됩니다.
    • 기본 소스 비디오를 이러한 폴더에 업로드합니다. Dynamic Media는 지정된 비디오 처리 프로필에 따라 자동으로 인코딩하여 전달을 위한 적응형 변환을 생성합니다.
    • Dynamic Media는 기본적으로 최소 해상도 25×25픽셀보다 큼​의 짧은 형식 비디오(최대 30분)​를 지원합니다. 비디오 파일 최대 15GB​을(를) 업로드할 수 있습니다.

  • 비디오 관리:

    • Adobe Experience Manager(AEM) 내에서 직접 비디오 자산을 구성, 탐색 및 검색합니다.
    • 단일 인터페이스에서 비디오 에셋을 미리 보고 게시합니다.
    • 소스 비디오를 인코딩된 렌디션 및 관련 썸네일과 함께 확인하여 릴리스 전 출력 품질을 확인합니다.
    • 제목, 설명 및 태그와 같은 비디오 속성을 편집하여 내부 검색 기능과 다운스트림 SEO 메타데이터를 개선합니다.

  • 로컬라이제이션:

    • 각 대상 지역 또는 언어에 대해 오디오 트랙 및 자막을 만들어 모든 시장의 시청자가 기본적으로 들리는 대화 상자 및 읽기 가능한 캡션을 받게 합니다.
    • 이러한 오디오 및 자막 트랙을 AEM 인터페이스의 비디오에 추가하여 모든 현지화된 변형을 단일 마스터 자산에 첨부합니다.
    • 사용자가 비디오를 재생할 때 런타임에 오디오와 자막에 대해 선호하는 언어를 선택하므로 언어별 비디오 파일을 별도로 호스팅할 필요가 없습니다.

  • 게시:

    • AEM을 WCM(웹 컨텐츠 관리) 시스템으로 사용하는 경우 기본 제작 환경을 통해 웹 페이지에 직접 비디오를 추가할 수 있습니다.
    • 서드파티 WCM 시스템을 사용하는 경우 Dynamic Media에서 생성한 URL 또는 포함 코드를 사용하여 웹 페이지에 비디오를 연결하거나 포함할 수 있습니다.

지역화된 재생 관리에 대한 자세한 내용은 Dynamic Media의 비디오에 대한 여러 캡션 및 오디오 트랙 지원 정보를 참조하십시오.

고객에게 에셋 전달

이미지 크기 최적화 및 페이지 로드 시간 최소화

비즈니스 사례: 브라우저 또는 화면에 맞게 이미지 크기를 최적화하고 페이지 로드 시간을 줄이십시오.

Dynamic Media 스마트 이미징​은(는) 클라이언트 브라우저의 기능, 네트워크 조건 및 화면 해상도를 기반으로 각 이미지의 형식, 크기 및 품질​을(를) 자동으로 최적화하여 성능을 향상시키는 이미지 제공 기능입니다. 최적화는 요청 시간에 수행되므로 모든 방문자는 특정 보기 환경에 맞게 조정된 이미지를 받습니다.

Adobe에서는 webp 또는 avif과(와) 같은 이미지 형식을 수동으로 강제하는 것보다 Smart Imaging의 자동 기능을 사용하는 것이 좋습니다. 그 이유는 다음과 같습니다.

  • 브라우저 호환성:
    스마트 이미징은 형식을 선택하기 전에 브라우저 지원 신호를 감지하므로 제공된 이미지 형식이 사용자의 브라우저와 호환되도록 보장합니다. 이렇게 하면 아직 최신 형식을 지원하지 않는 브라우저에서 이미지 손상이나 폴백 오류가 발생하지 않습니다.
  • 최적의 압축:
    스마트 이미징은 특정 브라우저, 네트워크 조건 및 화면 해상도를 기반으로 최적의 압축 형식을 선택합니다. 결과적으로 눈에 보이는 품질 손실 없이 파일 크기가 줄어들어 대역폭 소모가 줄어들고 렌더링 속도가 빨라집니다.
  • 최신 형식:
    avif은(는) 이전 형식보다 더 나은 압축을 제공하는 최신 형식이지만 모든 브라우저에서 아직 보편적으로 지원되지 않습니다. 스마트 이미징은 지원되는 경우에만 avif을(를) 제공하며 호환성 차이를 방지하면서 다른 곳에서 호환되는 형식으로 대체됩니다.
  • 모범 사례:
    모든 요청에 가장 적합한 웹 최적화 형식을 보장하려면 개발자는 Smart Imaging에서 fmt=webp 또는 fmt=avif과(와) 같은 명령을 수동으로 지정하는 대신 자동으로 형식을 선택하도록 해야 합니다. 이렇게 하면 브라우저당 렌더링 논리를 유지 관리할 필요가 없어지고 진화하는 브라우저 지원에 맞춰 게재가 계속 수행됩니다.

스마트 이미징은 각 요청에 대한 전달을 실시간으로 적응하므로 각 사용자의 검색 환경에 맞게 가능한 가장 효율적인 방식으로 이미지가 제공됩니다. 이 접근 방식은 게재 파이프라인을 단순화하고 이미지 로드 시간 및 전반적인 사용자 경험을 향상시킵니다.

자세한 내용은 스마트 이미징을 참조하세요.

고객에게 에셋 게재 게시

비즈니스 사례: 새 콘텐츠를 게시하거나 기존 콘텐츠를 덮어쓴 후 변경 내용이 CDN에 바로 표시되도록 하려면 어떻게 해야 합니까?

CDN 캐시를 지우거나 무효화하면 기본 TTL(Time To Live)(일반적으로 10시간​(으)로 설정)이 자연스럽게 만료될 때까지 기다리지 않고 Dynamic Media 자산이 배달 네트워크에서 즉시 새로 고침됩니다.

CDN(Content Delivery Network)​은(는) 지리적으로 분산된 에지 노드에 Dynamic Media 자산을 캐시하여 고객에게 신속하게 전달할 수 있습니다. 이러한 에셋에 업데이트가 게시되면 해당 에지 노드의 캐시된 복사본은 TTL이 만료될 때까지 이전 버전을 계속 제공합니다. 그 결과, 명시적 무효화 없이 고객은 변경 사항이 라이브로 전환된 후 몇 시간 동안 오래된 콘텐츠를 볼 수 있습니다.

캐시 무효화는 다음 두 가지 방법으로 이 문제를 해결합니다.

  • 즉시 전파: 캐시를 무효화(또는 제거)하면 저장된 복사본이 삭제되므로 다음 요청은 원본에서 업데이트된 자산을 직접 가져옵니다. 이렇게 하면 웹 사이트에 변경 사항이 즉시 표시됩니다.
  • TTL 만료에 대한 종속성 없음: 팀은 기본 10시간 기간을 기다릴 필요가 없습니다. 이 기간은 시간에 민감한 수정 사항, 브랜드 업데이트 또는 긴급한 콘텐츠 교체에 중요합니다.

특정 사용 사례에 따라 CDN TTL 설정도 조정할 수 있습니다. 예를 들어, 자주 업데이트되는 에셋의 TTL을 줄이거나 안정적이고 오래 지속되는 콘텐츠의 경우 원본 로드와 신선도 균형을 이루도록 합니다.

자세한 절차는 Dynamic Media를 통해 CDN 캐시 무효화를 참조하십시오.

recommendation-more-help
experience-manager-cloud-service-help-main-toc