응답형 사이트용으로 최적화된 이미지 제공

웹 개발자와 반응형 서비스를 위해 코드를 공유하려는 경우 응답형 코드 기능을 사용합니다. 반응형(RESS) 코드를 클립보드에 복사하여 웹 개발자와 공유할 수 있습니다.

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

웹 페이지에 비디오 뷰어 포함을 참조하십시오.🔗

웹 응용 프로그램에 URL 연결을 참조하십시오.

반응형 사이트에 최적화된 이미지를 제공하려면 다음을 수행합니다.

  1. 응답형 코드를 제공하려는 이미지로 이동하고 드롭다운 메뉴에서 표현물​을 누릅니다.

    chlimage_1-408

  2. 반응형 이미지 사전 설정을 선택합니다. URLRESS 단추가 나타납니다.

    chlimage_1-409

    노트

    URL 또는 RESS 단추를 사용할 수 있도록 선택한 에셋 선택한 이미지 사전 설정 또는 뷰어 사전 설정을 게시해야 합니다.

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

  3. RESS​을(를) 누릅니다.

    chlimage_1-410

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

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

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

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

Dynamic Media 계정으로 HTTP/2를 사용하는 시작에 대한 자세한 내용은 HTTP2 콘텐츠 제공을 참조하십시오.

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now