전자 상거래 제품 이미지에 가장 적합한 크기는 무엇입니까?

게시 됨: 2021-12-24

온라인 상점을 운영하는 경우 이미지 최적화는 마스터가 되고 싶은 진정한 예술입니다. 고객이 사이트 로딩 시간을 줄이기 위해 Google 이미지를 찾도록 자극하는 것부터 이미지 최적화는 제품 사진이 온라인 상점의 초석이 되기 때문에 성공적인 전자 상거래 사이트를 구축하는 데 중요한 역할을 합니다.

앞서 언급했듯이 귀하는 전자 상거래 상점 소유자입니다. 그런 다음 전자 상거래 제품 사진이 중요하다는 것을 인정할 수 있습니다. 어떤 아이템이든 잘 보여주는 것이 성공의 열쇠입니다. 고객은 보석이나 의류 품목이 어떻게 보일지 또는 일반적인 가죽 소파가 거실에서 어떻게 보일지 궁금해할 것입니다.

당신을 위해 추천 된

웹사이트 배너 크기: 가장 효과적인 크기는 무엇입니까?
Google Trusted Store가 되려면 어떻게 해야 하나요?
온라인에서 판매할 제품을 찾는 방법은 무엇입니까?

이 기사에서는 전자 상거래 제품 이미지에 가장 적합한 크기가 무엇인지 보여줍니다.

이미지 최적화란 무엇입니까?

이미지 최적화는 페이지 로딩 시간을 낮게 유지하기 위해 품질을 잃지 않으면서 이미지의 파일 크기를 최대한 줄입니다. 이미지 최적화는 이미지 SEO와도 관련되어 있습니다. 즉, 다른 이미지 검색 엔진과 함께 Google에서 순위가 매겨진 장식 사진과 함께 항목 이미지를 가져옵니다.

전자상거래 웹사이트에서 제품 이미지 크기가 중요한 이유는 무엇입니까?

잘 모르시겠지만 이미지는 전자 상거래 상점에서 가장 중요한 자산입니다.

다음과 같은 말이 있습니다.

"하지만 너무 자주 소홀히 하고 있습니다. 상점 주인은 웹용 이미지 최적화를 완전히 잊어버리고 있습니다."

두 가지 이유가 있습니다.

사이트에 최적화된 이미지를 얻는 것은 당신이 해야 할 끝없는 목록의 또 다른 추가 단계이기 때문에
낮은 우선 순위로 간주되어 쉽게 잊혀집니다.

그러나 전환율, 충성도 및 고객 참여도를 높이고 평생 가치를 향상시키려면 이미지 컬렉션에 관심을 기울이는 것으로 시작하는 것이 좋습니다.

더 진행하기 전에 이미지가 비즈니스 성공에 중요한 역할을 하는 이유를 알아보겠습니다.

1. 첫인상이 중요하다

이미지 또는 pi는 구매자가 귀하의 제품 페이지를 확인할 때 보게 되는 가장 초기의 요소이며, 처음 몇 초가 귀하의 제품을 계속 찾을지 여부를 결정하는 데 중요할 수 있다고 믿어집니다.

실제로 Square와 BigCommerce가 실시한 2017년 연구에서 미국 온라인 고객은 온라인 브랜드에서 가장 먼저 원하는 것으로 추가 제품 사진을 꼽았다고 합니다.

2. 1000자어보다 이미지가 더 중요하다

사진은 고객이 어떤 짧고 긴 설명보다 더 나은 제품 품질과 세부 사항을 확신할 수 있도록 도와줍니다.

좋은 품질의 제품 이미지를 통해 실제 매장에 있는 것과 같은 제품을 느낄 수 있어 모든 고객이 찾고 있는 품목에 대한 많은 세부 정보를 탐색할 수 있습니다.

BigCommerce 및 Square의 증거에 따르면 응답자의 약 절반이 온라인 쇼핑 시 좋아하는 제품을 만지거나 느낄 수 없으며 사용해 볼 수 없다고 말했습니다.

3. 모바일이 장악하고 있다

모바일 쇼핑이 모든 사람의 삶에서 점점 더 중요해지고 있기 때문에 Google의 Speed Update 움직임에서 볼 수 있듯이 이미지가 필요할 것입니다. 모바일 사용자는 제품의 적합성을 판단하고 탐색하기 위해 단어나 텍스트보다 이미지를 사용할 때 양이 더 많습니다.

명확하고 더 매력적인 전자 상거래 항목은 어떻게 든 항목을 클릭하고 자주 구입할 수 있음을 의미합니다.

4. 이미지는 비즈니스 사이트를 망칠 수 있습니다.

웹사이트에 대한 품질이 낮고 전문적이지 않은 사진은 고객 경험에 부정적인 영향을 미치고 검색 엔진에서 순위를 매길 수 있습니다.

다음 세 가지 질문이 궁금할 것입니다.

"이미지가 느리게 로드되나요?"
"메타 설명을 포함하지 않았습니까?"
"사람들이 착지할 때 튕겨져 나오나요?"

전자 상거래 제품 이미지에 가장 적합한 크기는 무엇입니까?

Photoshop을 사용하는 경우 빈 파일을 생성하고 원하는 치수로 크기를 조정하여 제품 이미지 템플릿을 개발할 수 있습니다. 이렇게 하면 이미지 6의 일관성을 유지하는 데 도움이 됩니다. 요구 사항에 대해 더 많은 정보가 있지만 상점에서 사용하는 데 도움이 되는 템플릿 크기의 가장 좋은 시작점은 가장 긴 쪽이 1,200px에서 1,600px 사이입니다. 고객이 확대 및 축소할 수 있는 충분한 세부 정보를 원한다는 점을 염두에 두십시오.

주요 고려 사항은 페이지 로드 시간을 최소로 유지하는 데 도움이 되도록 이미지의 파일 크기를 줄이는 방법입니다. 느린 로딩 페이지와 같은 사용자 경험을 망칠 수 있는 것은 아무것도 없다고 걱정할 필요가 없습니다. 실제로 사용자의 약 47%는 현재 웹페이지가 2초 이내에 로드되기를 희망하고 있으며 40%는 로드하는 데 3초 이상 걸릴 수 있는 페이지를 포기할 것이라고 합니다.

따라서 일반적으로 로드하는 데 시간이 오래 걸리는 큰 크기의 이미지를 멀리하는 것이 필요합니다. 이미지 파일 크기에 대한 AIM의 일반적인 규칙은 70kb 미만입니다. 그리고 다행히도 Photoshop의 "웹용으로 저장" 도구를 사용하면 이미지 품질을 잃지 않고 파일 크기를 줄일 수 있습니다.

게다가 다음 사항도 고려해야 합니다.

고객의 약 50%는 사이트가 로드될 때까지 3초 동안 기다릴 준비가 되어 있지 않습니다.
평균 페이지 로딩 시간은 전 세계적으로 증가하고 있습니다.
Amazon은 페이지 속도가 1초만 느려지면 연간 16억 달러의 손실이 발생할 수 있음을 발견했습니다.
Google은 페이지 로딩 시간을 알고리즘에서 가장 중요한 순위 요소 중 하나로 사용하고 있습니다.

이미지 파일 크기를 줄이는 또 다른 방법은 Adobe Photoshop에서 "웹용으로 저장" 명령을 사용하는 것입니다. 이 도구를 사용하여 이미지 품질을 계속 주시하면서 이미지를 가장 작은 파일 크기로 조정하고 싶습니다.

품질 : 상단과 오른쪽 모서리에서 찾을 수 있습니다.
파일 형식 : 상단 및 오른쪽 모서리에서 찾을 수 있습니다.
최적화 : 상단과 우측 코너에서 찾을 수 있습니다.
색상 : 상단과 우측에서 확인할 수 있습니다.
다운사이징 및 샤프닝 : 하단과 우측 코너에서 확인할 수 있습니다.
예상 파일 크기 : 하단 및 왼쪽 모서리에서 찾을 수 있습니다.

다른 이름으로 내보내기 를 사용하도록 선택할 수도 있습니다.

이제 올바른 파일 형식을 선택하는 방법 이 궁금할 것입니다.

실제로 GIF , PNG 및 JPEG 를 포함하여 웹에 사진을 게시하는 데 사용할 수 있는 세 가지 인기 있는 파일 형식이 있습니다.

JPEG 또는 .jpg 이미지는 오래된 파일 형식입니다. JPEG는 이제 인터넷의 사실상의 표준 사진이 되었습니다. JPEG 사진은 압축할 수 있어 파일 크기가 작은 고품질 사진을 얻을 수 있습니다.

GIF 또는 .gif 이미지는 JPEG 이미지보다 품질이 낮고 장식 사진 및 아이콘을 포함하여 더 많은 이미지에 널리 사용됩니다. GIF는 또한 애니메이션을 지원합니다. 이미지 최적화와 관련하여 GIF는 모든 웹 페이지의 단순하고 평범한 이미지에 적합합니다. 그러나 GIF는 더 큰 이미지에 해당하는 복잡한 이미지에 유용한 솔루션이 아닙니다.

PNG 이미지는 GIF로 대체되면서 점점 더 보편화되고 있습니다. PNG는 또한 GIF보다 더 많은 색상을 지원하며 JPEG처럼 다시 저장해도 시간이 지남에 따라 품질이 저하되지 않습니다. PNG-24 사진이 PNG-8보다 파일 크기가 3배 이상 크다는 점을 염두에 두는 것이 좋습니다. 이것이 PNG에 주의해야 하는 이유입니다.

다음은 파일 형식을 선택할 때 기억하는 데 도움이 되는 몇 가지 팁입니다.

대부분의 경우 전자 상거래 비즈니스에서 JPEG가 최고가 될 수 있습니다. 가장 작은 파일 크기에 대해 최상의 품질을 제공할 수 있습니다.
큰 제품 사진에는 GIF를 사용하면 안 됩니다. 이 파일 크기는 엄청나게 커질 것이며 줄일 방법이 없을 것입니다. 썸네일 및 장식용 이미지에만 GIF를 사용할 수 있습니다.
PNG는 GIF와 JPEG의 대안으로 좋은 솔루션이 될 수 있습니다. PNG 형식의 제품 이미지만 사용할 수 있는 경우 PNG-24가 아닌 PNG-8을 사용해 볼 수 있습니다. PNG는 파일 크기가 매우 작기 때문에 단순한 장식용 사진으로 탁월할 수 있습니다.

온라인 상점의 제품 이미지를 최적화하는 5가지 팁

1. 이미지 이름을 설명이 포함된 일반 언어로 설정합니다.

수백 장의 제품 사진을 과장하면서 카메라에 이미 할당된 기본 파일 이름을 유지하는 것은 그리 복잡하지 않습니다.

이미지 SEP에 관해서는 관련 키워드를 사용하여 검색 엔진에서 웹 페이지의 순위를 매기는 것이 중요합니다. 키워드가 풍부하고 설명이 포함된 파일 이름을 생성하는 것은 이미지 최적화에 필수적입니다. 검색 엔진은 웹페이지의 텍스트와 이미지 파일 이름을 모두 크롤링합니다.

아래의 예를 들어보겠습니다.

카메라가 이미 이미지에 할당한 일반 이름을 적용할 수 있습니다. 그러나 파일 이름을 자세히 지정하는 것이 좋습니다.

고객이 웹사이트에서 귀하의 항목을 검색하는 방법을 생각해 보겠습니다. 이름의 패턴을 연구로 사용할 것입니다. 예를 들어 자동차 구매자는 다음을 검색할 수 있습니다.

2012 레드 포드 머스탱 LX
포드 머스탱 LX 레드 2012
레드 포드 머스탱 LX 2012

사이트 분석을 통해 고객이 어떤 종류의 키워드 패턴을 따르는지 확인할 수 있습니다. 그들이 사용하는 가장 인기 있는 이름 지정 패턴을 결정하고 해당 패턴을 이미지 파일 이름 지정 프로세스에 사용할 수 있습니다.

데이터 기반이 아닌 경우 중요하고 관련성 높은 키워드를 사용하여 이미지에 이름을 지정할 수 있습니다.

2. alt 속성을 신중하게 최적화하십시오.

Alt 속성은 브라우저가 사진을 제대로 렌더링하지 못할 때 사진에 대한 텍스트 대체로 알려져 있습니다. 차례로 웹 접근성에 널리 사용됩니다. 사진이 렌더링되면 마우스를 가져가면 alt 속성 텍스트가 확인됩니다. 이 대체 속성은 사이트에 SEO 값을 추가해야 합니다. 관련 키워드를 포함하는 적절한 대체 속성을 사이트 이미지에 포함하면 검색 엔진에서 순위를 높이는 데 도움이 됩니다. 결과적으로 alt 속성을 사용하는 것이 전자 상거래 항목이 Google 웹 검색 및 이미지에 표시되는 가장 좋은 방법입니다.

alt 속성의 소스 코드를 자세히 살펴볼 수 있습니다.

<img src=”2012-Ford-Mustang-LX-Red.jpg” alt=”2012 Ford Mustang LX Red”>

이미지 최적화와 관련하여 최우선 순위는 웹 사이트의 각 제품 사진에 대한 모든 al 속성을 채우는 것입니다. 다음은 alt 속성에 대한 몇 가지 규칙입니다.

이미지 파일 이름에 대해 수행하는 것처럼 일반 언어로 설명된 이미지를 가져옵니다.
모델 번호 또는 일련 번호가 포함된 품목을 판매하는 경우 alt 속성에 입력할 수 있습니다.
키워드로 가득 찬 alt 속성 채우기 중지
장식 이미지에 alt 속성 사용을 중지하십시오. 검색 엔진은 최적화에 대해 너무 많은 불이익을 줄 수 있습니다.

마지막으로, 때때로 온전한 검사를 합시다. 웹 페이지의 소스를 보고 Alt 속성이 제대로 채워졌는지 확인하는 것을 잊지 마십시오. 당신은 기업가 정신의 속도로 움직이면서 당신이 정말로 그리워하는 것에 매우 놀랄 것입니다.

3. 적절한 이미지 치수 및 제품 각도 선택

아이템의 여러 각도를 확인하는 것이 일반적입니다. Ford Mustang의 예를 다시 확인할 수 있으며 일반적으로 판매하는 카드 샷을 보여주고 싶지 않을 수 있습니다. 다음과 같은 사진을 보여주는 것이 좋습니다.

실내 장식
리어, 특히 에어 스포일러
림
엔진

따라서 이러한 추가 이미지를 활용하는 가장 좋은 방법 중 하나는 alt 속성을 채우는 것입니다. 그리고 당신이 할 수 있는 방법은 모든 제품 이미지에 대해 고유한 대체 속성을 생성하는 것입니다. 여기서 핵심은 유망한 연구자가 귀하의 사이트에 방문할 수 있도록 alt 속성에 설명을 삽입하는 것입니다. 추가 작업을 수행하면 Google에서 검색자에게 보상을 받을 것입니다.

4. 썸네일 최적화하기

많은 전자 상거래 비즈니스 사이트에서 너무 많은 공간을 차지하지 않고도 제품을 보여줄 수 있기 때문에 특히 카테고리 페이지에서 썸네일 사진을 사용하고 있습니다.

썸네일도 좋지만 소리 없는 살인마가 될 수 있으니 주의해야 합니다. 페이지 로드 속도를 잊지 마십시오. 귀하의 미리보기 이미지는 쇼핑 과정에서 중요한 포인트에 종종 표시됩니다. 카테고리 페이지가 빠르게 로드되지 않는 경우 잠재적인 소비자를 잃을 수 있습니다. Shopify 사용자는 썸네일 최적화가 알아서 처리하기 때문에 썸네일 최적화에 대해 걱정할 필요가 없습니다.

그러므로 지금 무엇을 해야 합니까?

썸네일 파일 크기가 가능한 한 작아야 합니다. 더 낮은 파일 크기를 지원하도록 품질 슬라이드를 허용하는 것이 좋습니다. 축소판의 누적은 페이지 로딩 시간에 큰 영향을 미친다는 점에 유의하십시오.
그런 다음 유사한 이미지의 더 큰 버전에 사용 중인 텍스트를 복제하지 않도록 alt 속성을 변경합니다. 결과적으로 대체 속성 텍스트를 다르게 만들어야 합니다. 마지막으로 해야 할 일은 더 큰 이미지가 아닌 썸네일을 인덱싱해야 한다는 것입니다.

5. 사진 테스트 허용

이미지 최적화의 핵심은 수익을 높이는 것입니다. 우리는 파일 크기를 줄이는 방법과 검색 엔진이 사진을 인덱싱하도록 하는 방법에 대해 이야기하고 있습니다. 그러나 더 많은 고객으로 전환할 수 있는 항목을 확인하기 위해 테스트 이미지를 언급하지 않았습니다.

각 페이지의 항목 사진 수를 테스트합니다. 로드 시간은 호스팅되지 않은 여러 전자 상거래 사이트의 문제이므로 모든 페이지의 사진 수를 줄이면 판매와 함께 클릭률을 높이는 데 도움이 됩니다. 사용자 경험을 장려하고 더 많은 판매를 유도할 수 있는 각 페이지에 많은 사진을 제공하는 것이 가능합니다. 이것을 찾는 유일한 방법은 테스트하는 것입니다.
고객이 좋아하는 각도를 테스트합니다. 소비자가 보고 싶어하는 뷰를 제공함으로써 고객 충성도가 증가하는 것을 볼 수 있습니다. 알아낼 수 있는 가장 좋은 방법 중 하나는 제품 샷을 검토할 때 고객이 가장 좋아하는 것이 무엇인지 설문조사하는 것입니다. 고객과 대화하고 설문 조사하는 것이 가장 좋은 습관으로 간주됩니다.
10, 20 또는 100개 항목 중에서 카테고리 페이지에 더 나은 항목 목록이 몇 개 있는지 테스트하십시오. 카테고리 페이지에 나열된 항목 수를 테스트하여 구매자에게 가장 적합한 항목을 확인할 수 있습니다.

관련 게시물

모든 매장에 필요한 20개 이상의 최고의 Shopify 앱
귀하의 비즈니스를 위한 최고의 스톡 사진 사이트 11곳

마지막 단어

이미지는 비즈니스의 모양과 느낌을 홍보할 수 있는 힘이 있으며 중요한 영업 도구 역할을 할 수 있습니다. 이를 수행하는 데 필요한 모든 도구를 사용할 수 있으며 가장 유용한 상단과 위의 기술을 포함하도록 노력해야 합니다. 전자 상거래 제품 이미지에 가장 적합한 크기에 대한 완전한 가이드를 통해 매장 비즈니스에 최적화된 이미지를 얻을 수 있기를 바랍니다. 이제 다시 시작할 때이며 계획이 핵심입니다.