반응형 사이트에 최적화된 이미지 게재

반응형 서비스용 코드를 웹 개발자와 공유하려면 반응형 코드 기능을 사용하십시오. 응답형(RESS)를 클릭하여 웹 개발자와 공유할 수 있습니다.

이 기능은 웹 사이트가 타사 WCM에 있는 경우 사용하는 것이 적절합니다. 그러나 웹 사이트가 대신 Adobe Experience Manager에 있는 경우 오프사이트 이미지 서버가 이미지를 렌더링하여 웹 페이지에 제공합니다.

참조: 웹 페이지에 비디오 뷰어 포함.

참조: 웹 애플리케이션에 URL 연결.

반응형 사이트에 최적화된 이미지를 전달하려면:

  1. 응답 코드를 제공할 이미지로 이동하고 드롭다운 메뉴에서 을(를) 선택합니다 표현물.

    chlimage_1-408

  2. Select a responsive image preset. The URL and RESS buttons appear.

    chlimage_1-409

    노트

    The selected asset and the selected image preset or viewer preset must be published to make the URL or RESS buttons available.

    Dynamic Media - 하이브리드 모드에서는 이미지 사전 설정을 게시해야 합니다. Dynamic Media - Scene7 모드에서는 이미지 사전 설정을 자동으로 게시합니다.

  3. 선택 RESS.

    chlimage_1-410

  4. 다음에서 응답형 이미지 포함 대화 상자에서 응답형 코드 텍스트를 선택하고 복사하여 웹 사이트에 붙여넣어 응답형 자산에 액세스합니다.

  5. 포함 코드의 기본 중단점을 편집하여 응답형 웹 사이트의 중단점과 일치시키십시오(코드에서 직접). 또한 다양한 페이지 중단점에서 제공되는 다양한 이미지 해상도를 테스트합니다.

HTTP/2를 사용하여 Dynamic Media 에셋 전달

HTTP/2는 새로운 업데이트된 웹 프로토콜로서 브라우저와 서버의 통신 방식을 개선합니다. 정보 전송 속도를 높이고 필요한 처리 능력을 줄일 수 있습니다. 더 나은 응답 및 로드 시간을 제공하는 HTTP/2를 사용하여 Dynamic Media 에셋 전달을 지원합니다.

다음을 참조하십시오 컨텐츠의 HTTP2 전달 Dynamic Media 계정에서 HTTP/2 사용 시작하기에 대한 자세한 내용을 보려면 여기를 클릭하십시오.

이 페이지에서는