Shopify 이미지 크기에 대한 궁극적인 가이드

게시 됨: 2021-11-02

Shopify는 놀라운 전자 상거래 플랫폼으로 기업과 판매자가 이전보다 훨씬 쉽게 비즈니스 사이트를 만들고 제품을 마케팅하며 판매할 수 있습니다. 다양한 장바구니와 결제 옵션이 플랫폼에 자연스럽게 통합되어 있으며, 회계 자동화에서 할인된 배송 라벨 생성에 이르기까지 모든 작업을 수행하는 데 도움이 되는 수천 개의 앱이 있습니다.

때로는 상인이 기본 사항 중 일부를 잃어 버렸다고 느낄 수 있는 놀라운 옵션이 너무 많습니다. 예를 들어, 다양한 모양과 크기의 이미지를 업로드할 수 있다면 어떤 것이 가장 좋은지 어떻게 알 수 있습니까?

다행히도 최상의 Shopify 이미지 크기, 이미지 주제 및 전반적인 모범 사례에 대한 간단한 답변이 있습니다. 이 게시물에서는 최고의 Shopify 이미지 크기와 즉시 더 많이 판매할 수 있도록 최적화하는 방법에 대해 알아야 할 모든 것을 살펴볼 것입니다.

최고의 Shopify 이미지 크기는 무엇입니까?

Shopify 이미지와 관련하여 반드시 만능인 것은 아닙니다.

다양한 유형의 Shopify 이미지와 이상적인 크기를 살펴보겠습니다.

제품 이미지

Shopify 스토어는 다양한 이미지와 이미지 변형을 허용합니다. Shopify 스토어를 운영하는 경우 Shopify에서 사용자가 추천 제품당 250개 이상의 이미지를 업로드할 수 있다는 사실을 이미 알고 있을 것입니다. 옵션이 너무 많기 때문에 모두 멋지게 보이는지 확인하는 것이 중요합니다.

Shopify에 따르면 업로드할 수 있는 최대 이미지 크기는 4472 x 4472픽셀이며 최대 파일 크기는 20MB입니다.

20MB가 넘는 파일은 웹사이트에서 귀중한 저장 공간을 차지합니다. 더 큰 이미지를 사용하려고 하면 온라인 상점의 속도와 기능에 영향을 주어 페이지가 너무 느리게 로드됩니다. 방문자는 로드하는 데 너무 오래 걸리거나 이미지가 손상된 웹사이트를 떠나는 경향이 있기 때문에 페이지의 이탈률을 높일 수 있습니다. 쇼핑객이 사이트에서 더 적은 시간을 보내는 것이 아니라 더 많은 시간을 보내도록 하는 것은 역효과입니다.

최대 4472 x 4472 픽셀 제한까지 모든 파일 크기를 사용할 수 있다고 해서 실제로 그렇게 큰 파일을 사용하는 것이 좋은 생각은 아닙니다. 귀하의 사이트 방문자는 귀하의 제품에 대한 폭넓은 관점을 제공하는 여러 개의 빠르게 로드되는 고품질 이미지를 보는 것을 선호할 가능성이 더 큽니다. 사이트 기능을 저하시키지 않는 눈길을 끄는 고해상도 이미지를 사용하는 데 집중하세요.

일반적으로 Shopify는 상점 소유자가 2048 x 2048 픽셀 크기의 정사각형 이미지를 선택할 것을 권장합니다. 이 이미지는 데스크탑과 모바일 화면 모두에서 잘 작동합니다.

크기는 Shopify 사이트가 빠르고 전문적인 모양을 가질 수 있을 만큼 충분히 높은 해상도를 제공하므로 매출을 높이는 데 도움이 됩니다. 또한 2048 x 2048 이미지의 픽셀 수를 통해 사용자는 더 자세히 보고 싶을 때 이미지를 확대할 수 있습니다. (확대 기능은 이미지 크기가 800 x 800픽셀일 때 시작됩니다.)

파비콘

파비콘은 URL 옆에 표시되는 작은 아이콘으로 브랜드 인지도를 높이고 강력하고 완벽한 사용자 경험을 만드는 데 큰 도움이 됩니다.

파비콘은 너비가 32 x 32픽셀이어야 합니다.

로고

브랜드 로고는 테마 또는 사용자 정의 사이트 레이아웃에 따라 사이트의 다른 위치에 나타날 수 있습니다. 홈페이지 상단과 중앙에 나타날 수 있으며 브랜드 가시성을 높이기 위해 많은 Shopify 스토어 페이지의 바닥글에 자주 등장합니다.

로고는 450 x 250픽셀이어야 합니다.

배너, 블로그 추천 이미지 또는 전체 상점 배경용 이미지

이들은 웹사이트의 많은 부분에 걸쳐 있는 큰 이미지이므로 고해상도가 필요합니다.

여기에서 1800 x 1000픽셀의 이미지를 선택하고 싶을 것입니다.

팝업 이미지

많은 브랜드에서 뉴스레터에 가입하면 무료 배송 또는 15% 할인과 같은 인센티브를 제공합니다. Shopify는 뉴스레터 팝업용으로 425 x 575 크기의 이미지를 업로드할 것을 강력히 권장합니다.

로그인 페이지의 배경 이미지

일부 Shopify 스토어의 로그인 페이지를 흥미롭게 유지하기 위해 화려한 배경을 사용한 것을 본 적이 있습니까? 이는 고객에게 강력한 브랜드 경험을 제공합니다. 숨막히는 대형 스톡 사진을 사용하기에도 좋은 곳입니다.

이 이미지는 1600 x 1000이어야 합니다.

갤러리 이미지

제품 갤러리를 만들어 다양한 카테고리로 구성하시겠습니까? 800 x 800픽셀의 이미지를 업로드하세요.

슬라이드쇼 배너 이미지

일부 웹 사이트에는 홈 페이지를 지배하는 제품 이미지의 슬라이드쇼가 있습니다. 선택한 테마 스타일인 경우 1600 x 1000픽셀 이미지를 선택하는 것이 좋지만 특정 테마를 확인해야 합니다.

결제 페이지 배너

다시 말하지만, 구매자 여정의 모든 단계에서 완전히 브랜드화된 사용자 경험을 만드는 것이 중요합니다. 여기에는 결제 페이지가 포함됩니다! 로고가 있는 1800 x 300 이미지를 업로드하여 결제 페이지 배너를 만드십시오.

Shopify 스토어에 포함할 이미지 유형

다양한 Shopify 스토어를 탐색할 때 모든 전자 상거래 플랫폼과 마찬가지로 제품 홍보에 사용할 수 있는 다양한 이미지가 있음을 알 수 있습니다.

여기에는 다음이 포함됩니다.

종종 중간색 또는 흰색 배경에 배치되는 제품 전용 이미지입니다. 일반적으로 검색에 표시되는 기본 제품 이미지에 사용됩니다.

풍부한 배경과 함께 사용 중인 제품의 이미지. 판매 중인 드레스를 입고 빙글빙글 도는 여성이나 홍보하려는 텐트 밖에 서 있는 사람들, 숲을 배경으로 서 있는 사람들까지 다양합니다. 사용 중인 이미지를 보여주는 것은 사람들이 그것을 사용하는 자신을 상상하고 가치를 제공하는 데 도움이 될 수 있습니다.

그래픽이나 텍스트를 사용하여 사용 또는 크기에 대한 컨텍스트를 설정하거나 다양한 기능을 강조하는 아래 사진과 같이 그래픽 오버레이가 있는 사진. Snappa에서 도와드릴 수 있습니다. 제품 이미지를 업로드하고 내장 그래픽과 드래그 앤 드롭 디자인 도구를 사용하여 전환율이 높은 이미지를 만드십시오.

정보 가치를 제공하기 위해 전적으로 사용되는 그래픽. 여기에는 세 가지 다른 변형을 보여주는 그래픽, 크기 또는 옵션 비교 또는 크기 차트가 포함될 수 있습니다.

Shopify 이미지 모범 사례

Shopify 이미지가 최대한 많이 판매되도록 최적화되어 있는지 확인하고 비즈니스를 대규모 성공으로 확장하고 싶으십니까? 많은 모범 사례는 비즈니스 또는 업계마다 크게 다르지만 모든 Shopify 매장 소유자는 이 세 가지 이미지 최적화 규칙을 사용해야 합니다.

모든 기본 제품 이미지에 동일한 스타일의 썸네일 사용

제품을 마케팅하기 위해 선택할 수 있는 다양한 유형의 다양한 이미지가 있으며 기본 제품 이미지로 표시할 단일 스타일을 선택하는 것이 탁월한 선택입니다. 검색 결과를 균일하게 만들어 사이트가 안정적이고 신뢰할 수 있으며 전문적으로 보이도록 일관성을 제공합니다.

대부분의 매장은 위와 같은 이미지 스타일을 선택하며, 제품은 사이트 전체와 조화를 이루는 완전히 흰색 배경에 단독으로 서 있습니다. 중립적이며 사람들이 자신의 옵션을 빠르게 검토하고 클릭한 항목이 정확히 무엇인지 확인하는 데 도움이 됩니다. 이 이미지를 사용해 보고 효과가 있는지 확인하십시오.

다양한 이미지 포함

우리는 기본 이미지에 대해 일관된 스타일을 선택하는 것에 대해 이야기했지만 이는 먼저 제품을 나타내고 클릭을 유도하는 기본 이미지와 관련이 있습니다.

가능하면 각 제품 목록에 다양한 다른 유형의 이미지를 포함해야 합니다. 여기에는 제품의 특정 기능에 대한 클로즈업 이미지가 포함될 수 있습니다. 아래 예에서 이것은 판매되는 헤어 익스텐션의 색상, 두께 및 질감을 표시하는 데 사용됩니다.

사용자가 더 많은 이미지를 가질수록 더 많은 정보를 갖게 된다는 점을 기억하십시오. 다양한 관점과 각도에서 제품을 보고 사용 중인 제품을 보고 자신에게 적합한지 더 나은 아이디어를 얻을 수 있습니다. 이는 사용자에게 구매에 대한 더 많은 확신을 심어주고 판매를 촉진할 수 있을 뿐만 아니라 사용자가 올바른 선택을 하고 구매에 만족할 가능성도 높아집니다. 이는 낮은 수익률과 전반적인 수익성 증가를 의미합니다.

어떤 것이 효과가 있는지 테스트

배경이 있는 이미지가 기본 이미지로 가장 잘 작동한다는 것을 알 수 있습니다. 예를 들어 의류를 판매하는 경우 흰색 배경에 납작하게 누워 있는 대신 모델 위에 있을 때 더 많은 클릭이 발생한다는 것을 알 수 있습니다.

확실히 알 수 있는 유일한 방법은 직접 테스트하는 것입니다. 전용 분할 테스트를 실행하고 이미지만 테스트하여 더 많은 클릭과 더 많은 전환이 발생하는지 확인하세요.

Neat A/B 앱을 포함하여 이를 도와줄 수 있는 도구가 있습니다. 이 앱은 필요한 답변을 얻을 때까지 설정된 간격으로 다른 이미지를 앞뒤로 순환하여 무엇이 더 효과적인지 확인합니다. 이는 산업 및 브랜드마다 다를 수 있으므로 테스트를 실행하는 데 시간을 할애하는 것이 좋습니다.

작업을 완료하는 파일 형식 파악

Shopify 스토어용 이미지를 선택할 때 프레젠테이션하려는 이미지에 가장 적합한 파일 형식을 아는 것이 중요합니다. 선택할 수 있는 몇 가지가 있지만 가장 자주 사용되는 기본 형식은 JPG, GIF, PNG, TIFF 및 BMP입니다.

파일 형식 측면에서 JPG는 가장 인기 있고 일반적으로 사용되는 Shopify 이미지입니다.

JPG 이미지를 선택하면 고품질처럼 보이지만 최종 사용자가 사이트를 빠르게 로드할 수 있을 만큼 충분히 압축된 이미지 사이에서 탁월한 균형을 찾을 수 있습니다. JPG 외에도 PNG 이미지도 훌륭한 선택입니다. PNG의 이미지 품질은 JPG보다 약간 높지만 파일이 더 커질 것이라는 의미이기도 하므로 로드 시간에 영향을 미칠 수 있습니다.

즉, 고려해야 할 다른 이미지 형식이 있습니다. 파일 형식으로 이동하여 기능을 살펴보겠습니다.

JPG / JPEG

JPG / JPEG 파일(Joint Photographic Experts Group)은 웹 사이트에 적합한 고품질 렌더링으로 여전히 나타나는 압축 이미지입니다. 고해상도와 합리적인 파일 크기(Shopify의 최대 4472 x 4472 픽셀 이하가 이상적)로 표시되면 온라인 상점에서도 빠르게 로드되고 멋지게 보일 수 있습니다.

이러한 이미지는 다양한 색상을 허용하므로 웹사이트 기능에 너무 많은 요구를 가하지 않고 원하는 관심을 끄는 품질을 얻을 수 있으며 이미지 자체의 압축 정도를 조정할 수도 있습니다. 이것은 Shopify가 권장하는 형식입니다. 그럴만한 이유가 있습니다! JPG 파일은 사진에 좋습니다.

GIF

GIF("Graphics Interchange Format")는 애니메이션을 허용하는 비트맵(BMP) 이미지 유형입니다. 온라인 상점에 피자를 추가하려는 경우 훌륭한 옵션입니다. 그러나 이 파일 형식에는 큰 제한이 있습니다. Shopify를 사용하면 사이트에서 GIF를 사용할 수 있지만 파일을 크게 압축할 수도 있습니다.

GIF 형식의 제품 사진에는 256색만 허용됩니다. GIF의 경우 색상 옵션이 제한되어 있지만 사용하는 브라우저에 관계없이 누구나 볼 수 있으므로 이 형식의 주요 이점입니다.

PNG

JPG 다음으로 PNG("Portable Graphics Format") 이미지는 Shopify 사이트 소유자 사이에서 매우 일반적입니다. PNG 이미지는 무손실 데이터 압축 파일이기 때문에 이미지 품질에 영향을 주지 않고 쉽게 크기를 줄일 수 있습니다.

PNG 파일은 투명 이미지도 허용합니다. 예를 들어, 제품 이미지를 제공하고 싶지만 투명한 배경을 원할 경우 PNG로 그렇게 할 수 있습니다.

PNG 파일 유형을 선택할 때의 유일한 단점은 이미지 파일이 일반적으로 JPG보다 크다는 것입니다. 이렇게 하면 사이트에 부담을 줄 수 있으며 예상보다 느리게 로드될 수 있습니다. PNG 색상 팔레트는 24비트 RGB 색상 또는 회색조로 표시할 수 있습니다.

PNG는 그래픽 디자인 요소가 포함된 사진 및 이미지에 적합합니다.

TIF / TIFF

일반적으로 파일 크기가 크지만 TIF("Tagged Image Format") / TIFF("Tagged Image File Format") 파일은 다양한 앱에서 편집할 수 있는 래스터 그래픽입니다. TIF는 무손실 데이터 압축 파일이므로 JPG와 같은 시각적 품질을 유지하면서 크기를 줄일 수 있습니다.

그러나 TIF는 일반적으로 크기 때문에 웹 사이트에서 사용하기에 항상 이상적인 것은 아닙니다.

BMP

BMP("비트맵")는 다목적이며 모든 장치와 호환되는 래스터 그래픽입니다. 일반적으로 압축되지 않으므로 이미지가 우수한 품질로 표시됩니다.

이는 또한 BMP가 이미지를 적절하게 최적화할 수 없는 경우 Shopify 사이트 속도를 저하시킬 수 있는 대용량 파일임을 의미합니다. BMP 이미지는 풀 컬러와 흑백 모두로 표시할 수 있으며 형식은 다양한 색상 변형을 허용합니다.

결론

Shopify 이미지는 플랫폼에서 판매해야 하는 유일한 것은 아니지만 상점의 성공과 수익성 여부에 큰 영향을 미칩니다. 올바른 유형으로 시작하여 완벽한 크기로 업로드되었는지 확인한 다음 판매를 위해 완전히 최적화하는 것은 여러 번 배당금을 지불할 것이기 때문에 시간과 노력을 투자하고 싶은 것입니다.

이미지가 잘 팔릴 수 있도록 Shopify 스토어용 이미지를 사용자 지정하는 데 도움이 필요하십니까? 지금 Snappa로 무료 평가판을 시작하십시오.

어떻게 생각하나요? 판매에 도움이 되도록 Shopify 이미지를 어떻게 최적화합니까? 어떤 Shopify 이미지 크기가 가장 적합했습니까? 아래 의견에 생각과 질문을 공유하십시오!