미디어 편집기 사용하기
미디어 편집기를 사용하여 이미지, 3D 모델 및 동영상을 편집할 수 있 습니다. 미디어 편집기는 데스크톱 및 모바일 장치에서 모두 사용할 수 있지만 일부 미디어 편집 기능은 데스크톱 버전에서만 사용할 수 있습니다. 현재 모바일 버전의 미디어 편집기에서는 이미지 파일만 편집할 수 있습니다.
미디어 편집기를 사용하여 미디어에 편집 아이콘이 표시될 때마다 미디어를 편집할 수 있습니다. 여기에는 제품 미디어, 온라인 스토어 편집기의 미디어, Shopify Email의 미디어 및 콘텐츠 > 파일의 미디어가 포함됩니다. 서식있는 텍스트 편집기에서는 미디어 편집기를 사용하여 이미지를 편집할 수 없습니다.
미디어를 편집하기 전에 이미지의 가로 세로 비율이 웹사이트 내 표시 방식에 미치는 영향을 이해해야 합니다.
이 페이지의 정보
이미지 가로 세로 비율 이해
이미지의 가로 세로 비율은 이미지 폭과 높이의 비율입니다. 예를 들어, 200픽셀x400픽셀인 이미지의 가로 세로 비율은 1:2입니다. 150픽셀x450픽셀인 이미지의 경우 가로 세로 비율은 1:3입니다.
이미지 크기가 다르더라도 가로 세로 비율은 같을 수 있습니다. 가로 세로 비율이 같은지 계산하려면 각 이미지의 폭을 높이로 나누고 그 결과 값을 비교하십시오.
특정 유형의 모든 이미지에 대해 일관된 가로 세로 비율을 사용하면 모두 같은 크기로 표시되므로 나란히 표시하기에 좋습니다. 예를 들어, 컬렉션 내에서 같은 크기로 제품 이미지를 표시하려면 모든 이미지의 가로 세로 비율이 같아야 합니다.
미디어 편집기를 사용하여 가로 세로 비율을 같게 이미지를 잘라낼 수 있습니다.
이미지 자르기
이미지를 잘라 이미지의 일부를 제거할 수 있습니다. 이는 이미지의 일부만 표시하거나 이미지의 가로 세로 비율을 변경해야 하는 경우 유용합니다.
데스크톱 및 모바일 장치에서 모두 이미지를 자를 수 있습니다. 모바일 장치에서 자른 이미지를 저장하면 이미지의 새 복사본이 생성됩니다.
단계:
데스크톱
- Shopify 관리자에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 클릭하거나 썸네일을 클릭하여 미디어 편집기를 여세요.
미디어 편집기에서 자르고 변환하기를 클릭합니다.
-
유지할 이미지 영역의 프레임을 지정합니다.
- 이미지를 사용자 지정 가로 세로 비율로 자르려면 자유형을 클릭합니다. 강조 표시된 영역의 모서리 또는 가장자리를 클릭 및 드래그하거나 강조 표시된 영역의 내부를 클릭하여 다른 위치로 드래그할 수 있습니다.
- 기존 이미지와 같은 가로세로 비율로 이미지를 자르려면 원본을 클릭합니다. 강조 표시된 영역의 모서리를 클릭 및 드래그하여 크기를 조정하거나 강조 표시 영역 내부를 클릭하여 다른 위치로 드래그할 수 있습니다. 가로세로 비율은 크기를 조정할 때 원래 이미지와 동일하게 유지됩니다.
- 이미지를 정사각형으로 자르려면 정사각형을 클릭합니다. 정사각형의 모서리를 클릭 및 드래그하여 크기를 조정하거나 정사각형 내부를 클릭하여 다른 위치로 끌어 놓습니다. 크기를 조정하면 정사각형의 가로세로 비율이 동일하게 유지됩니다.
적용을 클릭하여 이미지를 자릅니다.
미디어 편집기에서 수정을 마치면 저장을 클릭합니다.
Mobile
- Shopify 앱에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 탭하거나 썸네일을 탭하여 미디어 편집기를 여세요.
미디어 편집기에서 이미지 자르기를 탭합니다.
이미지를 사용자 지정 크기로 자르려면 강조 표시된 영역의 모서리를 탭하고 드래그하거나, 강조 표시된 영역의 내부를 탭하고 다른 위치로 드래그하세요.
선택 사항: 이미지를 원래 설정으로 재설정하려면 재설정을 탭합니다.
미디어 편집기에서 수정을 마치면 저장을 클릭하여 이미지의 새 복사본을 저장합니다.
이미지에 그리기
이미지에 선을 추가하거나 이미지 일부를 강조 표시하거나 디자인을 추가하기 위해 이미지에 그리기 작업을 할 수 있습니다.
단계:
- Shopify 관리자에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 클릭하거나 썸네일을 클릭하여 미디어 편집기를 여세요.
그리기를 클릭합니다.
색상 및 브러쉬 크기를 선택합니다.
이미지를 클릭하고 끌어서 그리기 작업을 합니다.
적용을 클릭하여 그리기 작업을 추가합니다.
미디어 편집기에서 수정을 마치면 저장을 클릭합니다.
지우개를 사용하여 그리기 작업 모두 또는 일부를 제거할 수 있습니다. 지우개는 원본 이미지의 어떤 부분도 제거하지 않습니다.
이미지 크기 조정
이미지 크기를 조정하여 실제 크기를 변경할 수 있습니다. 이미지 크기 조정으로 가로 세로 비율을 조정하면 이미지가 왜곡될 수 있습니다. 이 경우에는 사용할 가로 세로 비율로 이미지를 자르세요.
단계:
- Shopify 관리자에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 클릭하거나 썸네일을 클릭하여 미디어 편집기를 여세요.
크기 조정을 클릭합니다.
이미지의 가로 길이를 새로 입력합니다. 기본적으로 가로 세로 비율 잠금을 선택하면 이미지의 가로 세로 비율을 유지하기 위해 이미지 높이가 자동으로 업데이트됩니다. 이미지의 높이나 가로 길이만 조정하려면 가로 세로 비율 잠금을 클릭하여 설정을 선택 취소합니다. 가로 세로 비율 고정을 비활성화하고 이미지 크기를 조정하면 이미지가 왜곡될 수 있습니다.
완료를 클릭하여 이미지 크기를 조정합니다.
미디어 편집기에서 수정을 마치면 저장을 클릭합니다.
이미지 방향 변경
이미지를 뒤집거나 회전시켜 표시 방향을 변경할 수 있습니다. 프레임 내에서 이미지 각도를 조정할 수도 있습니다.
단계:
- Shopify 관리자에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 클릭하거나 썸네일을 클릭하여 미디어 편집기를 여세요.
회전을 클릭합니다.
-
이미지 방향을 변경하려면:
- 시계 방향으로 회전을 클릭하여 이미지를 회전합니다.
- 이미지를 대칭 이동하려면 세로로 회전 또는 가로로 회전 버튼을 클릭합니다.
적용을 클릭하여 이미지 방향을 변경합니다.
미디어 편집기에서 수정을 마치면 저장을 클릭합니다.
이미지 배경 제거 또는 교체하기
Shopify Magic을 사용하여 미디어 편집기에서 이미지의 배경을 제거하거나 교체할 수 있습니다. 데스크톱 및 모바일 장치의 미디어 편집기에서 이미지의 배경을 제거하거나 교체할 수 있습니다.
Shopify Magic 미디어 생성에 대해 자세히 알아보세요.
이미지 변경 사항 되돌리기
Shopify 미디어 편집기를 사용하여 이미지를 수정한 경우 변경 사항이 저장된 후에도 모든 변경 사항을 원래 이미지로 되돌릴 수 있습니다. 수정된 이미지로 되돌 리기는 실행 취소할 수 없습니다. 따라서 다시 적용하거나 이미지에 수정 사항을 유지하려면 다시 수동으로 이미지에 적용해야 합니다.
단계:
- Shopify 관리자에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 클릭하거나 썸네일을 클릭하여 미디어 편집기를 여세요.
이미지를 수정합니다.
원래대로 되돌리기를 클릭합니다.
원래대로 되돌리시겠습니까? 대화 상자에서 되돌리기를 클릭합니다.
원래대로 되돌리기 완료 메시지는 변경이 완료되었음을 나타냅니다.
3D 모델 조정
3D 모델을 다음과 같이 조정할 수 있습니다.
- 환경
- 배경
- 카메라 기본 위치
모바일에서는 3D 모델을 조정할 수 없습니다.
단계:
- Shopify 관리자에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 클릭하거나 썸네일을 클릭하여 미디어 편집기를 여세요.
환경 섹션에서 3D 모델에 적용할 환경을 클릭하고 슬라이드 바를 사용하여 3D 모델의 노출을 조정합니다.
배경 섹션에서 색상 선택기를 사용하여 배경 색상을 선택하거나 16진수 코드를 입력합니다.
카메라 아이콘을 클릭하여 카메라 기본 위치를 조정합니다. 회전 정도에 X 회전 필드 또는 Y 회전 필드를 입력하여 X 및 Y 회전을 조정할 수 있으며 슬라이더 바를 더 높은 비율로 이동시켜 3D 모델을 확대할 수 있습니다.
완료를 클릭합니 다.
동영상 썸네일 교체
동영상을 업로드하면 썸네일은 동영상의 첫 번째 프레임으로 기본 설정되지만 썸네일을 업로드하여 기본값을 교체할 수 있습니다.
모바일에서는 동영상의 썸네일을 교체할 수 없습니다.
단계:
- Shopify 관리자에서 편집할 미디어 파일로 이동합니다.
연필 아이콘을 클릭하거나 썸네일을 클릭하여 미디어 편집기를 여세요.
... > 썸네일 교체를 클릭합니다.
컴퓨터에서 파일을 선택합니다.