설명서Dynamic Media Classic 안내서

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

Last update: Sat Jul 20 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

작성 대상:

  • 중간
  • 사용자

웹 사이트 및 애플리케이션은 URL 문자열을 통해 Dynamic Media Image Server 콘텐츠에 액세스합니다. 이미지를 게시하면 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 호출에는 다음과 같은 기본 구문이 있습니다.

path/name of Image Server/account name/image name?modifier1&modifier2&…

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

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

이미지 사전 설정 URL에는 적절한 크기 및 형식 지정 사양에 따라 이미지를 제공하기 위한 모든 수정자 지침이 포함됩니다. 이미지 사전 설정이 없을 경우 다음 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

웹 페이지에 동적 이미지를 추가할 때 HTML 페이지 코드의 <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
ba789e76-bace-4e0e-bd26-52691fb2cb26