คู่มือขั้นสูงสุดในการเพิ่มประสิทธิภาพขนาดภาพ Shopify สำหรับร้านค้าของคุณ
เผยแพร่แล้ว: 2022-06-24เมื่อร้านค้าของคุณออนไลน์ มีหลายปัจจัยที่คุณต้องพิจารณาเพื่อให้มั่นใจว่าร้านค้าของคุณทำงานได้อย่างราบรื่นและมีประสิทธิภาพ โดยเฉพาะอย่างยิ่งหากลูกค้าไปช้อปปิ้งออนไลน์ พวกเขาจะไม่เห็นสินค้าที่คุณขายโดยตรงและไม่สามารถควบคุมคุณภาพของสินค้าได้ ดังนั้นพวกเขาจึงรู้สึกลังเลเมื่อตัดสินใจซื้อผลิตภัณฑ์ของคุณ กล่าวอีกนัยหนึ่ง คุณต้องแน่ใจว่ารูปภาพของคุณในร้านค้าออนไลน์มีคุณภาพดี และแสดงสินค้าในแง่มุมต่างๆ มากมาย ซึ่งทำให้ผู้ซื้อของคุณต้องการซื้อ หากคุณเป็นเจ้าของร้าน Shopify บทความนี้เหมาะสำหรับคุณอย่างแน่นอน เราจะให้คำแนะนำขั้นสูงสุดแก่คุณในการปรับขนาดรูปภาพสินค้าให้เหมาะสมสำหรับร้านค้า Shopify ของคุณ
ในการเริ่มต้น คุณอาจสงสัยว่าเหตุใดขนาดรูปภาพจึงมีความสำคัญต่อร้านค้า Shopify ของคุณ
ปรับปรุงประสบการณ์ผู้ใช้: เมื่อภาพถ่ายของคุณถูกสร้างขึ้นเพื่อให้รับชมได้ในทุกอุปกรณ์ในลักษณะที่ไม่พร่ามัวและไม่ยืดออก ผู้ซื้อออนไลน์สามารถถ่ายภาพสิ่งต่างๆ ได้ดีขึ้น เข้าใจข้อกำหนด และรับรูปลักษณ์เสมือนจริง สิ่งนี้ช่วยปรับปรุงประสบการณ์การช็อปปิ้งโดยรวมของพวกเขา
เพิ่มความเร็วในการโหลดหน้า: การปรับขนาดภาพให้เหมาะสมจะไม่มีหน้าเว็บใดของคุณมีขนาดใหญ่เกินความจำเป็น ไม่สำคัญว่าจะมีภาพกี่ภาพในหนึ่งหน้า ด้วยเหตุนี้ เว็บไซต์ของคุณจะโหลดได้ภายในเวลาไม่ถึงสามวินาที ซึ่งเป็นระยะเวลาที่สั้นที่สุดที่ผู้บริโภคจะยอมให้ หากคุณต้องการปรับปรุงเว็บไซต์ของคุณให้เร็วขึ้น คุณอาจต้องการค้นคว้าและใช้คำแนะนำในการเพิ่มประสิทธิภาพร้านค้า Shopify อื่นๆ
ปรับปรุงความพยายามในการทำ SEO อื่นๆ: การเพิ่มประสิทธิภาพรูปภาพของคุณจะทำให้หน้าเว็บของคุณโหลดได้เร็วเป็นเลิศ และช่วยเหลือกิจกรรม SEO ทั้งหมดของคุณ มันแจ้งเครื่องมือค้นหาว่าเว็บไซต์ของคุณมีข้อมูลที่พวกเขากำลังมองหา ซึ่งเพิ่มอันดับของคุณ
ต่อไป เราจะแนะนำให้คุณรู้จักขนาดรูปภาพของ Shopify ทั่วไป
ขนาดรูปภาพสินค้าของ Shopify: 2048 x 2048 px หรือ 800 x 800px
โปรดทราบว่าคุณสามารถอัปโหลดได้เฉพาะรูปภาพสินค้าของ Shopify ที่มีขนาดสูงสุด 4472 x 4472 พิกเซลและขนาด 20 MB นี่เป็นเรื่องมากเกินไปแม้ว่าส่วนใหญ่ กราฟิกขนาดใหญ่ดังกล่าวไม่จำเป็นสำหรับร้านค้าของคุณและจะทำให้เวลาในการโหลดหน้าเว็บช้าลง ในทางกลับกัน 2048 x 2048 พิกเซลเป็นสิ่งที่ Shopify แนะนำสำหรับรูปภาพสินค้าสี่เหลี่ยมจัตุรัส เพื่อให้ได้ความสมดุลที่ยอดเยี่ยมระหว่างคุณภาพที่ยอดเยี่ยมและการโหลดไซต์ที่รวดเร็ว ให้ใช้รูปแบบ JPG หรือ PNG รูปภาพสินค้าโดยทั่วไปไม่ควรเล็กกว่า 800 x 800 พิกเซล มิฉะนั้น คุณลักษณะเช่นการซูมเข้าอาจทำงานได้ไม่ดีนัก
ขนาดรูปภาพของคอลเลกชัน Shopify: 2048 x 2048 px
ไม่มีขนาดที่กำหนดเมื่อเกี่ยวข้องกับภาพถ่ายคอลเลกชันของ Shopify อย่างไรก็ตาม อาจมีขนาดใดก็ได้สูงสุด 4472 x 4472 พิกเซล หรือ 20 เมกะพิกเซล ด้วยจุดมุ่งหมายของภาพถ่ายสี่เหลี่ยมจัตุรัสที่มีความละเอียดสูง โดยปกติ Shopify จะแนะนำให้จำกัดภาพของคุณที่ 2048 × 2048 พิกเซล
นอกเหนือจากขนาด ขนาดของคอลเลกชันภาพถ่ายทั้งหมดควรมีความสอดคล้องกัน ในทางกลับกัน อัตราส่วนของความสูงต่อความกว้างจะต้องคงที่ มิฉะนั้น พวกเขาจะทำลายอินเทอร์เฟซของหน้าคอลเลกชันของคุณ
ขนาดภาพสไลด์โชว์ Shopify: ความกว้าง 1200 ถึง 2000px, ความสูง 400 ถึง 600px
สัดส่วนภาพสไลด์โชว์ของ Shopify ที่แนะนำคือความสูง 400 ถึง 600 พิกเซล และความกว้าง 1200 ถึง 2000 พิกเซล
มีการย่อและครอบตัดบางส่วนเมื่อย้ายไปยังมุมมองหน้าจอมือถือ/ขนาดเล็ก ด้วยเหตุนี้ การจัดกึ่งกลางรูปภาพในการตั้งค่าสไลด์โชว์ Shopify ของคุณ ด้วยเหตุนี้ ส่วนด้านบน ด้านล่าง และด้านซ้ายและด้านขวาของรูปภาพจะถูกครอบตัดออก ปรับปรุงลักษณะโดยรวม
ขนาดรูปภาพส่วนหัวของ Shopify: ความสูงไม่เกิน 120 px
คุณอาจต้องการรวมรูปภาพในบล็อกส่วนหัวในบางกรณี มันอาจจะใช้เป็นโลโก้เสริมหรือโฆษณาสำหรับโอกาสที่จะมาถึง ในธีมของ Shopify บล็อกส่วนหัวสามารถมีความสูงได้สูงสุด 250 พิกเซล อย่างไรก็ตาม เราแนะนำให้ใช้ภาพถ่ายที่มีความสูงไม่เกิน 120 พิกเซล
ขนาดแบนเนอร์ Shopify: 1200 x 400 ถึง 600 พิกเซล
คุณต้องพิจารณาข้อกำหนดของธีมเฉพาะของคุณในขณะที่ตัดสินใจเลือกขนาดแบนเนอร์ของ Shopify คุณสามารถใช้ภาพถ่ายขนาด 1200×800 พิกเซล เช่น ในกรณีของธีมบรูคลิน
ขนาดโลโก้ Shopify: 450 x 250px
โลโก้ Shopify ที่ใหญ่ที่สุดคือ 450 x 250 พิกเซล ความกว้างของแถบด้านข้าง 250px เป็นที่มาของสิ่งนี้ แม้ว่าการอยู่ภายในขีดจำกัดนั้นเป็นสิ่งสำคัญ แต่โลโก้ของคุณไม่จำเป็นต้องกว้าง 450 พิกเซล สูง 205 พิกเซลอย่างแน่นอน
จากนั้น เราขอแนะนำให้คุณจัดรูปแบบภาพ Shopify ยอดนิยม
ดูรูปแบบรูปภาพยอดนิยมบางส่วนซึ่งเป็นที่นิยมในการถ่ายภาพอีคอมเมิร์ซ คุณต้องได้รับแจ้งข้อดีและข้อเสียของแต่ละคน
JPG/Jpeg
รูปแบบไฟล์รูปภาพที่ใช้มากที่สุดสำหรับร้านค้า Shopify คือ JPG แน่นอน มีสเปกตรัมสีที่ดีและขนาดไฟล์เล็ก ซึ่งทำให้โหลดได้รวดเร็ว ความสามารถในการบีบอัดของ JPG ทำให้เกิดการประนีประนอมระหว่างคุณภาพและขนาด ในกรณีนี้ Shopify แนะนำอย่างชัดเจนว่าผู้ค้าปลีกใช้ JPG สำหรับรูปภาพหน้าผลิตภัณฑ์
PNG
PNG เป็นอีกรูปแบบหนึ่งที่ได้รับความนิยมอย่างมากในร้านค้า Shopify เนื่องจากความสามารถในการลดขนาดไฟล์รูปภาพโดยไม่กระทบต่อคุณภาพของภาพโดยรวม PNG จึงยอดเยี่ยมสำหรับเว็บไซต์อีคอมเมิร์ซ นอกจากนี้ PNG ยังสนับสนุนความโปร่งใส ช่วยให้คุณควบคุมรูปลักษณ์ของร้านค้าได้มากขึ้น การบีบอัดไฟล์ PNG แบบไม่สูญเสียข้อมูลเป็นสิ่งที่ท้าทายเพราะบ่อยครั้งส่งผลให้ไฟล์ภาพมีขนาดใหญ่มาก
GIF
สามารถสร้างแอนิเมชั่นสั้นๆ หรือตัวอธิบายผลิตภัณฑ์ได้โดยใช้รูปแบบรูปภาพ GIF ที่ใช้กันอย่างแพร่หลาย (ซึ่งเป็นที่นิยมอย่างมากใน Shopify Dropshipping Stores) รูปถ่ายของคุณจะไม่สดใสที่สุดเพราะรูปแบบภาพ GIF อนุญาตให้มีสีได้ประมาณ 250 สีเท่านั้น แต่เมื่อรวมกับรูปแบบภาพอื่นๆ แล้ว ภาพเหล่านั้นอาจเปล่งประกายได้จริงๆ
TIFF
เครื่องมือแก้ไขเว็บหลายตัวรองรับรูปแบบรูปภาพ TIFF ที่มีประโยชน์ ซึ่งหมายความว่าการแก้ไขภาพและการปรับแต่งสำหรับแคมเปญการตลาดเป็นเรื่องง่ายสำหรับนักออกแบบและผู้ค้าปลีก มีคุณภาพสูงใน TIFF และคุณสามารถบันทึกภาพถ่ายจำนวนมากในไฟล์เดียว อย่างไรก็ตาม เช่นเดียวกับ PNG ขนาดไฟล์จะทำให้มีขนาดใหญ่กว่าเนื่องจากการบีบอัดแบบไม่สูญเสียข้อมูล
โดยทั่วไปจะแนะนำให้เลือก JPG/Jpeg หากคุณไม่แน่ใจว่าจะใช้ขนาดภาพใด ตามที่เราได้กำหนดไว้แล้ว JPG เป็นรูปแบบภาพเดียวที่สร้างสมดุลระหว่างขนาดไฟล์และคุณภาพของภาพ
ตอนนี้ เราย้ายไปยังประเภทของรูปภาพที่จะรวมไว้ในร้านค้า Shopify ของคุณ
รูปภาพเฉพาะผลิตภัณฑ์
ภาพเหล่านี้เป็นภาพถ่ายเดียวของสินค้าของคุณ ตามชื่อที่แนะนำ ภาพถ่ายเฉพาะผลิตภัณฑ์มีรายการ "หลัก" จากมุมต่างๆ เพื่อช่วยลูกค้าในการตัดสินใจซื้อ มักใช้กับพื้นหลังสีขาวหรือสีกลาง
เมื่อถ่ายภาพผลิตภัณฑ์ การรักษาความสอดคล้องระหว่างการจัดเรียงภาพแต่ละภาพเป็นสิ่งสำคัญ สิ่งสำคัญที่ควรทราบคือเกณฑ์ขนาดรูปภาพในอุดมคติของ Shopify เพื่อประสบการณ์การใช้งานที่ราบรื่นของผู้ใช้
สินค้าที่ใช้อยู่
ประเภทที่สองของการถ่ายภาพที่จะใช้ในร้านค้า Shopify ของคุณเป็นสินค้าที่ใช้งาน ไม่ว่าจะคนเดียวหรือร่วมกับสินค้าอื่นๆ ที่ปรับปรุงรายการหลัก
รูปภาพประเภทนี้จะปรับปรุงความเข้าใจในผลิตภัณฑ์สำหรับผู้มีโอกาสเป็นผู้ซื้อ และเพิ่มการมีส่วนร่วมและการแปลง
ภาพถ่ายที่มีภาพซ้อนทับ
สำหรับรูปลักษณ์ที่โดดเด่นยิ่งขึ้น คุณสามารถสร้างสรรค์เล็กน้อยและใช้ภาพซ้อนทับกับรูปภาพของคุณ เช่น ข้อความและรูปภาพอื่นๆ ด้วยความช่วยเหลือของโปรแกรมอย่าง Canva หรือทางเลือกอื่นที่คล้ายคลึงกัน คุณสามารถทำสิ่งนี้ให้สำเร็จได้อย่างง่ายดาย
กราฟิก
คุณสามารถใช้กราฟิกในร้านค้า Shopify ของคุณเพื่อแสดงข้อมูล นี่อาจเป็นการแสดงภาพของตัวเลือกต่างๆ แผนภูมิขนาด หรือแม้แต่ตัวเลือกสี
สุดท้ายแต่ไม่ท้ายสุด วิธีเพิ่มประสิทธิภาพขนาดภาพสินค้า Shopify ของคุณ
ตั้งชื่อภาพของคุณ
ผู้ค้าปลีกส่วนใหญ่รีบเร่งดูภาพผลิตภัณฑ์จำนวนมากโดยไม่ต้องวุ่นวายกับการเปลี่ยนชื่อกล้องเริ่มต้น นอกจากการรวบรวมข้อมูลข้อความบนหน้าเว็บของคุณแล้ว เครื่องมือค้นหายังวิเคราะห์ชื่อไฟล์ของรูปภาพเพื่อกำหนดเนื้อหาของหน้าอีกด้วย
บีบอัดภาพของคุณ
ลูกค้าโดยเฉลี่ยจะไม่รอนานกว่าสามวินาทีเพื่อให้ไซต์อีคอมเมิร์ซเปิดตัว ดังนั้น คุณต้องทำตามขั้นตอนที่จำเป็นทั้งหมดเพื่อให้หน้าเว็บของคุณโหลดเร็วขึ้น
หนึ่งในกลยุทธ์ที่ดีที่สุดในการจัดการกับความเร็วของเพจที่ช้าคือการลดขนาดไฟล์ของภาพถ่ายของคุณ เพื่อประสิทธิภาพสูงสุด ควรรักษาขนาดรูปภาพไว้ที่ 70kb
โชคดีที่ Shopify ลดขนาดรูปภาพของคุณลงเล็กน้อย เพื่อลดขนาดภาพถ่ายของคุณเพิ่มเติม คุณสามารถใช้โปรแกรม TinyIMG และ CrushPics ฟรี ด้วยเครื่องมือเหล่านี้ คุณสามารถประมวลผลหลายไฟล์พร้อมกันและจัดการปริมาณการบีบอัดได้
ใช้รูปแบบที่สอดคล้องกันในร้านค้าออนไลน์ของคุณ
อย่าลืมแก้ไขรูปภาพของคุณอย่างสม่ำเสมอเพื่อให้ผู้เข้าชมไซต์ของคุณได้รับประสบการณ์การช็อปปิ้งที่เหมือนกันในร้านค้าออนไลน์ของคุณ ซึ่งหมายความว่าสำหรับรูปลักษณ์ที่เป็นหนึ่งเดียวและสวยงาม ขนาด สไตล์ ฉากหลัง และบางครั้ง แม้แต่การจัดเรียงสีก็ควรเหมือนกันหมด
รวมไลฟ์สไตล์และการถ่ายภาพสินค้า
โดยส่วนใหญ่ การถ่ายภาพผลิตภัณฑ์มาตรฐานและภาพถ่ายไลฟ์สไตล์ผสมกันจะเพิ่มอัตราการแปลง การถ่ายภาพผลิตภัณฑ์ล้วนมีความสำคัญอย่างยิ่งในการให้ลูกค้าตรวจสอบคุณลักษณะของผลิตภัณฑ์ ในขณะที่ภาพถ่ายไลฟ์สไตล์ช่วยให้ผู้ใช้สามารถถ่ายภาพวัตถุในชีวิตประจำวันได้
ใช้การทดสอบ A/B เพื่อค้นหาภาพที่ดีที่สุด
สุดท้ายแต่ไม่ท้ายสุด คุณควรลองใช้รูปถ่ายของคุณในรูปแบบต่างๆ เพื่อค้นหาว่ารูปแบบใดทำงานได้ดีที่สุด คุณสามารถทดสอบสิ่งต่อไปนี้:
- มีรูปภาพสินค้ากี่รูปในแต่ละหน้า
- ประเภทของภาพที่มีประสิทธิภาพสูงสุด
- จำนวนหน้าคอลเลกชันสินค้าแต่ละหน้ามี (10, 20, 100)
หากต้องการดูว่าผู้ใช้โต้ตอบกับรูปภาพของคุณอย่างไร ให้ใช้แอปพลิเคชันแผนที่ความร้อน เช่น hotjar หรือคุณสามารถใช้โพลหลังการซื้อที่ตรงไปตรงมาในหน้าขอบคุณเพื่อถามลูกค้าเกี่ยวกับประเภทรูปภาพที่ต้องการ
ตรวจสอบแนวทางปฏิบัติและจดจำขนาดรูปภาพ Shopify ในอุดมคติ
เพื่อให้แน่ใจว่าคุณมาถูกทาง ให้ตรวจสอบคำแนะนำว่าขนาดและรูปแบบรูปภาพของ Shopify ใดทำงานได้ดีที่สุดสำหรับธีมของคุณ คำนึงถึงขนาดรูปภาพ Shopify ที่ดีที่สุด หากคุณจ้างช่างภาพที่มีประสบการณ์เพื่อถ่ายภาพสินค้าของคุณ คุณสามารถแจ้งให้พวกเขาทราบล่วงหน้าถึงสิ่งที่คุณต้องการ คุณจะประหยัดเวลาได้มากด้วยวิธีนี้!
การเพิ่มประสิทธิภาพรูปภาพสำหรับมือถือ
คุณรู้หรือไม่ว่า 79% ของผู้ใช้มือถือซื้ออะไรซักอย่างในช่วงหกเดือนที่ผ่านมาโดยใช้สมาร์ทโฟนของพวกเขา ดังนั้นในปี 2022 และปีต่อๆ ไป การปรับรูปภาพให้เหมาะสมสำหรับอุปกรณ์มือถือจึงเป็นสิ่งสำคัญ
Shopify มักจะปรับขนาดภาพโดยอัตโนมัติเพื่อให้พอดีกับอุปกรณ์พกพาและอุปกรณ์ที่มีหน้าจอขนาดเล็ก ในการแก้ไขรูปภาพสำหรับอุปกรณ์มือถือ คุณอาจต้องเปลี่ยนรูปถ่ายด้วยตนเองในบางครั้ง
ในการสร้างภาพที่เหมาะกับมือถือของคุณ ใช้เคล็ดลับเหล่านี้:
- อย่าใช้รูปภาพขนาดใหญ่เกินไปเพราะอาจบิดเบือนได้บนอุปกรณ์มือถือ
- จัดสินค้าของคุณให้อยู่ตรงกลางทั้งในแนวตั้งและแนวนอน และใช้รูปภาพสี่เหลี่ยมจัตุรัส
- ใช้การโหลดแบบ Lazy Loading เพื่อรับประกันว่ารูปภาพของคุณจะโหลดเร็วขึ้นบนอุปกรณ์มือถือ
- ทุกครั้งที่คุณเพิ่มรูปภาพ ให้ตรวจสอบว่ารูปภาพนั้นปรากฏบนอุปกรณ์เคลื่อนที่อย่างไร
ใช้ภาพสต็อก
ในบล็อกและแบนเนอร์ คุณยังสามารถใช้ภาพถ่ายสต็อกที่มีราคาสมเหตุสมผลเพื่อแสดงงานเขียนของคุณได้ อย่างไรก็ตาม เนื่องจากรูปถ่ายสต็อกอาจเป็นภาพทั่วไปในบางครั้ง อย่าลืมใส่ตราประทับของคุณเองด้วยการแก้ไขและใช้ภาพซ้อนทับเพื่อให้เกี่ยวข้องกับธุรกิจของคุณ
บทสรุป
ในหัวข้อนี้ เราจะแสดงคำแนะนำอย่างละเอียดเกี่ยวกับวิธีการปรับแต่งภาพของคุณบนร้านค้า Shopify ด้วยคำแนะนำที่เป็นประโยชน์ เราหวังว่าคุณจะสามารถปรับปรุงคุณภาพของผลิตภัณฑ์รูปภาพได้ หากผู้บริโภคของคุณไม่มีภาพรวมเกี่ยวกับผลิตภัณฑ์ ก็อาจเป็นเรื่องยากที่จะซื้อสินค้าของคุณ ดังนั้น ภาพลักษณ์ของคุณในร้านค้าจึงมีบทบาทสำคัญในการดึงดูดลูกค้าและเพิ่มยอดขาย หากคุณต้องการให้ร้านค้าของคุณดูน่าสนใจและเป็นมืออาชีพมากขึ้น คุณสามารถติดต่อเราเพื่อให้มีผู้เชี่ยวชาญที่สามารถยกระดับร้านค้าของคุณไปอีกระดับ