웹 애플리케이션에 URL 연결 linking-urls-to-your-web-application

웹 사이트 및 애플리케이션은 URL 문자열을 사용하여 Dynamic Media 이미지 서버 콘텐츠에 액세스합니다. 이미지를 게시하면 Adobe Dynamic Media Classic에서 Dynamic Media 이미지 서버의 이미지 사전 설정을 참조하는 URL 문자열을 활성화합니다. 테스트를 위해 웹 브라우저에서 이러한 URL을 사용할 수 있습니다.

이러한 URL 문자열을 웹 페이지 및 애플리케이션에 배치하려면 Adobe Dynamic Media Classic에서 복사하십시오. 이미지 사전 설정으로 생성된 URL 문자열을 가져오려면 [미리 보기] 화면 또는 [찾아보기] 패널(자세히 보기)로 이동합니다.

이미지 사전 설정 URL 얻기 obtaining-an-image-preset-url

[미리 보기] 또는 [세부 사항 보기]에서 이미지 사전 설정에 의해 생성된 URL 문자열을 얻을 수 있습니다. URL을 복사하면 클립보드에 저장되므로 필요에 따라 붙여넣을 수 있습니다.

NOTE
자산을 게시하기 전에는 URL이 활성화되지 않습니다.

미리 보기에서 이미지 사전 설정 URL 얻기 obtaining-an-image-preset-url-from-preview

  1. 왼쪽의 에셋 라이브러리 패널에서 미리 볼 이미지 에셋이 포함된 에셋 폴더로 이동합니다.

  2. 다음 중 하나를 수행하십시오.

    • Assets 창 위의 도구 모음 오른쪽에서 눈금 보기​를 선택합니다. 에셋 창에서 단일 이미지 에셋을 선택한 다음 썸네일 이미지 아래에서 미리 보기 > 이미지 사전 설정 목록(으)로 이동합니다.
    • Assets 창 위의 도구 모음 오른쪽에서 목록 보기​를 선택합니다. 에셋 창에서 단일 이미지 에셋을 선택한 다음 썸네일 이미지의 오른쪽에 있는 미리 보기 > 이미지 사전 설정 목록(으)로 이동합니다.
    • Assets 창 위의 도구 모음 오른쪽에서 자세히 보기​를 선택합니다. 같은 도구 모음에서 미리 보기 > 이미지 사전 설정 목록(으)로 이동합니다.
  3. (선택 사항) 이미지 사전 설정 목록의 [URL 인코딩 복사 URL 생성] 드롭다운 목록에서 복사할 때 이미지 에셋의 URL에 적용할 URL 인코딩을 선택합니다.

  4. 이미지 사전 설정 목록 창의 미리 보기 창의 오른쪽 상단 영역에서 선택한 사전 설정 유형에 대해 URL 복사​를 선택합니다.

  5. 이미지 사전 설정 목록 창의 오른쪽 아래 모서리에서 닫기​를 선택하여 Assets 화면으로 돌아갑니다.

검색 패널에서 이미지 사전 설정 URL 얻기 obtaining-an-image-preset-url-from-the-browse-panel

  1. 왼쪽의 에셋 라이브러리 패널에서 미리 보려는 이미지 에셋이 포함된 에셋 폴더로 이동합니다.
  2. Assets 창 위의 도구 모음 오른쪽에서 눈금 보기​를 선택합니다. [자산] 창에서 단일 이미지 자산을 선택합니다.
  3. Assets 창 위의 도구 모음 오른쪽에서 자세히 보기​를 선택합니다.
  4. 이미지 사전 설정 목록을 표시하려면 오른쪽 패널에서 URL​을(를) 선택합니다.
  5. 클립보드에 복사할 URL이 있는 이미지 사전 설정 이름 옆에 있는 URL 복사 링크를 선택합니다.

이미지 사전 설정 URL 문자열 개요 about-image-preset-url-strings

Dynamic Media 이미지 서버에서 이미지 크기 조정을 위한 URL 호출의 기본 구문은 다음과 같습니다.

경로/이미지 서버 이름/계정 이름/이미지 이름?수정자1&수정자2&…

Dynamic Media 이미지 서버 URL에서 이미지 표시 서버에 대한 지침은 물음표(?)를 따릅니다. 예를 들어 이 URL 호출은 250픽셀 너비로 "backpack"이라는 이미지를 전달합니다.

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250

이미지 사전 설정 URL에는 적절한 크기 및 형식 지정 사양에 따라 이미지를 제공하기 위한 모든 수정자 지침이 포함됩니다. 이미지 사전 설정이 없으면 물음표(?) 다음의 모든 수정자 지침을 참고하십시오. 모든 수정자 지침을 확인합니다.

https://s7d1.scene7.com/is/image/S7learn/backpack?wid=250&fmt=jpeg&qlt=80,0&resMode=sharp&op_usm=1.1,0.5,1,0

단, 이미지 사전 설정으로 생성된 URL 문자열에서 이미지 사전 설정 이름은 이미지 사전 설정으로 정의된 지침을 대체합니다. 예를 들어 위의 긴 URL을 참조하는 URL 문자열은 다음과 같습니다.

https://s7d1.scene7.com/is/image/S7learn/backpack?$Large$

URL의 이미지 사전 설정 이름에는 달러 기호($)가 사용됩니다. Dynamic Media 이미지 서버가 URL의 이미지 사전 설정 부분(이 경우 Large)을 처리할 때 “큰” 이미지 사전 설정에 정의된 크기 및 서식 지정 명령을 사용합니다.

웹 페이지에 동적 이미지 추가 adding-dynamic-images-to-your-web-page

웹 페이지에 동적 이미지를 추가할 때 <IMG> 태그는 일반적으로 Adobe Dynamic Media Classic URL 문자열을 사용하여 Dynamic Media 이미지 서버에서 이미지를 요청하여 수정됩니다. 이 문자열은 이미지 사전 설정에 의해 정의된 크기 및 형식 지정 사양에 따라 이미지를 생성합니다.

예를 들어 다음과 같은 일반적인 정적 이미지 열기 호출이 있습니다.

img src="/company_images/products/backpack_thumbnail.jpg"

이제 <IMG> 태그를 사용하여 정적 이미지에 대한 참조를 Adobe Dynamic Media Classic 플랫폼에 대한 이미지 사전 설정 호출로 바꿉니다. 샘플 호출은 다음과 같이 표시됩니다.

img src="https://s7d2.scene7.com/is/image/S7learn/backpack_trns?$thumbnail$"

이 예에서 Dynamic Media 이미지 서버는 $thumbnail$의 정의를 검색하고 thumbnail 이미지 사전 설정에서 정의된 크기 조정 및 서식 지정 사항을 사용하여 적절한 이미지를 동적으로 생성합니다. URL 문자열에서 제품 이미지 파일 이름(이 경우 backpack_trns)을 제외한 모든 항목은 일반적으로 페이지 템플릿에 대해 구성됩니다. 상거래 서버에서 페이지 템플릿에 자동으로 삽입되는 요소는 이미지의 IPS ID 또는 이름뿐입니다.

recommendation-more-help
dynamic-media-classic-help-using