เตรียมภาพขนาดใหญ่สำหรับแผนที่แบบโต้ตอบที่รวดเร็ว
คู่มือทางเทคนิคสำหรับการส่งออก เพิ่มประสิทธิภาพ และกำหนดค่าพิมพ์เขียวระดับกิกะพิกเซล การถ่ายภาพด้วยโดรนทางอากาศ และแผนไซต์เวกเตอร์สำหรับประสิทธิภาพการซูมลึกที่ตอบสนอง
ทีม Layerpin
เหตุใดการเตรียมภาพจึงมีความสำคัญสำหรับแผนที่เชิงโต้ตอบ
แผนที่เชิงโต้ตอบต้องการประสิทธิภาพของภาพที่สูงกว่าภาพถ่ายบนเว็บทั่วไปมาก ผู้เยี่ยมชมแพน บีบ และซูมเข้าเพื่อตรวจสอบป้ายสถาปัตยกรรมที่สวยงาม ขนาดยูนิต และขอบเขตบูธแต่ละบูธ
หากรูปภาพของคุณมีขนาดเล็กเกินไป ข้อความและเส้นจะเบลอและอ่านไม่ได้เมื่อซูมเข้า หากรูปภาพของคุณเป็นการส่งออก Raw ขนาด 80MB ที่ไม่มีการบีบอัด เวลาในการโหลดหน้าเว็บจะพุ่งสูงขึ้น อัตราตีกลับเพิ่มขึ้น และอุปกรณ์เคลื่อนที่ขัดข้องเนื่องจากข้อจำกัดของหน่วยความจำ
Layerpin เชื่อมช่องว่างนี้โดยใช้สถาปัตยกรรมการปูกระเบื้องแบบซูมลึก ด้วยการเตรียมภาพต้นฉบับของคุณอย่างถูกต้อง คุณจะปลดล็อกการตอบสนองการแพนและซูมได้ทันทีด้วยความคมชัดเหมือนเวกเตอร์ที่คมชัด
- 1กำหนดเป้าหมายความละเอียดของภาพต้นฉบับระหว่าง 3000px ถึง 8000px ตามขอบที่ยาวที่สุด
- 2ใช้โปรไฟล์สี RGB / sRGB เพื่อรับรองความถูกต้องของสีบนจอภาพทั้งหมด
- 3ครอบตัดขอบสีขาวที่ไม่จำเป็นและพื้นที่ว่างบนผ้าใบก่อนอัปโหลด
การตั้งค่าการส่งออกที่ดีที่สุดจาก CAD, Illustrator และ Figma
เมื่อส่งออกแผนผังหลักหรือแผนผังชั้นจากซอฟต์แวร์การออกแบบ (AutoCAD, Revit, Adobe Illustrator, Canva หรือ Figma) ให้ปฏิบัติตามกฎการส่งออกเหล่านี้เพื่อให้ได้ผลลัพธ์ที่ดีที่สุด:
สำหรับ Vector CAD และพิมพ์เขียว: ส่งออกที่ขนาด 2x หรือ 3x เป็น PNG หรือ WebP คุณภาพสูง ตรวจสอบให้แน่ใจว่าน้ำหนักเส้นมีความหนาอย่างน้อย 1pt ถึง 1.5pt เพื่อให้ขอบเขตของกำแพงละเอียดไม่หายไปเมื่อภาพรวมการซูมแบบกว้าง
สำหรับการถ่ายภาพทางอากาศและโดรน: ส่งออกเป็น Progressive JPEG หรือ WebP ที่คุณภาพ 85-90% สายตามนุษย์ไม่สามารถตรวจจับสิ่งแปลกปลอมในการบีบอัดที่คุณภาพ 85% แต่ขนาดไฟล์จะลดลงสูงสุดถึง 70% เมื่อเทียบกับการส่งออก 100% ที่ไม่มีการบีบอัด
- 1ส่งออกภาพวาดเส้นสถาปัตยกรรมเป็น PNG หรือ WebP พร้อมเปิดใช้งานการลดรอยหยัก
- 2ส่งออกภาพถ่ายและการเรนเดอร์สมจริง 3 มิติเป็น JPEG คุณภาพสูง (คุณภาพ 85%)
- 3ตรวจสอบให้แน่ใจว่าป้ายกำกับข้อความบนภาพฐานถูกแปลงเป็นโครงร่างหรือส่งออกที่ DPI สูงเพื่อหลีกเลี่ยงการเบลอของแรสเตอร์
Layerpin ประมวลผลและให้บริการภาพซูมลึกอย่างไร
เมื่อคุณอัปโหลดรูปภาพไปยัง Layerpin ไปป์ไลน์การประมวลผลของเราจะสร้างปิรามิดรูปภาพที่มีความละเอียดหลายระดับ (ไทล์ซูมลึก)
แทนที่จะบังคับให้เบราว์เซอร์มือถือดาวน์โหลดรูปภาพขนาด 50MB ทั้งหมดในคราวเดียว Layerpin จะสตรีมเฉพาะไมโครไทล์เฉพาะที่มองเห็นได้ภายในวิวพอร์ตและระดับการซูมปัจจุบันของผู้เยี่ยมชม เมื่อซูมต่ำ ไทล์ภาพรวมแบนด์วิธต่ำจะโหลดทันที เมื่อผู้ใช้ซูมเข้าไปในห้อง 402 ชิ้นส่วนที่มีความละเอียดสูงจะสตรีมเข้ามาอย่างราบรื่น
สถาปัตยกรรมนี้ช่วยลดการถ่ายโอนภาพเริ่มต้นในขณะที่สนับสนุนแผนแม่บทสถาปัตยกรรมที่มีขนาดใหญ่มาก เวลาในการโหลดจริงยังคงขึ้นอยู่กับการเตรียมรูปภาพ สภาพเครือข่าย โฮสติ้ง และอุปกรณ์ของผู้เยี่ยมชม
ทดสอบประสิทธิภาพการรับชมผ่านอุปกรณ์จริง
ก่อนที่จะเปิดตัวแผนที่ของคุณต่อสาธารณะ โปรดทำการตรวจสอบอุปกรณ์หลายเครื่องในโลกแห่งความเป็นจริงเสมอ
เปิดแผนที่ที่เผยแพร่ของคุณในหน้าต่างเบราว์เซอร์ส่วนตัว และทดสอบใน 3 เงื่อนไข ได้แก่ จอแสดงผลเดสก์ท็อป 4K/เรตินา โทรศัพท์มือถือระดับกลางที่เชื่อมต่อมือถือ และแท็บเล็ตทั้งในแนวนอนและแนวตั้ง
ยืนยันว่าการซูมเริ่มต้นเริ่มต้นจะแสดงพื้นที่ทั้งหมดที่สนใจโดยไม่ต้องซูมทันที และตรวจสอบว่าป้ายกำกับข้อความยังคงคมชัดเมื่อแพนไปที่มุมที่ไกลที่สุดของผืนผ้าใบ
- 1ทดสอบเวลาโหลดเริ่มต้นบนเครือข่าย 4G มือถือ
- 2ตรวจสอบการแพนแบบตอบสนองและการซูมแบบบีบนิ้วบนอุปกรณ์เป้าหมายแต่ละเครื่อง
- 3ตรวจสอบขอบเขตของกล้องเพื่อล็อคผู้เข้าชมภายในขอบเขตแผนที่ที่มีความหมาย
พร้อมสร้างแผนที่แบบโต้ตอบหรือยัง?
สร้างแผนที่แบบส่วนตัว ตรวจสอบมุมมองผู้เข้าชม แล้วเผยแพร่เมื่อพร้อมแบ่งปัน No credit card needed.
เริ่มต้นฟรี