Shopify คู่มือขนาดภาพ: เคล็ดลับสำหรับร้านค้าที่สวยงามน่าทึ่ง

เมื่อผู้มีโอกาสเป็นลูกค้าเข้ามาหาคุณ Shopify เว็บไซต์พวกเขาจะใช้รูปภาพเพื่อตัดสินใจว่าจะซื้อสินค้าหรือไม่ ดังนั้น หน้าที่ของคุณในฐานะพ่อค้าคือต้องแน่ใจว่ารูปภาพจะไม่ทำให้ความเร็วในการโหลดเว็บไซต์ช้าลง (เพื่อผลักผู้คนออกไป) และต้องจัดรูปแบบและปรับขนาดรูปภาพให้เหมาะสม

ด้วยวิธีนี้ ภาพจะไม่ยืดออกหรือถูกตัดออก ในที่สุดของเรา Shopify คู่มือขนาดภาพ เราแสดงให้คุณเห็นถึงความสำคัญของขนาดภาพเฉพาะสำหรับ Shopify ถ่ายภาพและระบุขนาดที่เหมาะสมสำหรับสิ่งต่างๆ เช่น โลโก้ ภาพแบนเนอร์ และภาพผลิตภัณฑ์

อ่านต่อเพื่อเรียนรู้ทั้งหมดเกี่ยวกับ Shopify ขนาดภาพ!

ทำไมคุณควรสนใจเกี่ยวกับ Shopify ขนาดภาพ?

การจัดการและอัปโหลดรูปภาพเป็นเรื่องน่าเบื่อ ถึงกระนั้น พวกเขามักเป็นตัวการหลักเมื่อพูดถึงความเร็วเว็บไซต์ที่ช้า ปัญหา SEO และการแปลงต่ำในไซต์อีคอมเมิร์ซ

และส่วนที่ยุ่งยากเกี่ยวกับเครื่องมือสร้างเว็บไซต์และแพลตฟอร์มอีคอมเมิร์ซทั้งหมดคือคุณต้องยึดติดกับขนาดภาพที่เฉพาะเจาะจงมากเป็นพิเศษเพื่อให้แน่ใจว่าได้รับการปรับให้เหมาะสมและดูเรียบร้อย

เพื่อสรุปนี่คือเหตุผล Shopify ขนาดภาพมีความสำคัญ:

1. แต่ละประเภทภาพใน Shopify ต้องการขนาดเฉพาะ เช่น โลโก้ควรมีขนาดแตกต่างจากภาพแบนเนอร์อย่างไร
2. ผู้ใช้มีแนวโน้มที่จะเปลี่ยนเป็นลูกค้าที่ชำระเงินมากขึ้นเมื่อพวกเขาเห็นรูปภาพในรูปแบบที่ถูกต้องได้อย่างชัดเจน
3. รูปภาพที่มีขนาดเหมาะสมและปรับให้เหมาะสมสามารถเพิ่มศักยภาพ SEO ของคุณได้
4. ภาพถ่ายที่มีขนาดไม่ดีอาจทำให้ภาพยืดออกหรือครอบตัด ซึ่งนำไปสู่เว็บไซต์ที่น่าเกลียด
5. คุณอาจพบว่ารูปภาพที่มีขนาดไม่ถูกต้องทำให้ไซต์ของคุณช้าลง หรือทำให้ลูกค้าไม่ต้องการรออีกต่อไป

นอกจากประเด็นเหล่านี้แล้ว ภาพขนาดพอเหมาะที่คมชัดแสดงถึงความเป็นมืออาชีพในระดับหนึ่ง การแสดงปฏิกิริยาทางอารมณ์แก่ลูกค้าว่าคุณเป็นธุรกิจที่เชื่อถือได้ และผลิตภัณฑ์ของคุณมีคุณภาพสูงสุด รูปภาพที่ไม่ดีนั้นดูเหมือนคุณไม่ได้กังวลเกี่ยวกับผลิตภัณฑ์ของคุณหรือวิธีที่แสดง ลูกค้าของคุณอาจถามว่า “พวกเขาหักเหลี่ยมเฉือนคมกันไปถึงไหนแล้ว”

จากที่กล่าวมา ลองดูคู่มืออ้างอิงฉบับย่อของเราเกี่ยวกับสิ่งที่ดีที่สุด Shopify ขนาดรูปภาพสำหรับพื้นที่ต่างๆ เช่น หน้าผลิตภัณฑ์ รูปภาพแบนเนอร์ และโลโก้

ที่ดีที่สุด Shopify ขนาดภาพ (ขึ้นอยู่กับตำแหน่งที่ใช้ภาพ)

กฎเกณฑ์เหล่านี้อาจไม่ใช่กฎตายตัวทั้งหมด แต่ควรยึดตาม "ขนาดที่เหมาะสม" มากที่สุดเท่าที่จะทำได้ ธีมต่างๆ มักจะมีมาตรฐานรูปภาพของตัวเอง ดังนั้นควรตรวจสอบเรื่องนี้ให้ดี มิฉะนั้น เราจะอธิบายให้ทราบเมื่อคุณมีทางเลือกในด้านขนาด

มีขนาดภาพแบบ Go-to ให้ใช้ข้ามหรือไม่ Shopify?

ไม่ แต่ถ้าคุณวางแผนที่จะใช้วิธีการดังกล่าว เราขอแนะนำดังนี้:

1. ตรวจสอบให้แน่ใจว่ารูปภาพทั้งหมดมีขนาดใหญ่พอที่จะแสดงรายละเอียดที่ซับซ้อนของผลิตภัณฑ์
2. แต่ให้รูปภาพมีขนาดเล็กพอที่จะไม่ขัดขวางประสิทธิภาพของไซต์
3. หลักเกณฑ์ที่ดีคือใช้ขนาด 2048 × 2048 พิกเซลสำหรับภาพสี่เหลี่ยมจัตุรัส
4. หลีกเลี่ยงขนาดที่เล็กกว่า 800 × 800 พิกเซลสำหรับรูปภาพสี่เหลี่ยมจัตุรัส
5. หลีกเลี่ยงขนาดใดๆ ที่มีขนาดใหญ่กว่า 4472 × 4472 สำหรับรูปภาพสี่เหลี่ยมจัตุรัส

สำหรับรูปภาพที่ไม่ใช่รูปสี่เหลี่ยมจัตุรัส เราขอแนะนำให้ใช้คำแนะนำด้านล่างนี้ นอกจากนี้ ควรสังเกตว่าธีมบางธีมจะครอบตัดรูปภาพแตกต่างกัน ดังนั้นคุณอาจต้องเดาและตรวจสอบว่าขนาดรูปภาพใดเหมาะกับร้านค้าออนไลน์ของคุณที่สุด

สำหรับคำแนะนำที่ดีที่สุด โปรดดูที่อุดมคติ Shopify ขนาดภาพด้านล่าง จัดหมวดหมู่ทั้งหมดตามประเภทภาพ:

1. Shopify ขนาดภาพผลิตภัณฑ์ (ขนาดที่เหมาะสม: 2048 × 2048 พิกเซล)

รูปภาพสินค้าเป็นรูปแบบสื่อหลักที่ใช้ในการขาย Shopifyธีมของทำงานได้ดีมากในการครอบตัดและปรับแต่งภาพผลิตภัณฑ์สำหรับคุณ แต่คุณไม่ควรพึ่งพาเครื่องมืออัตโนมัติ

รางวัล ขนาดที่แนะนำสำหรับรูปภาพผลิตภัณฑ์บน Shopify คือ 2048 x 2048 พิกเซล.

นี่เป็นจุดที่ยอดเยี่ยมเพื่อให้แน่ใจว่าภาพของคุณจะไม่ลดความเร็วของหน้าเว็บลง ในขณะเดียวกันก็มั่นใจได้ว่าลูกค้าจะเห็นความสมบูรณ์ของรายละเอียดจากภาพถ่ายต้นฉบับของคุณ

เราเสนอให้ใช้รูปภาพสี่เหลี่ยมสำหรับรูปถ่ายผลิตภัณฑ์ เพื่อหลีกเลี่ยงการครอบตัดที่ไม่ต้องการ Shopify ธีม

ภาพหน้าจอด้านล่างแสดงรูปภาพที่อัปโหลดเป็นขนาด 2048 × 2048 พิกเซล และไม่มีการครอบตัด

รูปภาพที่ยาวและกว้างกว่ายังเหมาะกับรูปถ่ายผลิตภัณฑ์ แต่คุณจะควบคุมธีมของรูปภาพได้น้อยลง คุณอาจพบว่ารูปภาพแนวนอนมีขนาดเล็กลงเมื่อเทียบกับรูปภาพแนวตั้ง

2. Shopify ขนาดภาพคอลเลกชัน (ขนาดที่เหมาะสม: 2048 × 2048 พิกเซล)

การเพิ่มคอลเล็กชันไม่จำเป็นต้องใช้รูปภาพ แต่การทำเช่นนี้จะช่วยให้คุณสร้างหน้าแยกต่างหากสำหรับคอลเล็กชันนั้นได้ เกือบจะเหมือนกับหน้า Landing Page ที่สร้างขึ้นสำหรับผลิตภัณฑ์ย่อยๆ เท่านั้น

ภาพคอลเลกชันถูกอัปโหลดภายใต้ สร้างคอลเลกชัน ส่วนเข้า Shopify.

หลังจากนั้น คุณสามารถเพิ่มสินค้าไปยังคอลเลกชันนั้นและแสดงในบล็อกเนื้อหาในหน้าแรกหรือเป็นหน้าเดียว

หากคุณออกจาก ภาพ ฟิลด์ว่างในหน้าคอลเลกชั่น ระบบจะใช้หนึ่งในรูปภาพผลิตภัณฑ์เด่นจากคอลเลกชั่นนั้นเป็นค่าเริ่มต้น

แนะนำ Shopify ขนาดภาพสำหรับคอลเลกชันคือ 2048 × 2048 พิกเซล

ขนาดสี่เหลี่ยมจัตุรัสช่วยสร้างรูปแบบมาตรฐานสำหรับคอลเลกชันทั้งหมด โดยเฉพาะอย่างยิ่งเมื่อแสดงติดกัน

คุณจะพบว่าการใช้รูปภาพสี่เหลี่ยมจัตุรัสนั้นง่ายกว่าเมื่อคุณใช้บล็อคเนื้อหาที่แสดงคอลเลกชัน

เช่นเคย ผลลัพธ์ของคุณอาจแตกต่างกันไปตามธีมที่ใช้ อันที่จริงแล้ว บางธีมมีความสามารถเพิ่มเติมกับรูปภาพคอลเล็กชันของคุณ ทำให้คุณสามารถแชร์รูปภาพเหมือนแบนเนอร์ในหน้าคอลเล็กชันแยกต่างหาก ในกรณีนี้ ขนาดที่เหมาะสมที่สุดของรูปภาพคอลเลกชันของคุณอาจแตกต่างไปจากที่เราพูดถึงในที่นี้อย่างสิ้นเชิง โดยรวมแล้ว แผนการดำเนินการที่ดีที่สุดของคุณคือการทดสอบกับธีมของคุณ อัปโหลดภาพหลายขนาดที่ไม่ซ้ำกันไปยังคอลเล็กชันของคุณ จดสิ่งที่ใช้งานได้ จากนั้นใช้มิติข้อมูลเหล่านั้นเสมอ เพียงตรวจสอบให้แน่ใจว่ารูปภาพไม่ใหญ่หรือเล็กเกินไป และคุณก็จะไม่เป็นไร

3. Shopify ขนาดภาพโลโก้ (ขนาดที่เหมาะสม: 450W × 250H พิกเซล)

โลโก้โดดเด่นเป็นเครื่องหมายของร้านค้าอีคอมเมิร์ซของคุณ จะแสดงทันทีเมื่อมีคนเข้ามาที่หน้าแรกของคุณและตลอดทั้งเว็บไซต์ โดยพิจารณาว่ามักจะปรากฏอยู่ในบริเวณส่วนหัว

Shopify ผู้ใช้ที่มีปัญหาเกี่ยวกับขนาดโลโก้อาจพบว่าโลโก้ไม่ใหญ่พอ หรือทำให้เมนูการนำทางผิดรูปในทางใดทางหนึ่ง หรือคุณอาจพบว่าโลโก้เว้นช่องว่างด้านล่างหรือด้านบนไว้มาก

ในการแก้ไขปัญหาเหล่านี้ส่วนใหญ่ เราแนะนำให้ใช้ขนาดโลโก้ที่มีความสูง 250 พิกเซล x ความกว้าง 450 พิกเซล

ในความเป็นจริง Shopify แนะนำว่าอย่าให้เกินขนาดเหล่านี้สำหรับความกว้างและความสูง ต้องบอกว่าคุณสามารถเล็กลงได้ตราบใดที่ธีมของคุณอนุญาต

บ่อยครั้ง แถบด้านข้างแสดงสิ่งต่างๆ ผิดเพี้ยนไป หรือบางทีเมนูการนำทางของคุณมีองค์ประกอบมากเกินไปในการผลักดันโลโก้ไปในทิศทางที่แปลกออกไป โดยไม่คำนึงว่า เป็นการดีที่สุดที่จะเล่นกับขนาดโลโก้และการตั้งค่าไซต์ของคุณเพื่อให้ได้รูปลักษณ์ที่ดีที่สุด

ทางเลือกอื่นคือ ธีมต่างๆ จะดูดีกับโลโก้ทรงสี่เหลี่ยม แต่ควรให้มีขนาดไม่เกิน 250 x 250 พิกเซล เพื่อไม่ให้กินพื้นที่มากเกินไป

สำหรับความเก่งกาจที่สุดให้ไปที่ ตั้งค่า > แบรนด์ in Shopify เพื่อเพิ่ม ค่าเริ่มต้น และ Square ภาพ. ด้วยวิธีนี้ คุณสามารถอัปโหลดอย่างใดอย่างหนึ่งขึ้นอยู่กับสถานการณ์

4. Shopify ขนาดภาพแบนเนอร์ (ขนาดที่เหมาะสม: 2000 W × 600H พิกเซล)

โดยทั่วไปเรียกว่าภาพฮีโร่หรือภาพแบนเนอร์ เป็นภาพขนาดใหญ่ที่คุณอาจวางไว้ที่ด้านบนสุดของหน้าแรกเพื่อแสดงผลิตภัณฑ์ใหม่และใส่ข้อความด้วยปุ่ม จำเป็นอย่างยิ่งที่ภาพแบนเนอร์จะต้องมีความละเอียดสูงเพื่อป้องกันปัญหาความไม่ชัดเจนหลังจากปรับขนาด และเมื่อดูบนอุปกรณ์ต่างๆ

Shopify นอกจากนี้ยังมี ส่วนหัว ส่วนเนื้อหาซึ่งทำหน้าที่คล้ายกับ ภาพแบนเนอร์ ส่วนเนื้อหา

ไม่ว่าคุณจะเลือกแบบใด เราขอแนะนำให้ใช้ขนาดความกว้าง 1200 พิกเซล x ความสูง 600 พิกเซลสำหรับแบนเนอร์และภาพฮีโร่

ต้องบอกว่าคุณมักจะหนีไปได้ทุกที่ตั้งแต่ 1200–2000 พิกเซลสำหรับความกว้างและ 400–600 พิกเซลสำหรับความสูง และเช่นเคย ขึ้นอยู่กับธีมของคุณ

สุดท้ายนี้ ควรปรับการตั้งค่าสำหรับแบนเนอร์รูปภาพและรูปภาพหลักทั้งหมดด้วย คุณสามารถปรับความสูงของแบนเนอร์สำหรับธีมส่วนใหญ่ได้ และบอก Shopify ตำแหน่งที่คุณต้องการให้เนื้อหาแบนเนอร์อยู่ เช่น ที่มุมขวาล่างหรือด้านบน เพื่อให้มองเห็นภาพที่อยู่เบื้องหลังเนื้อหาได้ดียิ่งขึ้น

5. Shopify ขนาดภาพสไลด์โชว์ (ขนาดที่เหมาะสม: 2000W × 600H พิกเซล)

เช่นเดียวกับแบนเนอร์ คุณต้องใช้ภาพความละเอียดสูงในการแสดงภาพสไลด์ ส่วนเนื้อหาเหล่านี้ช่วยให้คุณสามารถแสดงภาพถ่ายหลายภาพในพื้นที่เดียวของหน้า จากนั้นเลื่อนไปที่ภาพถัดไปตามลำดับ

เนื่องจากมันคล้ายกับแบนเนอร์มาก คุณจึงคงความกว้างและความสูงเท่าเดิมสำหรับภาพฮีโร่หรือแบนเนอร์ คำแนะนำคือความกว้าง 2000 พิกเซลและความสูง 600 พิกเซล อย่างไรก็ตาม ความสูงสามารถอยู่ในช่วงตั้งแต่ 400–600 พิกเซล และความกว้างอาจมีตั้งแต่ 1200–2000 พิกเซล

อย่าลืมจัดการการตั้งค่าสไลด์โชว์ทั้งหมดเพื่อให้ได้รูปแบบที่ดีที่สุดสำหรับสไลด์โชว์ของคุณ คุณอาจต้องย้ายกล่องเนื้อหาไปยังตำแหน่งอื่น หรือบางทีสไลด์โชว์อาจดูดีขึ้นหากคุณขยายความสูงออกไปอีกเล็กน้อย

กฎหลักข้อหนึ่งของสไลด์โชว์คือการอัปโหลดรูปภาพขนาดเดียวกันสำหรับสไลด์โชว์เดียวกันเสมอ คุณยินดีเป็นอย่างยิ่งที่จะปรับขนาดเมื่อสร้างสไลด์โชว์แยกต่างหาก แต่เพียงตรวจสอบให้แน่ใจว่าภาพที่รวมเข้าด้วยกันในสไลด์โชว์เดียวทั้งหมดมีขนาดเท่ากัน เพื่อความต่อเนื่องและประสบการณ์ของผู้ใช้

วิธีเพิ่มประสิทธิภาพ Shopify ภาพ

การเพิ่มประสิทธิภาพรูปภาพของคุณช่วยให้คุณปรับปรุงวิธีโหลดรูปภาพในร้านค้าอีคอมเมิร์ซของคุณ นอกจากนี้ยังช่วยให้คุณสร้างประสบการณ์ที่เป็นมิตรต่อผู้ใช้มากขึ้นบนเว็บไซต์ โดยดูว่ารูปภาพควรเสริมประสบการณ์การช็อปปิ้งอย่างไร ไม่ใช่ทำให้เกินกำลัง

มีหลายแง่มุมที่ต้องพิจารณาเมื่อปรับแต่งรูปภาพของคุณให้เหมาะสม Shopifyพื้นที่เหล่านี้รวมถึงรูปแบบภาพที่เหมาะสม การบีบอัด แหล่งที่มาของภาพ การจัดแต่งสไตล์ และอื่นๆ อ่านต่อไปเพื่อเรียนรู้เกี่ยวกับแนวทางปฏิบัติที่ดีที่สุดและขั้นตอนในการปรับแต่งภาพใน Shopify.

ขั้นตอนที่ 1: เลือกรูปภาพที่เหมาะสมที่สุด Format

Shopify ขนาดรูปภาพมีความสำคัญ แต่ขั้นตอนแรกในการปรับแต่งภาพถ่ายควรเกี่ยวข้องกับการเลือกใช้รูปแบบภาพที่ดีที่สุด

มีรูปแบบภาพมากมายที่ Shopify ช่วยให้

นี่คือสิ่งที่ทำให้พวกเขาพิเศษ:

1. JPEG/JPG: อาจเป็นรูปแบบไฟล์ที่นิยมใช้กันมากที่สุดสำหรับรูปภาพ และนั่นก็ถูกต้องแล้ว JPEG สามารถบีบอัดได้ดีและให้คุณภาพที่ยอดเยี่ยม เราขอแนะนำให้ใช้ JPEG สำหรับหน้าผลิตภัณฑ์ โดยเฉพาะเมื่อรูปภาพของคุณมีรายละเอียดที่ละเอียดอ่อน
2. PNG: ไฟล์ประเภทนี้ดีกว่า JPEG ที่รักษาคุณภาพหลังจากลดขนาดภาพ อย่างไรก็ตาม คุณอาจพบว่า PNG ไม่บีบอัดมากนัก เหมาะที่สุดเมื่อคุณต้องการพื้นหลังโปร่งใส (JPEG ไม่รองรับ) ดังนั้นเราจึงชอบพื้นหลังเหล่านี้สำหรับโลโก้และรูปภาพแบนเนอร์บางส่วน
3. GIF: GIF เป็นรูปแบบภาพสำหรับแอนิเมชั่น โดยพื้นฐานแล้ว GIF มีลักษณะคล้ายกับการเปลี่ยนวิดีโอสั้นๆ ให้เป็นภาพเคลื่อนไหว ซึ่งมีประโยชน์ในการอธิบายผลิตภัณฑ์โดยย่อโดยไม่ต้องให้วิดีโอมีขนาดใหญ่เกินไป เราชอบใช้ GIF ในหน้าแรก หน้าผลิตภัณฑ์ และโพสต์บล็อก อย่างไรก็ตาม อย่าใช้ GIF มากเกินไป เนื่องจาก GIF ขาดคุณภาพสีที่เข้มข้นซึ่งพบได้ในรูปแบบอื่นๆ เช่น JPEG, TIFF และ PNG
4. WebP: WebP อาจเป็นรูปแบบภาพที่มีความอเนกประสงค์มากที่สุด และกำลังเป็นที่นิยมมากขึ้นเรื่อยๆ เนื่องจากมีการบีบอัดและคุณภาพที่เหนือกว่าทั้ง JPEG และ PNG รวมถึงข้อดีของ PNG ในเรื่องความโปร่งใส นอกจากนี้ คุณยังสามารถสร้างแอนิเมชั่นด้วย WebP ได้อีกด้วย พิจารณาใช้ WebP สำหรับภาพทุกประเภท Shopify. เราคาดว่าจะเห็น WebP ใช้บ่อยขึ้นผ่านอินเทอร์เน็ตในอนาคต

นอกเหนือจากที่, Shopify supports formats like HEIC, progressive JPEG, and AVIF. HEIC is the image format standard used across Apple devices. It’s extremely compact, can contain multiple pictures in one image, and provides excellent quality. However, they’re incompatible with most non-Apple devices, making it a tough one to recommend. The AVIF image format has rather strong advantages due to its high quality and dramatic compression rates. In short, your performance with an AVIF should actually be stronger than with JPEG and WebP images. However, it’s taking a while for desktop and mobile browsers to adopt it as a file format standard. So, we can’t recommend it right now. Not until just about everyone with an internet connection can actually view the images online.

เลือกรูปแบบที่เหมาะสมจากด้านบนโดยพิจารณาจากสิ่งที่คุณวางแผนจะใช้รูปภาพนั้น จากนั้นดำเนินการตามขั้นตอนถัดไปเพื่อให้รูปแบบรูปภาพของคุณยังคงเหมือนเดิมทั่วทั้งเว็บไซต์ของคุณ

ขั้นตอนที่ 2: ถ่ายภาพด้วยสไตล์เดียวกันในทุกภาพ

ความต่อเนื่องเป็นกุญแจสำคัญสำหรับภาพถ่ายในอีคอมเมิร์ซ สร้างรูปลักษณ์โดยรวมของแบรนด์ของคุณ และสร้างความรู้สึกที่เป็นมาตรฐานทั่วทั้งเว็บไซต์ของคุณ

ตัวอย่างเช่น เป็นเรื่องปกติที่แบรนด์ต่างๆ จะใช้สีพื้นหลังเดียวสำหรับรูปภาพผลิตภัณฑ์ทั้งหมด

ซึ่งรวมถึงมิติและสไตล์ของภาพด้วย หากรูปภาพสินค้าส่วนใหญ่ของคุณอยู่ในแนวนอน อย่าผสมรูปภาพสองสามรูปที่มีแนวนอน คุณยินดีเป็นอย่างยิ่งที่จะผสมผสานทั้งภาพถ่ายไลฟ์สไตล์และผลิตภัณฑ์เข้าด้วยกัน แต่ทางที่ดีควรใช้สไตล์เดียวในการถ่ายภาพส่วนใหญ่ของคุณ

ขั้นตอนที่ 3: สร้างการผสมผสานระหว่างการถ่ายภาพสินค้าและไลฟ์สไตล์

ดังที่ได้กล่าวไปแล้ว คุณมักจะต้องการใช้รูปแบบการถ่ายภาพประเภทเดียวสำหรับภาพถ่ายสินค้าส่วนใหญ่ของคุณ อย่างไรก็ตาม สิ่งสำคัญคือต้องรวมภาพถ่ายไลฟ์สไตล์บางส่วนเพื่อเติมเต็มภาพถ่ายสินค้ามาตรฐานที่มีพื้นหลังสีเดียวและมุมมองที่แตกต่างกันของผลิตภัณฑ์

ธุรกิจอีคอมเมิร์ซมีข้อเสียตรงที่ลูกค้าไม่สามารถลองหรือสัมผัสสินค้าได้โดยตรง นั่นคือที่มาของภาพถ่ายไลฟ์สไตล์ ผู้ใช้สามารถดูว่าผลิตภัณฑ์มีลักษณะอย่างไรในการใช้งานจริง เสื้อเชิ้ตที่คลุมร่างกาย หรือขนาดเท่าสเก็ตบอร์ดโดยมีคนยืนอยู่บนนั้น

ขั้นตอนที่ 4: เลือกชื่อไฟล์และชื่อเรื่องที่เหมาะสม

ทุกไฟล์ภาพมีชื่อและ Shopify ใช้ชื่อไฟล์นั้นและเผยแพร่ในข้อมูลเมตาของเว็บไซต์ของคุณ (ทุกแพลตฟอร์มอีคอมเมิร์ซทำเช่นนี้)

ดังนั้น หากคุณบันทึกภาพเป็น ภาพใหม่(1).jpg บนคอมพิวเตอร์ของคุณ และอัปโหลดไปยังร้านค้าของคุณ เครื่องมือค้นหาจะไม่มีข้อมูลเกี่ยวกับเนื้อหาของรูปภาพ ซึ่งอาจส่งผลเสียต่อ SEO ของคุณได้

เมื่อเพิ่มประสิทธิภาพรูปภาพ ให้ดำเนินการตามขั้นตอนเหล่านี้เพื่อให้แน่ใจว่าเครื่องมือค้นหา (และผู้ที่มีความบกพร่องทางการมองเห็น) สามารถเข้าใจสิ่งที่เกิดขึ้นในรูปภาพได้:

1. เพิ่มชื่อไฟล์ที่ชวนให้นึกถึงสิ่งที่อยู่ภายในภาพ
2. หากคุณบังเอิญอัปโหลดชื่อไฟล์ทั่วไป ให้เปลี่ยนรูปภาพ ชื่อหนังสือ in Shopify. สิ่งนี้จะแทนที่ค่าเริ่มต้น
3. ใช้แท็ก alt เพื่อแสดงสิ่งที่แสดงในรูปภาพได้ชัดเจนยิ่งขึ้น สิ่งเหล่านี้เป็นองค์ประกอบหลักที่เครื่องมือค้นหาพิจารณา เนื่องจากมันแสดงให้เห็นว่าผู้ใช้ของคุณได้รับการปรับปรุงให้ดีขึ้นสำหรับผู้พิการทางสายตา

ขั้นตอนที่ 5: บีบอัดรูปภาพก่อนหรือระหว่างการอัปโหลด

Shopify ให้การบีบอัดอัตโนมัติสำหรับรูปภาพทั้งหมดที่อัปโหลดไปยังเซิร์ฟเวอร์ แต่คุณไม่ควรพึ่งพาสิ่งนั้นทั้งหมด

ทางออกที่ดีที่สุดของคุณคือใช้เครื่องมือของบุคคลที่สามเพื่อบีบอัดรูปภาพก่อนที่จะอัปโหลด Shopifyหรือติดตั้งก Shopify plugin ที่บีบอัดรูปภาพโดยอัตโนมัติเมื่ออัปโหลด

ง่ายกว่ามากในการไปที่เส้นทางแอป แต่ส่วนใหญ่ต้องมีการสมัครรับข้อมูล ดังนั้นเราจึงเข้าใจดีว่าคุณต้องการคงงบประมาณไว้หรือไม่

แอพบางตัวที่ทำงานได้ดีสำหรับการบีบอัดภาพ ได้แก่ :

• บด
• เครื่องมือเพิ่มประสิทธิภาพรูปภาพ SEO และความเร็ว
• เอวาด้า SEO
• Booster SEO และเครื่องมือเพิ่มประสิทธิภาพรูปภาพ

ทดสอบแอปเหล่านี้ด้วยการทดลองใช้ฟรีเพื่อทำความเข้าใจว่าแอปบีบอัดรูปภาพได้ดีเพียงใด และกระบวนการทำงานอัตโนมัติสำหรับคุณเป็นอย่างไร หลังจากนั้นคุณสามารถสมัครรับข้อมูลได้ สำหรับเครื่องมือของบุคคลที่สาม เราขอแนะนำ TinyPNG และ Resizer ภาพ.

ขั้นตอนที่ 6: พิจารณาแอปค้นหารูปภาพฟรี

แม้ว่าจะแนะนำอย่างยิ่งให้แบรนด์อีคอมเมิร์ซถ่ายภาพของตนเอง (แทนที่จะหาทางเลือกอื่นฟรีหรือถ่ายจากเว็บไซต์ของผู้ผลิต) แต่ก็มีบางพื้นที่ของร้านค้าออนไลน์ที่เหมาะสำหรับใช้กับภาพฟรี

ตัวอย่างเช่น คุณอาจต้องการภาพที่สวยงามของใครบางคนที่มองเห็นหุบเขาเพื่อเสริมบล็อกโพสต์ ในทางกลับกัน คุณอาจต้องการใช้รูปภาพเป็นพื้นหลังให้กับรูปภาพฮีโร่ โดยให้คุณวางรูปภาพและคำอธิบายผลิตภัณฑ์จริงไว้บนพื้นหลัง

สำหรับสถานการณ์ดังกล่าว เราขอแนะนำให้ใช้ไซต์ภาพที่ได้รับอนุญาตของครีเอทีฟคอมมอนส์เหล่านี้:

• Unsplash
• ถ่ายภาพต่อเนื่อง (จาก Shopify)
• Pexels
• โอเพ่นเวิร์ส

สิ่งสำคัญคือต้องชี้ให้เห็นว่าสัญญาอนุญาตครีเอทีฟคอมมอนส์ไม่ได้หมายความว่าคุณเพียงแค่นำภาพนั้นไปวางบนเว็บไซต์ของคุณได้ฟรี บางครั้งก็เป็นเช่นนั้น แต่คุณต้องตรวจสอบแต่ละภาพเพื่อให้แน่ใจว่าคุณมีสิทธิ์ใดในการใช้งาน

ตัวอย่างเช่น การอนุญาตให้ใช้สิทธิ์ Creative Commons บอกคุณ:

• หากคุณสามารถใช้ภาพเพื่อวัตถุประสงค์ทางการค้าหรือไม่ใช่เชิงพาณิชย์
• เมื่อใดที่คุณต้องให้เครดิตผู้สร้าง หรือหากมีการแนะนำให้คุณทำเช่นนั้น
• หากคุณได้รับอนุญาตให้แก้ไขรูปภาพไม่ว่าด้วยวิธีใดก็ตาม

นอกจากนี้ ยังมีแอปแก้ไขภาพฟรีมากมายที่จะควบคุมการปรับขนาด ฟิลเตอร์ และการครอบตัดโดยไม่ต้องเสียเงิน:

พวกเราแนะนำ:

• Canva
• Shopify เครื่องมือปรับขนาดรูปภาพ
• BeFunky

ขั้นตอนที่ 7: เรียกใช้การทดสอบ A/B เพื่อหาภาพที่ดีที่สุดและ Formats

หลังจากตั้งชื่อไฟล์ที่เกี่ยวข้องกับรูปภาพของคุณ ปรับขนาด ครอบตัด และตัดสินใจเลือกรูปแบบและขนาดที่เหมาะสมแล้ว ก็ถึงเวลาที่จะดูว่ารูปภาพของคุณจะดูเป็นอย่างไรในร้านค้าของคุณ

โชคดีที่คุณต้องไม่พลาดและหวังว่ารูปภาพจะดีที่สุดสำหรับการแปลง คุณมีความสามารถในการอัปโหลดรูปแบบต่างๆ ของรูปภาพเดียวกันในหน้าผลิตภัณฑ์ หน้า Landing Page และหน้าแรก จากนั้นดูว่ารูปแบบใดทำงานได้ดีที่สุดในแง่ของการแปลง

ทั้งสอง นักวิทยาศาสตร์ธีม และ โชกุน เสนอคุณสมบัติการทดสอบ A/B สำหรับหลายส่วนของคุณ Shopify ออกแบบ

สิ่งที่ยอดเยี่ยมเกี่ยวกับการทดสอบ A/B คือการทดสอบไม่มีวันสิ้นสุด ช่วยให้คุณติดตามทุกแง่มุมของเว็บไซต์ของคุณ คุณสามารถสลับรูปภาพที่สูญเสียโมเมนตัมเมื่อเวลาผ่านไป และเรียกใช้การทดสอบหลายครั้งในช่วงเวลาเดียว

Shopify คู่มือขนาดภาพ: ข้อสรุปของเรา

การใช้รูปภาพสี่เหลี่ยมจัตุรัสเป็นวิธีหนึ่งที่จะช่วยให้มั่นใจได้ว่าภาพถ่ายอีคอมเมิร์ซของคุณจะไม่ถูกครอบตัด อย่างไรก็ตาม คุณอาจพบว่ากฎนี้ไม่ได้เป็นจริงเสมอไปเมื่อเป็นเรื่องของ Shopify ชุดรูปแบบ.

ดังนั้น เราขอแนะนำให้คุณอัปโหลดรูปภาพหลายขนาดสำหรับผลิตภัณฑ์ คอลเลกชั่น และแบนเนอร์ เพื่อให้เข้าใจว่าธีมของคุณรองรับรูปแบบใดได้ดีที่สุด มิฉะนั้น เราชอบขนาดมาตรฐาน 2046 × 2046 พิกเซล แต่สำหรับแบนเนอร์ โลโก้ และสไลด์โชว์ คุณจะต้องใช้ขนาดที่เฉพาะเจาะจงกว่าที่กล่าวไว้ข้างต้นในบทความนี้

โปรดแจ้งให้เราทราบในความคิดเห็นด้านล่างหากคุณต้องการคำชี้แจงเกี่ยวกับ Shopify ขนาดภาพ!