스토어에 맞게 Shopify 이미지 크기를 최적화하기 위한 최고의 가이드

게시 됨: 2022-06-24

상점이 온라인 상태가 되면 상점이 원활하고 효율적으로 운영되도록 하기 위해 고려해야 할 많은 요소가 있습니다. 특히 고객이 온라인 쇼핑을 하는 경우 직접 판매하는 제품을 볼 수 없고 품질을 제어할 수 없습니다. 따라서 제품 구매를 결정할 때 주저할 수 있습니다. 즉, 온라인 상점의 이미지가 좋은 품질을 가지고 있어야 하고 구매자가 사고 싶게 만드는 상품의 측면을 많이 보여야 합니다. Shopify 스토어 소유자라면 이 기사가 도움이 될 것입니다. Shopify 스토어의 제품 이미지 크기를 최적화하기 위한 궁극적인 가이드를 제공합니다.

Shopify에 가장 적합한 이미지 크기

먼저 Shopify 스토어에서 이미지 크기가 중요한 이유가 궁금할 것입니다.

사용자 경험 향상: 사진이 흐릿하지 않고 늘어지지 않은 방식으로 모든 장치에서 볼 수 있도록 만들어지면 온라인 구매자는 사물을 더 잘 이미지화하고 사양을 이해하며 가상의 모양과 느낌을 얻을 수 있습니다. 이것은 전반적인 쇼핑 경험을 향상시킵니다.

페이지 로딩 속도 향상: 사진 크기를 최적화하면 웹 페이지가 불필요하게 커지지 않습니다. 한 페이지에 몇 개의 이미지가 있는지는 중요하지 않습니다. 결과적으로 귀하의 웹사이트는 소비자가 허용할 수 있는 가장 짧은 시간인 3초 이내에 로드됩니다. 웹사이트를 더 빠르게 개선해야 하는 경우 다른 Shopify 매장 성능 최적화 조언을 조사하고 구현하는 것이 좋습니다.

다른 SEO 노력 강화: 사진을 최적화하면 페이지 로드 속도가 빨라지고 모든 SEO 활동에 도움이 됩니다. 검색 엔진에 귀하의 웹사이트에 그들이 찾고 있는 정보가 있음을 알리고 이는 귀하의 순위를 높입니다.

다음으로 몇 가지 일반적인 Shopify 이미지 크기를 소개합니다.

몇 가지 일반적인 Shopify 이미지 크기

Shopify 제품 이미지 크기: 2048 x 2048픽셀 또는 800 x 800픽셀

최대 4472 x 4472픽셀 및 20MB 크기의 Shopify 제품 사진만 업로드할 수 있습니다. 그러나 대부분의 경우 이것은 과잉입니다. 이러한 큰 그래픽은 상점에 필요하지 않으며 페이지 로드 시간이 느려집니다. 대신 Shopify는 정사각형 제품 사진에 대해 2048 x 2048 픽셀을 권장합니다. 우수한 품질과 빠른 사이트 로딩 사이의 환상적인 균형을 이루려면 JPG 또는 PNG 형식을 사용하십시오. 제품 사진은 일반적으로 800 x 800픽셀 이상이어야 합니다. 그렇지 않으면 확대와 같은 기능이 제대로 작동하지 않을 수 있습니다.

Shopify 컬렉션 이미지 크기: 2048 x 2048픽셀

Shopify 컬렉션 사진과 관련하여 필요한 크기는 없습니다. 그러나 크기는 최대 4472 x 4472픽셀 또는 20메가픽셀입니다. 고해상도 정사각형 사진을 목표로 Shopify는 일반적으로 이미지를 2048 × 2048 픽셀로 제한할 것을 권장합니다.

크기 외에도 사진 컬렉션의 크기는 모두 서로 일치해야 합니다. 반면에 높이 대 너비의 비율은 일정하게 유지되어야 합니다. 그렇지 않으면 컬렉션 페이지의 인터페이스를 망칠 것입니다.

Shopify 슬라이드쇼 이미지 크기: 너비 1200~2000픽셀, 높이 400~600픽셀

권장되는 Shopify 슬라이드쇼 사진 비율은 높이가 400~600픽셀, 너비가 1200~2000픽셀입니다.

모바일/작은 화면 보기로 이동 시 약간의 축소 및 자르기가 수행됩니다. 따라서 Shopify 슬라이드쇼 설정에서 사진을 중앙에 배치하십시오. 결과적으로 이미지의 위, 아래, 왼쪽과 오른쪽 부분이 잘려 전체적인 모양이 개선됩니다.

Shopify 헤더 이미지 크기: 높이가 120픽셀 이하

경우에 따라 헤더 블록에 사진을 포함할 수 있습니다. 향후 행사에 대한 보충 로고 또는 광고 역할을 할 수 있습니다. Shopify 테마에서 헤더 블록의 최대 높이는 250픽셀입니다. 그러나 최대 높이가 120픽셀인 사진을 사용하는 것이 좋습니다.

Shopify 배너 크기: 1200 x 400 ~ 600픽셀

Shopify 배너 크기를 결정할 때 특정 테마의 요구 사항을 고려해야 합니다. 예를 들어 Brooklyn 테마의 경우 1200×800 px 사진을 활용할 수 있습니다.

Shopify 로고 크기: 450 x 250px

가장 큰 Shopify 로고는 450 x 250픽셀입니다. 250px의 사이드바 너비가 이것의 소스입니다. 그 한도 내에서 유지하는 것이 중요하지만 로고의 너비가 정확히 450픽셀, 높이 205픽셀일 필요는 없습니다.

그런 다음 인기 있는 Shopify 이미지 형식을 제안합니다.

쇼피파이 1

전자 상거래 사진에서 인기 있는 몇 가지 가장 인기 있는 이미지 형식을 살펴보십시오. 각각의 장단점을 알려주셔야 합니다.

JPG/JPEG

Shopify 매장에서 가장 많이 사용되는 사진 파일 형식은 확실히 JPG입니다. 그것은 좋은 색상 스펙트럼과 작은 파일 크기를 가지고 있어 빠른 로딩을 가능하게 합니다. JPG의 압축 용량은 품질과 크기 사이에서 환상적인 절충안을 제공합니다. 이 경우 Shopify는 소매업체가 제품 페이지 사진에 JPG를 사용하도록 명시적으로 제안합니다.

PNG

PNG는 Shopify 스토어에 적용되는 또 다른 매우 인기 있는 이미지 형식입니다. 전체 이미지 품질을 손상시키지 않으면서 그림 파일 크기를 줄이는 기능으로 인해 PNG는 전자 상거래 웹 사이트에 환상적입니다. 또한 PNG는 투명도를 지원하므로 상점의 모양을 더 잘 제어할 수 있습니다. PNG의 무손실 압축은 종종 매우 큰 이미지 파일을 생성하기 때문에 어려운 작업입니다.

GIF

널리 사용되는 이미지 형식 GIF(Shopify Dropshipping Store에서 매우 인기 있음)를 사용하여 짧은 애니메이션이나 제품 설명을 만들 수 있습니다. GIF 이미지 형식은 약 250가지 색상만 허용하기 때문에 사진이 가장 생생한 사진은 아닙니다. 그러나 다른 이미지 형식과 결합하면 실제로 빛날 수 있습니다.

사소한 말다툼

여러 웹 편집 도구가 유용한 그림 형식 TIFF를 지원합니다. 이는 마케팅 캠페인을 위한 이미지 편집 및 사용자 정의가 디자이너와 소매업체에게 간단하다는 것을 의미합니다. TIFF로 고화질을 얻을 수 있으며, 많은 사진을 하나의 파일에 저장할 수 있습니다. 그러나 PNG와 마찬가지로 무손실 압축으로 인해 파일 크기가 더 커집니다.

사용할 이미지 크기가 확실하지 않은 경우 일반적으로 JPG/Jpeg를 선택하는 것이 좋습니다. 이미 설정했듯이 JPG는 파일 크기와 이미지 품질의 균형을 성공적으로 유지하는 유일한 이미지 형식입니다.

이제 Shopify 스토어에 포함할 이미지 유형으로 이동합니다.

이미지의 종류

제품 전용 이미지

이 이미지는 이름에서 알 수 있듯이 상품의 단일 사진입니다. 상품만의 사진은 '주요' 아이템을 다양한 각도에서 담아 고객의 구매 선택을 돕습니다. 그들은 종종 흰색 또는 무채색 배경에서 촬영됩니다.

제품을 촬영할 때 각 이미지의 배열 사이에 일관성을 유지하는 것이 중요합니다. 원활한 사용자 경험을 위한 Shopify 이상적인 이미지 크기 기준도 염두에 두어야 합니다.

사용중인 제품

Shopify 스토어에 적용할 두 번째 종류의 사진은 단독으로 사용하거나 주요 항목을 향상시키는 다른 제품과 함께 사용 중인 제품을 촬영하는 것입니다.

이러한 종류의 이미지는 잠재 구매자의 제품 이해도를 높이고 참여도와 전환율을 높일 것입니다.

그래픽 오버레이가 있는 사진

보다 독특한 모양을 위해 약간의 창의력을 발휘하여 텍스트 및 기타 이미지와 같은 사진에 그래픽 오버레이를 적용할 수 있습니다. Canva 또는 이와 유사한 대안 프로그램의 도움으로 이 작업을 쉽게 수행할 수 있습니다.

제도법

Shopify 스토어의 그래픽을 사용하여 정보를 표시할 수 있습니다. 이것은 다양한 옵션, 크기 차트 또는 색상 선택기를 시각적으로 표현한 것일 수 있습니다.

마지막으로 Shopify 제품 이미지 크기를 최적화하는 방법

제품의 Shopify 이미지 크기

이미지 이름 지정

대부분의 소매업체는 기본 카메라의 이름을 변경하지 않고 수많은 제품 사진을 서둘러 살펴봅니다. 페이지의 텍스트를 크롤링하는 것 외에도 검색 엔진은 이미지의 파일 이름을 분석하여 페이지의 콘텐츠를 결정합니다.

이미지 압축

일반 고객은 전자 상거래 사이트가 시작될 때까지 3초 이상 기다리지 않습니다. 따라서 페이지를 더 빨리 로드하려면 필요한 모든 조치를 취해야 합니다.

느린 페이지 속도를 처리하는 가장 좋은 전략 중 하나는 사진의 파일 크기를 줄이는 것입니다. 최대 효율성을 위해 이미지 크기를 약 70kb로 유지하는 것이 좋습니다.

다행히 Shopify는 이미 사진 크기를 약간 줄입니다. 사진 크기를 더 줄이려면 무료 프로그램인 TinyIMG 및 CrushPics를 활용할 수도 있습니다. 이러한 도구를 사용하면 여러 파일을 한 번에 대량 처리하고 압축량을 관리할 수 있습니다.

온라인 스토어 전체에서 일관된 스타일 사용

사이트 방문자가 온라인 상점에서 균일한 쇼핑 경험을 할 수 있도록 사진을 일관되게 수정해야 합니다. 즉, 통일되고 세련된 외관을 위해서는 크기, 스타일, 배경, 때로는 색상 배열까지 모두 동일해야 합니다.

라이프스타일 및 제품 사진 포함

대부분의 경우 표준 제품 사진과 라이프스타일 사진을 함께 사용하면 전환율이 높아집니다. 순수한 제품 사진은 고객이 제품의 특징을 관찰할 수 있도록 하는 데 중요하지만 라이프 스타일 사진은 사용자가 일상 생활에서 대상을 사진으로 찍을 수 있도록 합니다.

A/B 테스트를 사용하여 최상의 이미지 찾기

마지막으로 가장 중요한 것은 사진의 다양한 변형을 시도하여 어떤 사진이 가장 잘 나오는지 찾아야 한다는 것입니다. 다음을 테스트할 수 있습니다.

  • 각 페이지에 몇 개의 제품 이미지가 있는지
  • 가장 효과적인 이미지 유형
  • 각 제품 컬렉션 페이지의 수량은 (10, 20, 100)

사용자가 사진과 상호 작용하는 방식을 확인하려면 hotjar와 같은 열 매핑 응용 프로그램을 활용하십시오. 또는 감사 페이지에서 간단한 구매 후 설문 조사를 사용하여 고객이 선호하는 이미지 유형에 대해 질문할 수 있습니다.

지침을 확인하고 이상적인 Shopify 이미지 크기를 기억하십시오.

올바른 방향으로 가고 있는지 확인하려면 테마에 가장 적합한 Shopify 이미지 크기 및 형식에 대한 지침을 검토하십시오. 최고의 Shopify 사진 크기를 염두에 두십시오. 숙련된 사진 작가를 고용하여 상품 사진을 찍는 경우 필요한 것을 미리 알릴 수 있습니다. 이 방법으로 많은 시간을 절약할 수 있습니다!

모바일용 이미지 최적화

모바일 사용자의 79%가 지난 6개월 동안 스마트폰을 사용하여 무엇이든 구매했다는 사실을 알고 계셨습니까? 따라서 2022년 이후에는 모바일 장치에 최적화된 사진이 중요할 것입니다.

Shopify는 종종 모바일 및 작은 화면 장치에 맞게 이미지 크기를 자동으로 조정합니다. 모바일 장치용 사진을 수정하려면 사진을 수동으로 변경해야 하는 경우가 있습니다.

모바일 친화적인 사진을 만들려면 다음 팁을 적용하세요.

  • 너무 큰 이미지는 휴대기기에서 왜곡될 수 있으므로 사용하지 마세요.
  • 상품을 세로 및 가로 중앙에 유지하고 정사각형 사진을 사용하세요.
  • 사진이 모바일 장치에서 더 빨리 로드되도록 하려면 지연 로드를 활용하십시오.
  • 이미지를 추가할 때마다 모바일 장치에서 어떻게 보이는지 확인하십시오.

스톡 이미지 사용

블로그와 배너에서 합리적인 가격의 스톡 사진을 활용하여 글을 설명할 수도 있습니다. 그러나 스톡 사진은 때때로 일반적일 수 있으므로 오버레이를 편집하고 적용하여 비즈니스에 적합하도록 고유한 스탬프를 찍어야 합니다.

결론

주제를 통해 Shopify 스토어에서 이미지를 최적화하는 방법에 대한 철저한 가이드를 보여줍니다. 유용한 제안을 통해 이미지 제품의 품질을 개선할 수 있기를 바랍니다. 소비자가 제품에 대한 개요를 알 수 없으면 제품을 구매하기 어려울 수 있습니다. 따라서 매장에서의 이미지는 더 많은 고객을 유치하고 매출을 높이는 데 중요한 역할을 합니다. 매장을 더 매력적이고 전문적으로 보이게 하려면 당사에 연락하여 다음 단계에서 매장을 활용할 수 있는 전문가를 요청할 수 있습니다.