미디어 편집기 사용

미디어 편집기를 사용하여 이미지, 3D 모델 및 동영상을 편집할 수 있습니다. 미디어 편집기는 데스크톱과 모바일 장치 모두에서 사용할 수 있지만 일부 미디어 편집 기능은 데스크톱 버전에서만 사용할 수 있습니다. 현재 미디어 편집기 모바일 버전에서는 이미지 파일만 편집할 수 있습니다.

미디어에 편집 아이콘이 표시되는 모든 곳에서 미디어 편집기를 사용하여 미디어를 편집할 수 있습니다. 여기에는 제품 미디어, 온라인 스토어 편집기의 미디어, Shopify Messaging 이메일의 미디어, 콘텐츠 > 파일의 미디어가 포함됩니다. 미디어 편집기를 사용하여 서식 있는 텍스트 편집기의 이미지를 편집할 수는 없습니다.

미디어를 편집하기 전에 이미지의 가로 세로 비율이 웹사이트에 표시되는 방식에 어떤 영향을 미치는지 이해해야 합니다.

이미지 가로 세로 비율 이해하기

이미지의 가로 세로 비율은 너비 대 높이의 비율입니다. 예를 들어 200px x 400px인 이미지의 가로 세로 비율은 1:2입니다. 150px x 450px인 이미지의 가로 세로 비율은 1:3입니다.

이미지는 크기가 달라도 가로 세로 비율은 같을 수 있습니다. 이미지의 가로 세로 비율이 같은지 계산하려면 각 이미지의 너비를 높이로 나눈 다음 결과를 비교합니다.

특정 유형의 모든 이미지에 일관된 가로 세로 비율을 사용하면 모두 같은 크기로 표시되므로 나란히 표시될 때 더 보기 좋습니다. 예를 들어 컬렉션 내에서 제품 이미지를 같은 크기로 표시하려면 가로 세로 비율이 같아야 합니다.

미디어 편집기를 사용하여 이미지를 잘라 가로 세로 비율을 동일하게 맞출 수 있습니다.

대체 텍스트 추가 또는 편집

대체 텍스트는 이미지를 설명하며 접근성 및 SEO에 중요합니다. 미디어 편집기에서 이미지의 대체 텍스트를 추가하거나 편집할 수 있습니다.

미디어 편집기는 아직 대체 텍스트가 없는 이미지에 대체 텍스트를 제안할 수 있습니다. 이러한 제안은 AI를 사용하여 이미지 콘텐츠를 설명하는 데 도움이 되도록 생성됩니다. 제안된 대체 텍스트를 수락, 편집 또는 교체할 수 있습니다. 대체 텍스트는 간결하고 설명적으로 작성하는 것이 좋습니다. 125자 이하로 작성하는 것을 권장합니다. 미디어에 대체 텍스트 추가에 대해 자세히 알아보십시오.

단계:

1. Shopify 관리자에서 편집하려는 미디어 파일로 이동합니다.

2. 썸네일을 클릭하여 파일 편집기를 엽니다.

3. 정보 편집 섹션에서 대체 텍스트 필드를 클릭합니다.

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

   • 제안된 대체 텍스트가 있으면 검토한 후 수락을 클릭하여 사용하거나 필요에 따라 편집합니다.
   • 제안된 대체 텍스트가 없거나 직접 작성하려면 이미지에 대한 간략한 설명을 입력합니다.

5. 미디어 편집기에서 편집을 완료하면 저장을 클릭합니다.

이미지 자르기

이미지를 잘라 이미지의 일부를 제거할 수 있습니다. 이 기능은 이미지의 일부만 표시하거나 이미지의 가로 세로 비율을 변경해야 할 때 유용합니다.

데스크톱 및 모바일 장치 모두에서 이미지를 자를 수 있습니다. 모바일 장치에서 잘라낸 이미지를 저장하면 이미지의 새 사본이 생성됩니다.

단계:

이미지에 그리기

이미지에 선을 추가하거나, 이미지의 일부를 강조 표시하거나, 디자인을 추가하기 위해 이미지에 그림을 그릴 수 있습니다.

단계:

1. Shopify 관리자에서 편집하려는 미디어 파일로 이동합니다.

2. 썸네일을 클릭하여 파일 편집기를 엽니다.

3. 그리기를 클릭합니다.

4. 색상과 브러시 크기를 선택합니다.

5. 이미지를 클릭하고 드래그하여 그립니다.

6. 적용을 클릭하여 그리기를 추가합니다.

7. 미디어 편집기에서 편집을 완료하면 저장을 클릭합니다.

지우개를 사용하여 그리기의 전체 또는 일부를 제거할 수 있습니다. 지우개는 원본 이미지에서 아무것도 제거하지 않습니다.

이미지 크기 조정

이미지 크기를 조정하여 실제 크기를 변경할 수 있습니다. 이미지 크기를 조정하여 가로 세로 비율을 조정하려고 하면 이미지가 왜곡될 수 있습니다. 대신 사용할 가로 세로 비율로 이미지를 자르십시오.

단계:

1. Shopify 관리자에서 편집하려는 미디어 파일로 이동합니다.

2. 썸네일을 클릭하여 파일 편집기를 엽니다.

3. 크기 조정을 클릭합니다.

4. 이미지의 새 너비를 입력합니다. 기본적으로 가로 세로 비율 잠금이 선택되어 있으며, 이미지의 가로 세로 비율을 유지하기 위해 이미지 높이가 자동으로 업데이트됩니다. 이미지의 높이나 너비만 조정하려면 가로 세로 비율 잠금을 클릭하여 설정을 선택 취소합니다. 가로 세로 비율 잠금을 비활성화한 상태로 이미지 크기를 조정하면 이미지가 왜곡될 수 있습니다.

5. 완료를 클릭하여 이미지 크기를 조정합니다.

6. 미디어 편집기에서 편집을 완료하면 저장을 클릭합니다.

이미지 방향 변경

이미지를 뒤집거나 회전하여 표시 방향을 변경할 수 있습니다. 프레임 내에서 이미지를 기울일 수도 있습니다.

단계:

1. Shopify 관리자에서 편집하려는 미디어 파일로 이동합니다.

2. 썸네일을 클릭하여 파일 편집기를 엽니다.

3. 회전을 클릭합니다.

4. 이미지 방향을 변경하려면:

   • 이미지를 돌리려면 시계 방향으로 회전을 클릭합니다.
   • 이미지를 뒤집으려면 수직으로 뒤집기 또는 수평으로 뒤집기 버튼을 클릭합니다.

5. 이미지 방향을 변경하려면 적용을 클릭합니다.

6. 미디어 편집기에서 편집을 완료하면 저장을 클릭합니다.

이미지 배경 제거 또는 교체

Shopify Magic을 사용하여 미디어 편집기에서 이미지 배경을 제거하거나 교체할 수 있습니다. 데스크톱 및 모바일 장치 모두에서 미디어 편집기로 이미지 배경을 제거하거나 교체할 수 있습니다.

Shopify Magic 미디어 생성에 대해 자세히 알아보십시오.

이미지 변경 사항 되돌리기

Shopify 미디어 편집기를 사용하여 이미지를 수정한 경우 변경 사항이 저장된 후에도 모든 변경 사항을 원본 이미지로 되돌릴 수 있습니다. 수정한 이미지를 되돌리면 실행 취소할 수 없으므로 이미지에 대한 수정을 다시 적용하거나 유지하려면 수동으로 다시 실행해야 합니다.

단계:

1. Shopify 관리자에서 편집하려는 미디어 파일로 이동합니다.

2. 썸네일을 클릭하여 파일 편집기를 엽니다.

3. 이미지를 수정합니다.

4. 원본으로 되돌리기를 클릭합니다.

5. 이미지를 원본으로 되돌리시겠습니까? 대화 상자에서 되돌리기를 클릭합니다.

변경이 완료되었음을 나타내는 원본으로 되돌림 메시지가 표시됩니다.

3D 모델 조정

3D 모델에 대해 다음을 조정할 수 있습니다.

• 환경
• 배경
• 초기 카메라 위치

모바일에서는 3D 모델을 조정할 수 없습니다.

단계:

1. Shopify 관리자에서 편집하려는 미디어 파일로 이동합니다.

2. 썸네일을 클릭하여 파일 편집기를 엽니다.

3. 환경 섹션에서 3D 모델에 적용할 환경을 클릭하고 슬라이드 막대를 사용하여 3D 모델의 노출을 조정합니다.

4. 배경 섹션에서 색상 선택기를 사용하여 배경색을 선택하거나 16진수 코드를 입력합니다.

5. 카메라 아이콘을 클릭하여 초기 카메라 위치를 조정합니다. X 회전 필드 또는 Y 회전 필드에 회전 각도를 입력하여 X 및 Y 회전을 조정할 수 있으며, 슬라이드 막대를 더 높은 백분율로 이동하여 3D 모델을 확대할 수 있습니다.

6. 완료를 클릭합니다.

3D 모델에서 X 또는 Y 카메라 회전을 조정했는데 저장 시 변경 사항이 되돌아가는 경우, 원하는 카메라 회전을 설정하기 전에 먼저 카메라 확대/축소를 조정하십시오.

동영상 썸네일 교체

동영상을 업로드하면 썸네일은 기본적으로 동영상의 첫 번째 프레임으로 설정되지만, 기본 썸네일을 교체하기 위해 직접 썸네일을 업로드할 수 있습니다.

모바일에서는 동영상 썸네일을 교체할 수 없습니다.

단계:

1. Shopify 관리자에서 편집하려는 미디어 파일로 이동합니다.

2. 썸네일을 클릭하여 파일 편집기를 엽니다.

3. … > 썸네일 교체를 클릭합니다.

4. 컴퓨터에서 파일을 선택합니다.