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

Dynamic Media 여정: 기본 사항, 1부 dm-journey-part1

이 안내서에서는 시스템 작동 방식, 시스템이 제공하는 핵심 기능 및 웹, 모바일 및 마케팅 채널 전반에서 리치 시각적 미디어의 생성, 관리 및 전달을 가속화하는 방법에 대해 설명하는 Adobe Experience Manager​의 Dynamic Media​을(를) 소개합니다. Dynamic Media​을(를) 통해 조직은 단일 마스터 자산에서 대화형 반응형 온디맨드 이미지 및 비디오를 제공할 수 있으므로 프로덕션 오버헤드가 줄어들고 모든 접점에서 고객 경험이 향상됩니다.

사전 요구 사항

Dynamic Media​가 이러한 형식, 기술 및 디자인 워크플로와 직접 상호 작용하므로 이 여정을 시작하기 전에 독자는 다음 영역에 익숙해질 수 있습니다.

배울 내용

파트 I

파트 II

대상자

이 여정은 Adobe Experience Manager​에서 Dynamic Media​을(를) 처음 사용하는 다음 역할에 맞게 디자인되었습니다.

Dynamic Media란 무엇이며 어떤 도움을 줄 수 있습니까? dm-journey-a

Dynamic Media​은(는) 브랜드와 마케터가 다양한 시각적 머천다이징 및 마케팅 자산을 온디맨드로 제공할 수 있도록 해주는 Adobe 솔루션입니다. 이미지, 비디오 및 3D와 같은 기본 소스 자산 집합에서 작업하는 Dynamic Media는 전역, 확장 가능 및 성능 최적화 CDN(Content Delivery Network)​을(를) 통해 이 풍부한 컨텐츠의 여러 변형을 실시간으로​생성하여 전달합니다.

주요 기능

Dynamic Media는 다음을 포함한 대화형 보기 환경을 만들고 제공합니다.

Assets은 웹, 모바일 및 소셜 사이트​에서 사용할 수 있도록 동적으로 크기가 조정됩니다. 렌더링은 CDN에서 실시간으로 발생하므로 단일 마스터 에셋을 모든 채널 및 디바이스 크기에서 재사용할 수 있으므로 각 대상에 대해 별도의 버전을 수동으로 생성하고 저장할 필요가 없습니다. 이를 통해 프로덕션 오버헤드가 줄어들고 고객이 콘텐츠를 접할 때마다 일관된 브랜드 경험을 보장할 수 있습니다.

Adobe Experience Manager Assets과 통합

Dynamic Media는 Adobe Experience Manager Assets 디지털 자산 관리(DAM) 솔루션의 워크플로우를 통합하여 디지털 캠페인 관리 프로세스를 간소화하고 간소화합니다. 즉, 크리에이티브, 마케팅 및 머천다이징 팀이 통합 환경에서 소스 파일, 승인, 메타데이터 및 게재를 관리할 수 있으므로 에셋 거버넌스를 옴니채널 게재에 직접 연결할 수 있습니다.

여러 게재 옵션이 있는 파일 1개

Adobe Dynamic Media는 단일 핵심 원칙에 따라 작동합니다. 기본 에셋 파일 하나, 여러 게재 옵션. Dynamic Media는 모든 채널, 장치 또는 웹 페이지에 대해 미디어를 복제하고 수동으로 버전 변경 작업을 수행하는 대신 단일 기본 에셋​을 저장하고 해당 소스에서 온디맨드로 모든 렌디션을 생성합니다.

이 문제가 중요한 이유를 이해하려면 이미지 또는 비디오와 같은 단일 자산에 대한 기존 워크플로우를 고려하십시오. 팀은 일반적으로 기본 에셋을 하나씩 만든 다음 모든 경험, 모든 대상 장치, 모든 웹 페이지 및 에셋이 나타나는 모든 속성에 대해 동일한 에셋의 버전을 수동으로 생성합니다. 시간이 지남에 따라 해당 단일 자산은 20개, 30개 이상의 버전으로 업로드할 수 있으며 버전 내역이 첨부되지 않는 경우가 많습니다. 이제 라이브러리의 모든 이미지와 비디오에 걸쳐 해당 노력을 배가합니다. 에셋 변형의 볼륨은 유지 관리 및 업데이트하기에 너무 많아지며 그에 따라 스토리지 비용이 증가합니다.

Dynamic Media의 차이점

마케터와 개발자가 Dynamic Media를 사용하여 URL 호출을 통해 단일 기본 자산에서 동적으로 미디어를 제공하기 때문에 Dynamic Media는 기존 시스템과 근본적으로 다릅니다. 클라이언트가 요청하는 Dynamic Media URL 경로​에는 에셋이 고객 화면에 전달될 때 Adobe 게시 서버에 해당 에셋을 표시하는 방법을 알려 주는 포함된 지침이 포함되어 있습니다. 따라서 동일한 단일 기본 에셋은 다음과 같은 즉시 변형하여 무제한 렌디션​으로 즉시 제공될 수 있습니다.

즉, 팀은 더 이상 가능한 모든 변형을 미리 생성하고 저장할 필요가 없습니다. 대신 URL 자체는 렌디션을 정의하고 서버는 이를 실시간으로 생성합니다.

모든 화면 및 대역폭에서 일관된 품질

이 전달 방법을 사용하면 Adobe Dynamic Media가 크기나 대역폭에 관계없이 모든 화면에 일관된 고품질 경험을 전송할 수 있습니다. Dynamic Media는 또한 모든 화면 유형에 대한 전체 크기 비디오를 최적화하고 적응적으로 스트리밍​하여 원활한 사용자 환경을 유지하기 위해 뷰어의 연결을 기반으로 품질을 조정합니다.

Adobe Dynamic Media는 크기 또는 대역폭에 관계없이 모든 화면에 일관된 품질 환경을 제공합니다.

"하나의 기본 자산, 여러 개의 제공 옵션"이 중요한 이유

단일 기본 자산에 통합하면 다음과 같은 몇 가지 실질적인 이점이 있습니다.

다음 섹션에서 설명하는 것처럼 이 “1개의 기본 에셋 파일, 여러 개의 배달 옵션” 개념은 Dynamic Media가 웹, 모바일 및 연결된 경험에서 미디어 전송을 효율적으로 확장하는 방법의 기초입니다.

컨텐츠 전달 네트워크

이미지 또는 비디오 자산을 사용하여 라이브 상태로 전환할 준비가 되면 Dynamic Media의 백본(매일 전 세계 수백 개의 클라이언트를 제공하는 강력한 최상위 전송 네트워크)이 이를 지원합니다. Dynamic Media는 Akamai​에서 호스팅하는 CDN(Content Delivery Network)​에 자산을 배포합니다. CDN은 전 세계 최종 사용자에게 컨텐츠, 특히 대용량 리치 미디어 파일을 전달하기 위해 원활하게 작동하는 에지 서버의 분산 네트워크입니다.

CDN 작동 방식

웹 콘텐츠는 인터넷의 웹 캐시에 저장된 다음 가장 가까운 캐시에서 최종 사용자에게 직접 제공되므로 더 빠르게 전달할 수 있습니다. 프로세스는 다음과 같이 작동합니다.

컨텐츠가 사용자에게 물리적으로 더 가까이 있기 때문에 더 빨리 도착하므로 네트워크 지연 시간 및 왕복 시간이 줄어듭니다. 이는 CDN을 기존의 단일 원본 게재보다 빠르게 만드는 핵심 메커니즘입니다.

최종 사용자 및 비즈니스를 위한 이점

CDN은 측정 가능한 이점을 제공합니다.

성능 및 확장

대규모 글로벌 규모로 운영되는 CDN은 지금까지 다음과 같은 이점을 제공합니다.

이 그림은 Dynamic Media의 Akamai 지원 CDN이 풍부한 미디어 배포에 제공하는 처리량과 안정성을 보여 줍니다.

스마트 이미징

Dynamic Media는 이미 CDN(Content Delivery Network)을 사용하여 자산을 최적화하고 각 자산이 모바일 및 데스크탑 시스템에서 빠르게 로드되도록 합니다. 이를 위해 Dynamic Media는 이미지 사전 설정​을 사용하여 이미지 품질을 정의합니다. 이미지 사전 설정은 또한 전송하는 이미지 유형, 선명도 및 경험이나 페이지의 다양한 부분에 대한 기타 렌더링 매개 변수를 정의합니다.

그러나 이미지 사전 설정 외에 Dynamic Media에 값을 추가하려면 스마트 이미징​을 사용하세요.

스마트 이미징은 기존 이미지 사전 설정 설정 및 특정 최종 사용자 특성에 따라 표준 Dynamic Media 게재에 비해 22%~47%의 성능 향상을 제공합니다. 이 모든 작업은 에셋을 터치하지 않은 것처럼 이미지 품질을 유지하면서 수행됩니다.

스마트 이미징 작동 방식

스마트 이미징은 고객의 브라우저 기능​을(를) 기반으로 이미지의 형식 및 파일 크기​를 자동으로 최적화하여 더 나은 이미지 자산 전달 성능을 제공합니다. 기존 이미지 사전 설정에서 작동하며(이미지 사전 설정은 이 여정의 II부에서 논의됨) 게재 시 인텔리전스를 적용합니다.

이 인텔리전스는 브라우저 및 네트워크 연결 속도​에 따라 이미지 파일 크기를 더 줄입니다. 즉, 스마트 이미징은 고객의 브라우저 기능과 네트워크 속도를 기반으로 이미지의 형식과 파일 크기를 자동으로 최적화하여 각 게재를 특정 보기 조건에 맞게 조정합니다.

성능 및 비즈니스 영향

이미지 자산은 페이지의 로드 시간 대부분을 차지하기 때문에 스마트 이미징에서 제공하는 성능 향상은 몇 가지 주요 비즈니스 지표에 직접 영향을 줍니다. 이미지 전달 속도가 빨라지면 다음과 같은 결과가 발생합니다.

인과관계는 간단합니다. 더 작고, 더 잘 최적화된 이미지가 더 빨리 로드되고, 더 빠른 페이지가 더 부드러운 사용자 경험을 생성하고, 더 부드러운 경험이 더 강한 참여와 매출 결과로 변환됩니다.

스마트 이미징 활성화 방법

Adobe Dynamic Media 기술 지원은 조정된 노력이 필요하므로 기본적으로 스마트 이미징이 켜지지 않습니다. 스마트 이미징을 활성화하려면 CDN 캐시를 완전히 지운 다음 시간이 지남에 따라 다시 채워야 합니다. 이렇게 하면 이전에 캐시되고 최적화되지 않은 이미지 변형이 새로 최적화된 게재로 교체됩니다.

스마트 이미징을 사용하려면 다음 단계를 따르십시오.

이 평가판-다음-활성화 접근 방식을 사용하면 사이트 전체 롤아웃을 커밋하기 전에 특정 사전 설정 및 대상에 대해 예상되는 22%~47% 성능 개선을 확인할 수 있습니다.

응용 비디오 집합

응용 비디오 집합​은(는) 동일한 소스 비디오의 여러 인코딩된 버전을 그룹화합니다(각 버전은 다른 비트 전송률 및 형식)로 렌더링됨). 따라서 최적의 파일이 모든 네트워크 조건에서 모든 장치에 배달될 수 있습니다. 게시자가 인코딩, 크기 조정 또는 게재 논리를 수동으로 관리하지 않고도 휴대폰, 태블릿 및 데스크탑 전반에서 비디오를 원활하게 스트리밍할 수 있는 Dynamic Media 솔루션입니다.

비디오 전달이 복잡한 이유

페이지에 비디오가 포함되어 있으면 일반적으로 고객은 해당 콘텐츠에 더 오래 참여하고 페이지에 더 오래 유지됩니다. Adobe은 자체 분석을 통해 관찰한 동작 패턴입니다. 그러나 참여를 캡처하려면 몇 가지 기술적인 문제를 한 번에 해결해야 합니다.

Dynamic Media는 단일 정적 파일 대신 응용 비디오 세트를 생성하고 제공함으로써 이러한 문제를 해결합니다.

응용 비디오 세트 작동 방식

예를 들어 iOS 모바일 장치에서 Dynamic Media는 연결이 4G, 5G 또는 Wi-Fi​인지 감지합니다. 그 신호에 기초하여, 그것은 응용 비디오 세트 내의 다양한 비트 레이트들로부터 적절한 인코딩된 비디오를 자동으로 선택하고 그것을 디바이스로 스트리밍한다.

자동 품질 전환

응용 비디오 세트는 보기 조건에 지속적으로 응답합니다.

주요 이점

응용 비디오 세트를 사용하면 다음과 같은 이점이 있습니다.

Dynamic Media 사용 사례 dm-journey-b

다음은 Dynamic Media가 긍정적인 고객 참여, 충성도, 전환 및 투자 수익률(ROI) 증가​를 유도하기 위해 해결하는 일반적인 사용 사례 문제 및 솔루션입니다.

Dynamic Media는 모든 장치, 채널 및 대상 세그먼트에서 다양한 시각적 컨텐츠를 제공해야 하는 마케팅, 전자 상거래 및 디지털 경험 팀이 직면한 반복되는 문제를 해결합니다. Dynamic Media는 이미지, 비디오 및 대화형 미디어 제작 및 게재를 중앙 집중화함으로써 수동 제작 오버헤드를 줄이고, 시장 출시 시간을 단축하며, 고객이 올바른 맥락에서 올바른 시각적 경험을 보게 하여 참여를 강화하고 전환율을 높입니다.

일반적인 Dynamic Media 사용 사례

이러한 각 활용 사례는 구체적인 생산 또는 제공 문제를 측정 가능한 비즈니스 성과로 연결시켜 줍니다. 즉, 운영 비용 절감, 출시 주기 단축, 고객 참여 강화, 전환율 향상, 장기 충성도 향상 등의 효과를 얻을 수 있습니다.

사용 사례: 기본 파일 접근 방식

페이지 용량 문제

일반적인 웹 페이지의 약 90%가 리치 미디어에서 제공됩니다 — 다른 페이지 구성 요소보다 훨씬 무거운 이미지 및 비디오 파일입니다. 나머지 10%는 HTML, CSS 코드 및 특정 태그​입니다. 이미지 또는 비디오에 관계없이 페이지 무게와 콘텐츠 크기를 줄이는 것은 Dynamic Media의 가장 중요하고 명백한 사용 사례 중 하나입니다. 더 가벼운 페이지는 더 빠르게 로드되고, 모바일 네트워크에서 더 잘 수행되고, 장치 간에 더 원활한 경험을 제공하므로 이러한 모든 요인이 더 강한 참여와 전환 결과에 기여합니다.

일반적인 웹 페이지의 콘텐츠 페이지 가중치입니다.

리치 미디어가 페이지 가중치를 압도하므로 90%를 최적화하는 것이 Dynamic Media에 중점을 둡니다. 핵심 개념은 여러 게재 옵션이 있는 1개의 기본 에셋 파일​이며 이 접근 방식은 전체 페이지 가중치를 줄이는 데 핵심입니다.

단일 운영 파일 방식

단일 기본 에셋이 한 번에 많은 서피스에 전원을 공급할 수 있습니다. 예를 들어 다음 항목에서 하나의 제품 이미지를 재사용할 수 있습니다.

시계는 하나의 기본 에셋 파일이지만 여러 개의 렌디션이 있습니다(복사본이 아님).

이러한 재사용은 고도로 효율적이며 에셋이 나타나는 모든 경험에서 시각적 일관성을 보장합니다.

Dynamic Media가 단일 파일 접근 방식으로 해결하는 문제

자산을 복제하면 숨겨진 비용이 발생하는 이유

팀이 모든 종류의 경험에 대해 별도의 에셋을 만들 때 하나의 시작 이미지는 일반적으로 20개, 30개 또는 40개의 저장된 변형이 됩니다. 각 변형은 비용을 지불하고 관리해야 합니다. 그런 다음 각 컨텍스트에서 올바른 이미지가 사용되는지 확인해야 합니다. 이는 브랜드 일관성에 직접적인 영향을 미칩니다. 이미지를 찾을 수 없는 경우 팀은 에셋을 다시 복제하여 스토리지 비용과 조정 비용을 모두 부담하게 됩니다.

단일 파일 접근 방식의 이점

Dynamic Media는 해당 시작 이미지에서 이미지의 변형을 동적으로 만듭니다. Creative 팀은 그래픽 디자인 팀이나 사진 스튜디오와 반복적으로 조정하지 않고도 기본 에셋으로 유연하게 작업하여 추가 콘텐츠를 생성할 수 있습니다. 이렇게 하면 렌디션이 사전 제작 및 창고가 아닌 필요에 따라 제작되기 때문에 제작 비용을 직접 절감하고 마켓 출시 시간을 단축할 수 있습니다.

단일 파일 접근 방식을 사용하면 하나의 운영 파일이 모든 다운스트림 버전을 지원합니다. 사이트, 속성 및 고객 경험에 필요한 렌디션은 고객에게 전달되는 순간에만 생성됩니다. 이러한 효율성은 자산에 필요한 스토리지 공간을 크게 줄이고 전반적인 워크플로우 복잡성을 줄입니다. Dynamic Media의 게재 시스템은 모든 이미지와 비디오가 최적화되고, 빠르게 로드되며, 모든 화면 및 장치에서 잘 보이도록 보장합니다.

사용 사례: 비디오

Dynamic Media는 Digital Commerce에서 가장 까다로운 자산 유형 중 하나를 해결합니다. 비디오. 비디오 에셋은 파일 크기가 크고, 다양한 형식 요구 사항을 충족해야 하며, 광범위한 디바이스, 화면 해상도 및 네트워크 조건에서 원활하게 렌더링해야 하므로 관리, 저장 및 배포가 본질적으로 복잡합니다. 자동화된 파이프라인이 없으면 팀은 일반적으로 수동 코드 변환, 일관성 없는 재생 품질 및 느린 로드 시간에 직면하게 되며, 이러한 모든 상황이 브랜드 인지와 전환에 직접적인 영향을 줍니다.

고객은 해결하고자 하는 다음 문제를 안고 Dynamic Media를 방문합니다.

“내 회사에 비디오가 있지만 배달을 피했습니다. 테스트에서 비디오 품질이 일관되지 않은 것으로 나타났습니다. 브랜드 및 전환에 영향을 줍니다.”

일관되지 않은 재생은 방문자가 정지되었거나 낮은 품질의 비디오를 좋지 않은 제품 또는 브랜드 품질의 신호로 해석하기 때문에 사용자 신뢰를 떨어뜨리고 바운스 비율을 증가시킵니다. Dynamic Media의 솔루션은 하나의 기본 비디오 파일을 가져와 Dynamic Media가 자동화된 트랜스코딩 프로세스를 통해 필요한 모든 크기 및 인코딩을 생성하도록 하는 것입니다. 그런 다음 해당 출력은 Dynamic Media의 지능형 비디오 플레이어​와(과) 연결되며, 이 플레이어는 장치 및 연결을 기반으로 최적의 렌디션을 실시간으로 선택합니다.

따라서 이 워크플로우는 기본 랜딩 페이지, 카테고리 페이지 또는 제품 세부 사항 페이지에 관계없이 비디오가 나타나는 모든 곳에서 일관되고 고품질의 재생을 보장하므로 브랜드 무결성을 유지하고 고객 여정 전반에서 더 강력한 전환 성능을 지원하는 데 도움이 됩니다.

다음은 고려해야 할 몇 가지 사용 사례입니다.

사용 사례: 신뢰할 수 있는 단일 소스

사용 사례: 리치 미디어를 위한 AI 기반 스마트 자르기

사용 사례: 대화형 미디어 작성

자산이 Dynamic Media 시스템을 통해 이동하는 방법 dm-journey-c

일반적인 Dynamic Media 워크플로는 다음 세 가지 순차적 단계를 통해 자산을 이동합니다. (1) 만들기, (2) 작성/업로드 및 (3) 최적화 및 게시. 최종 결과는 중앙 집중식 Dynamic Media 서버​에서 웹, 인쇄, 전자 메일, 데스크톱 및 모바일 채널을 통해 동적으로 전달된 단일 기본 자산​입니다.

에셋이 Dynamic Media 시스템을 통해 흐르는 방식.

1. 생성 단계 — 기본 자산 생성 중

워크플로는 고품질의 기본 에셋​을(를) 만드는 것이 목표인 만들기 단계에서 시작됩니다. 이러한 기본 에셋은 일반적으로 다음에서 비롯됩니다.

Adobe Creative Suite 응용 프로그램은 Dynamic Media 시스템에 들어가기 전에 소스 콘텐츠를 디자인, 리터치 및 완료하는 데 사용되는 Adobe InDesign, Adobe Photoshop 및 Adobe Illustrator​을(를) 포함하여 이 단계를 지원합니다.

2. 작성 단계 — Dynamic Media에 업로드

만들기가 완료되면 완료된 자산이 Dynamic Media 내의 제작 솔루션으로 업로드됩니다. 이 단계에서는 올바른 이미지 사전 설정 및 뷰어​이 구성되어 사이트의 다양한 웹 페이지와 정렬되므로 각 자산은 의도한 배치에 적합한 크기, 품질 및 대화형 동작으로 렌더링됩니다.

3. 게시 단계 — 최적화 및 다중 채널 게재

마지막 단계에서 콘텐츠가 최적화되고 Dynamic Media 서버​에 게시됩니다. 이 최적화를 통해 에셋을 동적 게재로 준비하여 모든 출력 채널에서 단일 마스터 파일을 효율적으로 재사용할 수 있습니다. 게시되면 에셋을 다음 대상에게 게재할 수 있습니다.

이 중앙 집중식 Publish-Once, Deliver-Anywhere 모델은 채널 전반에서 시각적 일관성을 보장하는 동시에 각 대상에 대해 별도의 렌디션을 저장하고 관리할 필요가 없습니다.

Dynamic Media에 Assets 업로드

기본 자산을 만든 후 Dynamic Media에 업로드합니다. 파일 형식, 형식 및 크기​은(는) Dynamic Media가 에셋을 처리하고 제공하는 방법을 결정하는 중요한 특성입니다. 업로드할 때 1개 파일 지원 모델에서 최대값을 추출하십시오.

예를 들어, 아래 시계 이미지는 4560 x 3020 픽셀​입니다. 해당 전체 크기의 이미지를 표시하지 않으려는 경우에도 사용 가능한 가장 높은 해상도로 업로드해야 합니다. 소스 이미지가 클수록 Dynamic Media가 아티팩트를 도입하지 않고도 고해상도 마스터에서 다운샘플링을 수행할 수 있으므로, Dynamic Media가 모든 렌디션에서 가장 작은 썸네일까지 더 우수한 품질을 제공할 수 있습니다. 이 주요 원칙을 기억하십시오. 기존 이미지의 해상도를 쉽게 감소​할 수 있지만 저해상도 이미지의 해상도를 증가​하려고 하면 만족스럽지 않고 픽셀화된 결과가 나옵니다.

에셋 업로드에 대한 고려 사항

권장 파일 형식: Adobe에서는 자산을 무손실 형식​으로 업로드하는 것을 권장합니다. JPEG을 제공하거나 저장할 때마다 손실 압축으로 인해 이미지 품질이 저하되므로 JPEG​을(를) 소스 형식으로 사용하지 마십시오. 대신, 무손실 형식의 고해상도 이미지로 시작합니다. 기본 형식은 일반적으로 다음과 같습니다.

색상 공간 고려 사항: 디지털 채널 또는 웹 게재를 계획할 때 기본 색상 공간은 RGB(빨강, 녹색, 파랑)​이며, 이는 화면에서 빛을 사용하여 색상을 렌더링하는 방식에 해당합니다.

대부분의 사용자는 CMYK(사이안, 마젠타, 노랑, 키/검정)​의 자산을 전달하거나 필요한 이유를 고려하지 않습니다. CMYK는 오프셋 및 디지털 인쇄 인쇄기에 사용되는 잉크에 해당하므로 인쇄 재료용 표준 색상 공간입니다. 그러나 Dynamic Media는 두 색상 공간 모두에서 전달을 지원합니다.

많은 고객이 여전히 다음을 포함한 인쇄 제작에 의존하고 있습니다.

이러한 고객은 RGB 및 CMYK 모두에서 이미지를 필요로 합니다. 일반적으로 이 요구 사항을 충족하면 RGB 버전 하나와 CMYK 버전 두 개의 파일을 별도로 유지 관리할 수 있었습니다. 그러나 Dynamic Media를 사용하면 CMYK 자산을 직접 업로드할 수 있으며 Dynamic Media는 이미지 사전 설정 또는 색상 프로필을 통해 RGB 자산을 자동으로 전달합니다. 따라서 동일한 파일의 여러 버전을 만들고 관리할 필요가 없으므로 여러 배달 옵션이 있는 1개의 기본 에셋 파일​의 핵심 원칙을 유지할 수 있습니다.

에셋 게시 및 미리보기

Dynamic Media의 자산 게시

Dynamic Media에 에셋을 업로드한 후 게시하면 에셋이 모든 고객 대면 경험에 전달될 수 있습니다. 수동으로 게시하려면:

게시되지 않은 자산은 Dynamic Media의 게재 계층을 통해 제공되지 않으므로 라이브 웹 페이지에서 참조할 수 없으므로 모든 경험에서 자산을 사용하려는 경우 항상 게시가 필요합니다. 에셋이 게시되면 두 가지 방법으로 웹 페이지에 포함할 수 있습니다.

업로드 시 자동 게시

수동 워크플로우 외에도 Dynamic Media는 자동 게시를 지원합니다. 사용자 개입 없이 업로드 시 자산을 즉시 게시하도록 Dynamic Media를 구성할 수 있습니다. 이렇게 하면 수동 게시 단계가 생략되고 새 에셋을 수집하여 웹 게재에 사용할 수 있는 시간이 단축됩니다.

에셋 렌디션 미리 보기

업로드 후 Dynamic Media에서는 에셋의 렌디션을 미리 볼 수 있는 다양한 방법을 제공합니다. 미리 보기는 자산이 프로덕션에 삽입되기 전에 고객이 보는 것을 보여주며, 이는 자르기, 크기 조정, 뷰어 동작 및 전반적인 시각적 품질을 확인하는 데 도움이 됩니다.

이미지 사전 설정으로 미리 보기

일반적인 미리 보기 방법은 이미지 사전 설정​을 사용합니다.

결과 URL 경로에는 이미지 사전 설정 이름(예: “Large”)이 포함되어 있으며, 이 이름은 웹 페이지에서 사용하는 것과 동일한 URL입니다.

선택한 “큰” 이미지 사전 설정을 기반으로 자산의 렌디션을 미리 봅니다. 결과 URL 경로에 “큰” 이미지 사전 설정 이름이 포함되어 있으며 웹 페이지에서 사용됩니다.

위의 URL은 live입니다! 사용해 보기.

뷰어 사전 설정으로 미리 보기

자산을 미리 보는 다른 방법에서는 대화형 HTML5 뷰어 내에서 자산을 렌더링하는 뷰어 사전 설정​을 사용합니다.

선택한 “ZoomVertical_light” 뷰어 사전 설정을 기반으로 에셋을 미리 봅니다. 확대하기 위해 마우스 포인터(+)를 시계 위로 이동했습니다. URL 및 포함 단추를 확인합니다.

위의 렌디션은 라이브입니다! 사용해 보기.

선택 사항 - 자세히 알아보기

이 설명서의 1부는 웹, 모바일 및 연결된 채널에서 반응형, 대화형 리치 미디어(이미지, 세트 및 비디오 포함)를 제공하도록 설계된 기능인 Adobe Experience Manager의 Dynamic Media에 대한 기본 사항을 다룹니다. 1부에 소개된 개념에 대한 이해를 심화시키려면 아래 큐레이션된 자료를 활용한다. 이러한 보조 자료는 Dynamic Media 워크플로우, 구성 및 게재 패턴에 대해 보다 기술적인 세부 정보로 확장됩니다. 그렇지 않으면 이 설명서의 2부를 계속 진행하십시오. 이 Dynamic Media 여정의 다음 단계를 참조하세요.

Dynamic Media 튜토리얼

Dynamic Media 뷰어

이 Dynamic Media 설명서의 다음 사항 whats-next

이 설명서의 2부는 에셋 전달 및 다중 에셋 뷰어 경험에 대한 보다 심층적인 기술 초점으로 Dynamic Media 여정을 계속합니다. 특히 제 II부는 다음을 다룹니다.

이러한 주제를 함께 사용하여 Part I에 도입된 기본 개념을 직접 작성하고 더 풍부하고 대화형 Dynamic Media 경험을 구성할 수 있도록 준비합니다.

Dynamic Media: 기본 사항, II를 계속 진행하십시오.