วิธีปรับแต่งภาพสำหรับหน้าสินค้าอีคอมเมิร์ซ | Bulk Image Compressor
ภาพสินค้าขายของ หากผู้ซื้อมองเห็นรายละเอียดไม่ชัดเจน พวกเขาจะไม่ซื้อ แต่หากภาพของคุณใหญ่เกินไปและหน้าเว็บของคุณโหลดช้า พวกเขาจะออกไปก่อนที่ภาพจะโหลดเสร็จด้วยซ้ำ การหาสมดุลนี้เป็นหนึ่งในสิ่งที่เป็นประโยชน์มากที่สุดที่คุณสามารถทำได้สำหรับร้านค้าออนไลน์
ข่าวดีคือคุณไม่ต้องเลือกระหว่างคุณภาพและความเร็ว ด้วยการตั้งค่าการบีบอัดและรูปแบบที่เหมาะสม รูปภาพสินค้าของคุณสามารถดูคมชัดบนหน้าจอในขณะที่โหลดเร็วบนอุปกรณ์ใดก็ได้
ทำไมขนาดภาพสินค้าถึงสำคัญ
หน้าสินค้าทั่วไปมีระหว่าง 4 ถึง 8 ภาพ: รูปหลัก สองสามมุม บางทีภาพรายละเอียด และภาพไลฟ์สไตล์ที่แสดงสินค้าในการใช้งาน หากแต่ละภาพเป็นไฟล์ 4MB ที่ไม่ได้บีบอัดจากช่างภาพของคุณ นั่นคือภาพ 16 ถึง 32MB ต่อหน้า
หน้าที่สินค้าช้าส่งผลเสียต่อยอดขายโดยตรง งานวิจัยจาก Deloitte พบว่าการปรับปรุงความเร็วเว็บไซต์บนมือถือ 0.1 วินาทีนำไปสู่การเพิ่ม Conversion 8.4% สำหรับเว็บไซต์ค้าปลีก ปัจจัยที่ใหญ่ที่สุดในความเร็วหน้าสำหรับอีคอมเมิร์ซมักจะเป็นภาพเสมอ
นอกจากนี้ยังมีปัจจัยด้านมือถือ การช้อปปิ้งออนไลน์ส่วนใหญ่เกิดขึ้นบนโทรศัพท์ ภาพสินค้าของคุณต้องโหลดเร็วบนการเชื่อมต่อเซลลูลาร์ ไม่ใช่แค่ Wi-Fi ที่เร็ว
ภาพพื้นหลังขาว vs ภาพไลฟ์สไตล์
ภาพสินค้าสองประเภทนี้มีลักษณะการบีบอัดที่แตกต่างกัน
ภาพสินค้าพื้นหลังขาว คือสิ่งที่คุณเห็นบน Amazon, eBay, และหน้าสินค้าส่วนใหญ่ โดยทั่วไปมีพื้นหลังสีขาวสะอาดกับสินค้าตรงกลาง ภาพเหล่านี้บีบอัดได้ดีมากเพราะพื้นที่ขนาดใหญ่ของสีขาวทึบต้องการข้อมูลน้อยมาก คุณมักจะบีบอัดเหล่านี้ที่คุณภาพ JPEG 75 ถึง 80% และแทบไม่เห็นความแตกต่าง
ภาพไลฟ์สไตล์ แสดงสินค้าในสภาพแวดล้อมจริง แก้วกาแฟบนเคาน์เตอร์ครัว เสื้อแจ็คเก็ตบนนางแบบกลางแจ้ง รองเท้าบนทางเท้าในเมือง ภาพเหล่านี้มีความซับซ้อนทางภาพมากกว่าด้วยพื้นหลัง พื้นผิว และแสงที่หลากหลาย ต้องการการตั้งค่าคุณภาพที่สูงกว่าเล็กน้อย ประมาณ 80 ถึง 85% เพื่อรักษารายละเอียด
ทั้งสองประเภทสามารถเล็กกว่าต้นฉบับได้อย่างมีนัยสำคัญ ภาพสินค้าพื้นหลังขาวขนาด 5MB โดยทั่วไปบีบอัดเหลือ 200 ถึง 400KB ภาพไลฟ์สไตล์ขนาด 6MB บีบอัดเหลือ 300 ถึง 600KB
ข้อกำหนดและคำแนะนำของแพลตฟอร์ม
แพลตฟอร์มอีคอมเมิร์ซต่างๆ มีแนวทางปฏิบัติเกี่ยวกับภาพของตัวเอง นี่คือข้อมูลจำเพาะสำหรับแพลตฟอร์มหลัก:
Shopify แนะนำภาพที่ 2048 x 2048 พิกเซล ขนาดไฟล์สูงสุดคือ 20MB แต่พวกเขาแนะนำอย่างยิ่งให้เก็บภาพให้ต่ำกว่านั้นมาก Shopify ทำการบีบอัดอัตโนมัติบางอย่างและให้บริการ WebP เมื่อเบราว์เซอร์รองรับ แต่การเริ่มต้นด้วยภาพที่ปรับแต่งแล้วให้ผลลัพธ์ที่ดีกว่า
WooCommerce ไม่มีการบังคับใช้ข้อจำกัดที่เข้มงวดเนื่องจากมันทำงานบนโฮสติ้งของคุณเอง นั่นหมายความว่าการปรับแต่งภาพเป็นความรับผิดชอบของคุณทั้งหมด ขนาดรูปขนาดย่อเริ่มต้นคือ 600 x 600 สำหรับแคตตาล็อกและขนาดเต็มสำหรับหน้าสินค้า คุณควรปรับขนาดและบีบอัดก่อนอัปโหลด
Amazon ต้องการขั้นต่ำ 1000 พิกเซลด้านที่ยาวที่สุด (สำหรับฟังก์ชันซูม) และแนะนำ 2000 พิกเซล ขนาดไฟล์สูงสุดคือ 10MB ภาพหลักต้องมีพื้นหลังสีขาวบริสุทธิ์ (RGB 255, 255, 255) Amazon บีบอัดภาพในฝั่งของพวกเขา แต่การอัปโหลดภาพที่ปรับแต่งแล้วให้คุณควบคุมผลลัพธ์สุดท้ายได้มากขึ้น
Etsy แนะนำ 2000 พิกเซลด้านที่สั้นที่สุด พวกเขารับไฟล์สูงสุด 1MB เนื่องจากขีดจำกัดของ Etsy ค่อนข้างเล็ก คุณแทบจะต้องบีบอัดก่อนอัปโหลดอย่างแน่นอน
ขนาดและขนาดไฟล์ที่แนะนำ
สำหรับแพลตฟอร์มอีคอมเมิร์ซส่วนใหญ่ นี่คือเป้าหมายในทางปฏิบัติ:
| ประเภทภาพ | ขนาด | ขนาดไฟล์เป้าหมาย |
|---|---|---|
| ภาพสินค้าหลัก | 2000 x 2000px | 200 ถึง 400KB |
| มุมอื่นๆ | 2000 x 2000px | 200 ถึง 400KB |
| ภาพรายละเอียด/ซูม | 2000 x 2000px | 250 ถึง 500KB |
| ภาพไลฟ์สไตล์ | 2000 x 1333px | 300 ถึง 600KB |
| รูปขนาดย่อ | 600 x 600px | 30 ถึง 60KB |
ขนาดเหล่านี้ให้ความละเอียดเพียงพอสำหรับฟีเจอร์ซูมในขณะที่ทำให้หน้าเว็บเร็ว ภาพรวมต่อหน้าสินค้าควรอยู่ต่ำกว่า 2MB
การเลือกรูปแบบที่เหมาะสม
JPEG เป็นมาตรฐานสำหรับภาพถ่ายสินค้า มันจัดการภาพถ่ายได้ดีและรองรับทุกที่ ใช้เป็นค่าเริ่มต้นของคุณ
WebP ให้การบีบอัดที่ดีกว่า JPEG ประมาณ 25 ถึง 35% ที่คุณภาพที่มองเห็นได้เท่ากัน หากแพลตฟอร์มของคุณรองรับ (Shopify ทำโดยอัตโนมัติ, WooCommerce ต้องใช้ปลั๊กอิน) WebP เป็นการอัปเกรดที่ดี สำหรับการเปรียบเทียบรูปแบบเชิงลึก อ่านคู่มือ JPEG vs PNG vs WebP ของเรา
PNG จำเป็นก็ต่อเมื่อภาพสินค้าของคุณต้องการความโปร่งใส ตัวอย่างเช่น หากคุณขายสินค้าที่ต้องแสดงโดยไม่มีพื้นหลังเลย PNG จะรักษาความโปร่งใสนั้นไว้ มิฉะนั้น ให้หลีกเลี่ยง PNG สำหรับภาพสินค้าเพราะขนาดไฟล์ใหญ่กว่ามาก
การประมวลผลแบบกลุ่มสำหรับแคตตาล็อกสินค้า
หากคุณมีร้านค้าที่มีสินค้าหลายสิบหรือหลายร้อยรายการ การบีบอัดภาพทีละภาพไม่สมจริง แคตตาล็อกสินค้าที่มี 200 รายการและ 5 ภาพต่อรายการหมายถึง 1,000 ภาพที่ต้องประมวลผล
นี่คือที่ที่การบีบอัดแบบกลุ่มประหยัดเวลาได้หลายชั่วโมง ด้วย Bulk Image Compressor คุณสามารถวางโฟลเดอร์ภาพสินค้าทั้งหมดและบีบอัดทั้งหมดในครั้งเดียว ทุกอย่างทำงานในเบราว์เซอร์ของคุณ ดังนั้นภาพสินค้าของคุณไม่เคยถูกอัปโหลดไปยังเซิร์ฟเวอร์ภายนอกใดๆ สิ่งนั้นสำคัญเมื่อคุณทำงานกับสินค้าที่ยังไม่ได้เปิดตัวหรือภาพที่คุณไม่ต้องการให้แชร์ก่อนเปิดตัว
นี่คือเวิร์กโฟลว์ที่ใช้ได้ดีสำหรับแคตตาล็อกสินค้า:
-
ปรับขนาดก่อน. ทำให้ภาพทั้งหมดของคุณมีขนาดที่เหมาะสม (2000 x 2000px สำหรับแพลตฟอร์มส่วนใหญ่) อย่าส่งภาพ 6000px ผ่านการบีบอัดเมื่อมันจะแสดงที่ 2000px เท่านั้น
-
แยกตามประเภท. ใส่ภาพพื้นหลังขาวในชุดหนึ่งและภาพไลฟ์สไตล์ในอีกชุดหนึ่ง วิธีนี้ให้คุณใช้การตั้งค่าคุณภาพที่แตกต่างกันสำหรับแต่ละชุด
-
บีบอัดภาพพื้นหลังขาวที่คุณภาพ 75 ถึง 80%. พื้นหลังที่สะอาดบีบอัดได้อย่างมีประสิทธิภาพที่การตั้งค่าต่ำกว่า
-
บีบอัดภาพไลฟ์สไตล์ที่คุณภาพ 80 ถึง 85%. รายละเอียดเพิ่มเติมในภาพเหล่านี้ได้ประโยชน์จากคุณภาพที่สูงขึ้นเล็กน้อย
-
สุ่มตรวจสอบผลลัพธ์บางส่วน. เปิดภาพที่บีบอัดแล้วสองสามภาพและเปรียบเทียบกับต้นฉบับ ตรวจสอบให้แน่ใจว่าข้อความบนบรรจุภัณฑ์ยังอ่านได้และรายละเอียดสินค้าชัดเจน สำหรับข้อมูลเพิ่มเติม ดูคู่มือของเราเกี่ยวกับ การลดขนาดไฟล์โดยไม่สูญเสียคุณภาพ
-
อัปโหลดไปยังแพลตฟอร์มของคุณ แทนที่ต้นฉบับด้วยเวอร์ชันที่บีบอัด
ผลกระทบต่อผลกำไรของคุณ
หน้าสินค้าที่เร็วกว่าหมายถึงยอดขายมากขึ้น มันตรงขนาดนั้น เมื่อผู้ซื้อคลิกที่สินค้าของคุณจากผลการค้นหาหรือโฆษณา คุณมีเวลาประมาณสองถึงสามวินาทีก่อนที่พวกเขาจะตัดสินใจว่าจะรอหรือกดปุ่มกลับ
ภาพที่ปรับแต่งแล้วยังลดค่าใช้จ่ายโฮสติ้งและ CDN ของคุณ หากคุณให้บริการหน้าสินค้า 500,000 หน้าต่อเดือนและคุณลดน้ำหนักภาพเฉลี่ยจาก 8MB เป็น 1.5MB ต่อหน้า นั่นคือแบนด์วิดท์ที่ประหยัดได้เป็นเทราไบต์
ภาพสินค้าของคุณเป็นแอสเซทที่สำคัญที่สุดในร้านค้าออนไลน์ของคุณ การบีบอัดอย่างถูกต้องช่วยให้คุณรักษาคุณภาพของภาพที่ผู้ซื้อต้องการในขณะที่ให้ประสบการณ์ที่รวดเร็วซึ่งนำไปสู่การซื้อจริงๆ
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor