Code Background Image

Image Manager

빠르고 유려한 디지털 경험으로 고객 몰입도를 향상합니다.

 

고급 최적화 및 전송

고객은 빠르고 몰입도 높은 디지털 경험을 원합니다. Image Manager는 모든 디바이스와 브라우저에 가장 적합한 품질, 포맷, 크기의 조합으로 이미지와 비디오를 지능적으로 최적화합니다. 파생 자산의 생성, 저장, 관리와 관련된 비용을 줄이고 어려운 작업을 없앱니다. 빠르고 간편하게 관리할 수 있으며 몰입도 높은 고품질 웹·모바일 경험을 위해 엣지에서 모든 파생 버전을 전송합니다.

Image Manager 데모

제품 확대·축소 및 제어 기능으로 슬라이드쇼를 빠르고 간편하게 제작할 수 있습니다. Image Manager에서는 제공된 이미지 세트를 기반으로 제품의 360° 뷰를 생성하는 것도 가능합니다.

확대하려면 이미지 위로 마우스 이동

이미지 품질은 동일하게 유지되고 이미지 용량이 줄어듭니다. 지능적으로 계산된 정확한 압축률을 적용해 바이트를 최대한 줄이면서 육안으로는 차이가 전혀 느껴지지 않는 수준의 이미지 품질을 제공합니다.

크기 감소

원본 이미지 크기
Kb

최적화된 이미지 크기
Kb

절약된 바이트
Kb

감소 비율
%

눈으로 확인하는 개선도

원본 이미지 Kb 보기

최적화된 이미지 Kb 보기

원본 이미지 하나만 저장하고 파생 이미지는 필요할 때 동적으로 생성하는 방식으로 디자인 절차를 간소화하여, 정책을 통해 관리되는 디자인 측면의 요구 사항을 충족합니다.


원본 이미지

동적으로 생성된 이미지 로드

동적 이미지 속성

이미지 크기
Kb

치수
(너비) X (높이)

1~2048
1~1210
x=1~2048, y=1~1210
제출
1~542
제출

Image Manager는 원본 이미지에서 안면 특징을 자동 감지하여 안면만 잘라낸 이미지를 동적으로 생성할 수 있습니다.

안면 인식, 동적 이미지 URL

안면 자르기 기능을 테스트하려면 이미지를 클릭하세요.

 

이점

 

 

기능

비디오 최적화

바이트 크기나 웹 페이지 용량에 대한 걱정 없이 고품질 숏폼 비디오를 전송합니다. 이제 Image Manager를 통해 사용자 디바이스에 따라 최적의 품질, 포맷, 해상도, 크기로 최적화된 비디오를 자동으로 생성하고 전송할 수 있습니다.

반응형 HTML5 미디어 뷰어

이미지와 동영상을 하나의 컬렉션으로 그룹화하고 모바일 인식 HTML5 인터랙티브 360° 뷰어를 통해 고객이 직접 이미지를 돌리고 확대·축소할 수 있어 고객 몰입도가 개선됩니다.

정책 기반 디자인 변환

코드 레벨에서 이미지 변환을 적용해야 합니까? 쿼리 스트링 파라미터를 통해 변환 값만 변경하여 UI를 사용하지 않고도 파생 이미지를 만들 수 있습니다. 또한, 개발자는 단일 정책에서 모든 조합의 변환을 활용할 수 있는 유연성을 갖게 됩니다.

체감 품질 알고리즘

이미지 품질은 동일하게 유지하면서 이미지 용량을 줄여줍니다. 정확한 압축률을 적용해 바이트를 최대한 줄이면서 육안으로는 차이가 전혀 느껴지지 않는 수준의 이미지 품질을 제공합니다.

모바일 및 네트워크 인식

모바일 디바이스의 작은 화면에 맞게 이미지와 비디오의 크기를 자동으로 조정하여 필요한 수준보다 큰 디지털 자산을 오버 다운로딩하지 않습니다. 또한, Image Manager는 네트워크 상태를 기반으로 최상의 파생 이미지를 전송하여 지연 시간이 긴 모바일 연결에 대응할 수 있습니다.

이미지 및 비디오 포맷 자동 변환

디지털 자산을 자동으로 탐지하고 소프트웨어에 맞는 포맷으로 변환함으로써 사용자들에게 WebP, JPEG-XR, JPEG 2000, MP4(H.265), WebM(V9) 압축의 장점을 제공할 수 있습니다. 또한, 애니메이션 GIF도 Chrome 브라우저용 애니메이션 WebP로 자동 변환할 수 있습니다.

 

리소스