이미지 사전 설정 관리 managing-image-presets
이미지 사전 설정을 사용하면 Adobe Experience Manager Assets에서 다른 크기, 다른 형식 또는 동적으로 생성된 다른 이미지 속성으로 이미지를 동적으로 전달할 수 있습니다. 각 이미지 사전 설정은 이미지를 표시하기 위한 미리 정의된 크기 조정 및 서식 지정 명령 컬렉션을 나타냅니다. 이미지 사전 설정을 만들 때 이미지 게재 크기를 선택합니다. 또한 보기 위해 이미지가 전달될 때 이미지의 모양이 최적화되도록 서식 지정 명령을 선택합니다.
관리자는 에셋 내보내기를 위한 사전 설정을 만들 수 있습니다. 사용자는 이미지를 내보낼 때 사전 설정을 선택할 수 있으며, 이 사전 설정은 관리자가 지정하는 사양으로 이미지 형식을 다시 지정할 수도 있습니다.
응답하는 이미지 사전 설정을 만들 수도 있습니다. 반응형 이미지 사전 설정을 에셋에 적용하면 에셋이 표시되는 디바이스 또는 화면 크기에 따라 변경됩니다. RGB 또는 회색 외에도 색상 공간에서 CMYK를 사용하도록 이미지 사전 설정을 구성할 수 있습니다.
이 섹션에서는 이미지 사전 설정을 만들고, 수정하고, 일반적으로 관리하는 방법을 설명합니다. 미리 볼 때마다 이미지 사전 설정을 이미지에 적용할 수 있습니다. 이미지 사전 설정 적용을 참조하십시오.
이미지 사전 설정에 대해 알아보기 understanding-image-presets
매크로와 마찬가지로 이미지 사전 설정은 이름 아래에 저장된 크기 조정 및 서식 지정 명령의 미리 정의된 컬렉션입니다. 이미지 사전 설정의 작동 방식을 이해하려면 웹 사이트에서 각 제품 이미지를 데스크탑 및 모바일 게재에 대해 서로 다른 크기, 다른 형식 및 압축률로 표시해야 한다고 가정해 봅시다.
데스크탑의 경우 500 x 500픽셀, 모바일의 경우 150 x 150픽셀이라는 두 개의 이미지 사전 설정을 만들 수 있습니다. 두 개의 이미지 사전 설정을 만듭니다. 하나는 500x500픽셀로 이미지를 표시하는 Enlarge이고 다른 하나는 150x150픽셀로 이미지를 표시하는 Thumbnail입니다. Enlarge 및 Thumbnail 크기의 이미지를 전달하기 위해 Experience Manager은 Enlarge Image Preset 및 Thumbnail Image Preset의 정의를 찾습니다. 그런 다음 Experience Manager은 각 이미지 사전 설정의 크기 및 형식 지정 사양에 따라 이미지를 동적으로 생성합니다.
이미지가 동적으로 전달될 때 크기가 줄어든 이미지는 선명도와 디테일을 잃을 수 있습니다. 이러한 이유로 각 이미지 사전 설정에는 이미지가 특정 크기로 제공될 때 이를 최적화하기 위한 서식 지정 컨트롤이 포함되어 있습니다. 이러한 컨트롤은 이미지가 웹 사이트나 응용 프로그램에 전달될 때 선명하고 선명하게 나타나도록 합니다.
관리자는 이미지 사전 설정을 만들 수 있습니다. 이미지 사전 설정을 만들려면 처음부터 시작하거나 기존 이미지 사전 설정에서 시작하여 새 이름으로 저장할 수 있습니다.
이미지 사전 설정 관리 managing-image-presets-1
Experience Manager 로고를 선택하여 전역 탐색 콘솔에 액세스한 다음 도구 아이콘을 선택하고 Assets > 이미지 사전 설정(으)로 이동하여 Experience Manager에서 이미지 사전 설정을 관리합니다.
이미지 사전 설정과 표현물의 관계 how-image-presets-relate-to-renditions
이미지 사전 설정은 크기 조정, 서식 지정, 압축 및 기타 표시 매개 변수를 포함하여 Dynamic Media가 이미지를 전달하는 방법을 정의합니다. 사전 설정은 렌디션 자체를 생성하지 않습니다. 대신 에셋이 처리될 때 생성되는 렌디션에 의존합니다.
AEM as a Cloud Service에서 렌디션 생성 rendition-generation-in-aemaacs
AEM as a Cloud Service에서 렌디션은 에셋 마이크로서비스를 사용하여 생성됩니다. DAM 자산 업데이트 워크플로우를 Cloud Service에서 사용자 정의할 수 없습니다.
중요한 고려 사항은 다음과 같습니다.
- 렌디션은 업로드 시 생성됩니다.
- 처리 프로필의 변경 사항은 새로 업로드한 자산에 영향을 줍니다. 새 렌디션이 필요한 경우 기존 에셋을 재처리해야 합니다.
- 렌디션을 생성하기 위한 AEM as a Cloud Service에서는 워크플로 모델 사용자 지정이 지원되지 않습니다.
이미지 사전 설정은 전달 시 사용 가능한 렌디션을 참조합니다. 이미지 사전 설정을 구성하거나 사용하기 전에 필요한 렌디션이 있는지 확인하십시오.
생성할 렌디션을 제어하려면:
- 처리 프로필을 만들거나 편집합니다.
- 필요한 렌디션 정의를 구성합니다.
- 적절한 폴더에 처리 프로필을 적용합니다.
처리 프로필이 적용된 폴더에 에셋이 업로드되면 에셋 마이크로서비스 가 정의된 렌디션을 자동으로 생성합니다.
표시되는 이미지 사전 설정 수 증가 또는 감소 increasing-or-decreasing-the-number-of-image-presets-that-display
만든 이미지 사전 설정은 에셋을 미리 볼 때 동적 변환으로 사용할 수 있습니다. Experience Manager은 자세히 보기 > 렌디션에서 에셋을 볼 때 다양한 동적 렌디션을 표시합니다. 표시되는 표현물의 한도를 늘리거나 줄일 수 있습니다.
표시되는 이미지 사전 설정 수를 늘리거나 줄이려면
-
CRXDE Lite(https://localhost:4502/crx/de)로 이동합니다.
-
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist의 이미지 사전 설정 나열 노드로 이동합니다.
-
In the limit property, change the Value, which is set to 15 by default, to the desired number.
-
/libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource의 이미지 사전 설정 데이터 원본으로 이동합니다.
-
limit 속성에서 숫자를 원하는 숫자(예:
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]})로 변경합니다. -
모두 저장을 선택합니다.
이미지 사전 설정 만들기 creating-image-presets
미리 보거나 게시할 때 이미지 간에 설정을 일관되게 적용할 수 있도록 이미지 사전 설정을 만듭니다.
이러한 파일 형식의 동적 렌디션을 생성할 수 있도록 AI, PDF 및 EPS 파일 수집을 지원하려면 이미지 사전 설정을 만들기 전에 다음 정보를 검토하십시오.
Adobe Illustrator(AI), PostScript®(EPS) 및 PDF 파일 형식을 참조하세요.
이 파일 형식의 동적 변환을 생성할 수 있도록 INDD 파일 수집을 지원하려면 이미지 사전 설정을 만들기 전에 다음 정보를 검토하십시오.
INDD(InDesign) 파일 형식을 참조하세요.
이미지 사전 설정을 만들려면:
-
Experience Manager에서 Experience Manager 로고를 선택하여 전역 탐색 콘솔에 액세스한 다음 도구 > Assets > 이미지 사전 설정(으)로 이동합니다.
-
만들기를 선택합니다.
note note NOTE 이 이미지 사전 설정을 응답형으로 설정하려면 width 및 height 필드의 값을 지우고 비워 두십시오. -
이미지 사전 설정 편집 창에서 이름을 포함하여 기본 및 고급 탭에 값을 적절하게 입력합니다. 옵션은 Image Preset Options에 설명되어 있습니다. Presets appear in the left pane and can be used on-the-fly with other assets.
-
저장을 선택합니다.
응답형 이미지 사전 설정 만들기 creating-a-responsive-image-preset
응답형 이미지 사전 설정을 만들려면 이미지 사전 설정 만들기의 단계를 수행하십시오. 이미지 사전 설정 편집 창에 높이와 너비를 입력할 때 값을 지우고 비워 둡니다.
이 필드를 비워 두면 Experience Manager에 이 이미지 사전 설정이 응답함을 알려줍니다. 다른 값은 적절하게 조정할 수 있습니다.
이미지 사전 설정 옵션 image-preset-options
이미지 사전 설정을 만들거나 편집할 때 이 섹션에 설명된 옵션이 있습니다. 또한 Adobe에서는 다음과 같은 "모범 사례" 옵션 선택 사항을 시작할 것을 권장합니다.
-
형식(기본 탭) - JPEG 또는 요구 사항에 맞는 다른 형식을 선택하십시오. 모든 웹 브라우저는 JPEG 형식을 지원하며 파일 크기와 이미지 품질의 균형이 좋습니다. 그러나 JPEG 형식은 손실 압축을 사용하므로 압축 설정이 너무 낮으면 원치 않는 아티팩트가 생길 수 있습니다. For that reason, Adobe recommends setting the compression quality to 75. 이 설정은 이미지 품질과 파일 크기 사이의 균형을 잘 맞춥니다.
-
Enable Simple Sharpening - Do not select Enable Simple Sharpening (this sharpening filter offers less control than Unsharp Masking settings).
-
선명하게 하기: 리샘플링 모드 - Sharp2을(를) 선택합니다.
기본 탭 옵션 basic-tab-options
선택 JPEG은(는) 다음과 같은 기타 옵션을 제공합니다.
· 품질 - JPEG 품질 기준은 1-100입니다. 슬라이더를 드래그하면 배율이 표시됩니다.
· JPG 색차 다운샘플링 사용 - 눈은 고주파 광도보다 고주파 색상 정보에 덜 민감하므로 JPEG 이미지는 이미지 정보를 광도와 색상 구성 요소로 나눕니다. JPEG 이미지가 압축되면 광도 구성 요소는 최대 해상도로 유지되는 반면 색상 구성 요소는 픽셀 그룹을 함께 평균화하여 다운샘플링됩니다. 다운샘플링은 인지된 품질에 미치는 영향을 최소화하면서 데이터 양을 절반 또는 1/3로 줄입니다. 회색 음영 이미지에는 다운샘플링을 적용할 수 없습니다. 이 기법은 대비가 높은 이미지(예: 오버레이된 텍스트가 있는 이미지)에 유용한 압축의 양을 줄입니다.
알파 포함 GIF 또는 GIF을 선택하면 다음과 같은 추가 GIF 색상 양자화옵션이 제공됩니다.·
유형 - 적응형 (기본값), 웹또는 Macintosh 선택. Alpha과 함께 GIF을(를) 선택하면 Macintosh 옵션을 사용할 수 없습니다.
· 디더 - 분산 또는 해제를 선택합니다.
· 색상 수 - 숫자 2 - 256을 입력하십시오.
· 색상 목록 - 쉼표로 구분된 목록을 입력하십시오. 예를 들어 흰색, 회색 및 검은색은
000000,888888,ffffff을(를) 입력합니다.알파 포함 PDF, TIFF 또는 TIFF을(를) 선택하면 다음과 같은 추가 옵션이 제공됩니다.
· 압축 - 압축 알고리즘을 선택합니다. PDF의 알고리즘 옵션은 없음, Zip 및 Jpeg이고, TIFF의 경우 없음, LZW, Jpeg 및 Zip이며, Alpha이 있는 TIFF의 경우 없음, LZW 및 Zip입니다.
추가 옵션이 없는 PNG, Alpha을 사용하는 PNG 또는 EPS을(를) 선택하십시오.
고급 탭 옵션 advanced-tab-options
이미지 수정자를 사용하여 이미지 사전 설정 옵션 정의 defining-image-preset-options-with-image-modifiers
기본 및 고급 탭에서 사용할 수 있는 옵션 외에도 이미지 사전 설정을 정의할 때 더 많은 옵션을 제공하도록 이미지 수정자를 정의할 수 있습니다. 이미지 렌더링은 Dynamic Media 이미지 렌더링 API를 사용하며 HTTP 프로토콜 참조에서 자세히 정의됩니다.
다음은 이미지 수정자로 수행할 수 있는 작업의 몇 가지 기본 예입니다.
-
op_invert - 부정적인 이미지 효과에 대한 각 색상 구성 요소를 반전시킵니다.
code language-xml &op_invert=1
-
op_blur - 이미지에 흐림 효과 필터를 적용합니다.
code language-xml &op_blur=7
-
결합된 명령 - op_blur 및 op-invert
code language-xml &op_invert=1&op_blur=7
-
op_brightness - 밝기를 줄이거나 늘립니다.
code language-xml &op_brightness=58
-
opac - 이미지 불투명도를 조정합니다. 전경 불투명도를 줄일 수 있습니다.
code language-xml opac=29
이미지 사전 설정 편집 modifying-image-presets
-
Experience Manager에서 Experience Manager 로고를 선택하여 전역 탐색 콘솔에 액세스한 다음 도구 > Assets > 이미지 사전 설정(으)로 이동합니다.
-
사전 설정을 선택한 다음 편집을 선택합니다. 이미지 사전 설정 편집 창이 열립니다.
-
변경 내용을 적용하고 저장을 선택하여 변경 내용을 저장하거나 취소을 선택하여 변경 내용을 취소합니다.
이미지 사전 설정 게시 publishing-image-presets
이미지 사전 설정은 자동으로 게시됩니다.
이미지 사전 설정 삭제 deleting-image-presets
- Experience Manager에서 Experience Manager 로고를 선택하여 전역 탐색 콘솔에 액세스하고 도구 아이콘을 선택합니다.
- Assets > 이미지 사전 설정(으)로 이동합니다.
- 사전 설정을 선택한 다음 삭제를 선택합니다. Dynamic Media에서 삭제할 것임을 확인합니다. 삭제를 선택하여 제거하거나 취소를 선택하여 이미지 사전 설정으로 돌아갑니다.