제품 이미지 및 비디오 관리

각 제품에 대해 여러 이미지와 비디오를 업로드하고, 순서를 재배열하며, 각 제품의 사용 방법을 제어할 수 있습니다. 관리할 이미지가 많은 경우 각 이미지를 개별적으로 업로드하지 않고 배치로 가져올 수도 있습니다. 자세한 내용은 제품 이미지 가져오기를 참조하십시오.

Product Details ​페이지에서 볼 수 있도록 큰 이미지를 업로드하려는 경우 최대 픽셀 크기(너비 및 높이)를 설정하고 업로드 시 자동으로 파일 크기를 조정할 수 있습니다. 업로드할 때 더 큰 이미지 파일의 크기를 자동으로 조정할 수 있는 옵션이 있습니다. 자세한 내용은 제품 이미지 크기 조정을 참조하세요.

제품 이미지 업데이트

  1. 제품을 편집 모드로 엽니다.

  2. 특정 스토어 보기로 작업하려면 왼쪽 상단의 Store View 선택기를 해당 보기로 설정합니다.

    note note
    NOTE
    All Store Views 범위가 업로드에 사용되지 않는 경우에도 새 제품 이미지가 항상 ​업로드되어 모두 스토어 보기에 표시됩니다.

    특정 스토어 보기에서 제품 이미지를 숨기려면 해당 스토어 보기로 전환한 후 이미지에 대한 Hide from Product Page 확인란을 선택하고 Save ​을(를) 클릭합니다.
  3. 아래로 스크롤하여 Images and Videos ​섹션을 확장합니다.

이미지 업로드

최상의 호환성을 위해서는 sRGB 색상 프로필이 있는 모든 제품 이미지를 업로드하는 것이 좋습니다. 다른 모든 색상 프로필은 제품 이미지를 업로드하는 동안 자동으로 sRGB 색상 프로필로 변환되어 업로드된 이미지에 색상 불일치가 발생할 수 있습니다.

이미지 파일 이름 길이(확장명 포함)는 90자를 초과할 수 없습니다.

이미지를 업로드하려면 다음 중 하나를 수행하십시오.

  • 바탕 화면에서 이미지를 드래그하여 Images And Videos ​상자의_​카메라​_( 카메라 아이콘 ) 타일에 놓습니다.

  • Images And Videos ​상자에서_​카메라​_( 카메라 아이콘 ) 타일을 클릭하고 컴퓨터에서 이미지 파일을 선택한 다음​ Open ​을(를) 클릭합니다.

    업로드 또는 드래그 앤 드롭 {width="600" modal="regular"}

이미지 다시 정렬

갤러리에서 이미지 순서를 변경하려면 이미지 타일 하단의 Sort( 정렬 아이콘 ) 아이콘을 클릭하고 이미지를​ Images And Videos 상자의 다른 위치로 드래그합니다.

순서 변경 {width="600" modal="regular"}

이미지 삭제

갤러리에서 이미지를 제거하려면 이미지 타일의 오른쪽 위 모서리에 있는 Delete( 휴지통 아이콘 ) 아이콘을 클릭하고 Save ​을(를) 클릭합니다.

이미지 세부 정보 설정

세부 사항 보기에서 열 이미지를 클릭하고 다음 중 하나를 수행합니다.

이미지 세부 정보 보기 {width="600" modal="regular"}

세부 정보 보기를 닫으려면 오른쪽 상단의 닫기( 닫기 아이콘 ) 아이콘을 클릭합니다.

완료되면 Save ​을(를) 클릭합니다.

대체 텍스트 입력

이미지 대체 텍스트는 웹 액세스 가능성을 개선하기 위해 화면 판독기에서 참조하고, 사이트를 색인화할 때 검색 엔진에서 참조합니다. 일부 브라우저에서는 마우스오버에 대체 텍스트를 표시합니다. 대체 텍스트는 여러 단어 길이일 수 있으며 신중하게 선택한 주요 단어를 포함할 수 있습니다.

Alt Text ​상자에 이미지에 대한 간단한 설명을 입력합니다.

역할 할당

기본적으로 모든 역할은 제품에 업로드된 첫 번째 이미지에 할당됩니다. 역할을 다른 이미지에 재할당하려면 다음을 수행합니다.

Role ​상자에서 이미지에 할당할 역할을 선택합니다.

이미지 및 비디오 섹션으로 돌아가면 현재 할당된 역할이 각 이미지 아래에 표시됩니다.

할당된 역할 {width="600" modal="regular"}

이미지 숨기기

썸네일 갤러리에서 이미지를 제외하려면 Hidden 확인란을 선택하고 Save ​을(를) 클릭합니다.

숨겨진 이미지 {width="600" modal="regular"}

이미지 역할

이미지 역할
설명
Thumbnail
썸네일 이미지는 썸네일 갤러리, 장바구니 및 일부 블록(예: 관련 항목)에 표시됩니다. 예제 크기: 50 x 50픽셀
Small Image
작은 이미지는 카테고리 및 검색 결과 페이지의 목록에 있는 제품 이미지에 사용되고, 상향 판매, 교차 판매 및 새 제품 목록과 같은 섹션에 필요한 제품 이미지를 표시하는 데 사용됩니다. 예제 크기: 470 x 470픽셀
Base Image
기본 이미지는 제품 세부 사항 페이지의 기본 이미지입니다. 이미지 컨테이너보다 큰 이미지를 업로드하면 이미지 확대/축소가 활성화됩니다. 달성하려는 확대/축소 수준에 따라 기본 이미지는 컨테이너 크기의 두 배 또는 세 배여야 합니다. 크기 예: 470 x 470픽셀(확대/축소 없음), 1100 x 1100픽셀(확대/축소 포함)
Swatch
견본을 사용하여 색상, 패턴 또는 질감을 나타낼 수 있습니다. 예제 크기: 50 x 50픽셀

워터마크

나만의 독창적인 상품 이미지를 만드는 데 드는 비용까지 생각하면 파렴치한 경쟁사들이 마우스 클릭으로 훔치는 것을 막기 위해 할 수 있는 일은 별로 없다. 그러나 각 이미지에 워터마크를 배치하여 속성을 식별함으로써 덜 매력적인 타겟으로 만들 수 있습니다. 워터마크 파일은 JPG(JPEG), GIF 또는 PNG 이미지일 수 있습니다. GIF 및 PNG 파일 유형 모두 투명한 레이어를 지원하며, 이 레이어를 사용하여 워터마크에 투명한 배경을 지정할 수 있습니다.

다음 예에서 small 이미지에 사용된 워터마크는 투명 배경이 있는 검정색 로고이며 다음 설정으로 PNG 파일로 저장됩니다.

  • 크기: 50x50
  • 불투명도: 5
  • 위치: 타일

바둑판식 워터마크 {width="700" modal="regular"}

제품 이미지에 워터마크 추가

  1. 관리자 사이드바에서 Content > Design>Configuration(으)로 이동합니다.

    디자인 구성에 대한 자세한 내용은 디자인 구성을 참조하십시오.

  2. 구성할 저장소 보기를 찾은 다음 Action ​열에서​ Edit ​을(를) 클릭합니다.

  3. Other Settings ​에서​ Product Image Watermarks ​섹션의 확장 선택기 를 확장합니다.

    제품 이미지 워터마크 - 기본 {width="600" modal="regular"}

    Base, Thumbnail, SmallSwatch Image 이미지 설정이 동일합니다.

  4. 다음 방법 중 하나를 사용하여 워터마크 이미지 에셋을 추가합니다.

    • Upload ​을(를) 클릭하고 워터마크로 사용하기 위해 업로드할 시스템의 이미지 파일을 선택합니다.
    • Select from Gallery ​을(를) 클릭하고 미디어 갤러리에서 이미지 자산을 선택합니다.
  5. 워터마크 표시에 대한 설정을 완료합니다.

    • Image Opacity ​을(를) 백분율로 입력하십시오. 예: 40

    • Image Size ​을(를) 픽셀 단위로 입력하십시오. 예: 200 x 200

    • 워터마크가 표시되는 위치를 확인하려면 Image Position ​을(를) 설정하십시오.

  6. 완료되면 Save Config ​을(를) 클릭합니다.

  7. 캐시를 새로 고치라는 메시지가 나타나면 시스템 메시지에서 Cache Management ​을(를) 클릭하고 잘못된 캐시를 새로 고칩니다.

    캐시 새로 고침 {width="600" modal="regular"}

TIP
Use Default Value 화살표 반환 을 클릭하여 기본값을 복원할 수 있습니다.

워터마크 삭제

  1. 이미지의 왼쪽 아래 모서리에서 Delete ( 휴지통 아이콘 ) 아이콘을 클릭합니다.

    워터마크 삭제 {width="300"}

  2. Save Config ​을(를) 클릭합니다.

  3. 캐시를 새로 고치라는 메시지가 나타나면 시스템 메시지에서 Cache Management ​을(를) 클릭하고 잘못된 캐시를 새로 고칩니다.

    워터마크 이미지가 Storefront에서 지속되면 캐시 관리로 돌아가서 Flush Magento Cache ​을(를) 클릭합니다.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071