การปรับรูปให้เหมาะสมสำหรับ SharePoint Online

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

การใช้สไปรท์เพื่อให้โหลดรูปได้เร็วขึ้นใน SharePoint Online

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

ส่วนนี้มีเนื้อหาอะไร

  • การบีบอัดรูปภาพ

  • การปรับรูปภาพให้เหมาะสม

  • การแปลงรูปภาพของ SharePoint

สกรีนช็อตของ spcommon

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

การใช้การบีบอัดรูปและการปรับให้เหมาะสมเพื่อให้โหลดเพจได้เร็วขึ้นใน SharePoint

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

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

เพิ่มความเร็วในการดาวน์โหลดเพจโดยใช้การแปลงรูปของ SharePoint

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

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

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

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

เพิ่มการแปลงรูปภาพเพื่อเพิ่มความเร็วในการโหลดเพจ

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

  2. ในเว็บเบราว์เซอร์ ให้ไปที่ไซต์ระดับบนสุดของไซต์คอลเลกชันการเผยแพร่

  3. เลือกไอคอน การตั้งค่า

  4. บนเพจ การตั้งค่าไซต์ ในส่วน ลักษณะที่แสดง คุณจะเห็นการแปลงรูปอยู่ภายใน

    คุณสามารถใช้การแปลงรูปนอกกรอบหรือเลือก การแปลงรูป เพื่อสร้างใหม่

    สกรีนช็อตของการแปลงรูป
  5. บนเพจ การแปลงรูป เลือก เพิ่มรายการใหม่

    สกรีนช็อตเพิ่มรายการใหม่
  6. บนเพจ แปลงรูปใหม่ ในกล่อง ชื่อ ให้ใส่ชื่อสำหรับการแปลง

  7. ในกล่องข้อความ ความกว้าง และ ความสูง ของการแปลงรูป ให้ใส่ความกว้างและความสูงเป็นพิกเซล แล้วเลือก บันทึก

    สกรีนช็อตของเขตข้อมูล ชื่อ ใน การแปลงชื่อรูป

กำหนดการครอบตัดเองด้วยการแปลงรูปใน SharePoint

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

ขยายทักษะของคุณ
สำรวจการฝึกอบรม
รับฟีเจอร์ใหม่ก่อนใคร
เข้าร่วม Office Insider

ข้อมูลนี้เป็นประโยชน์หรือไม่

ขอบคุณสำหรับคำติชมของคุณ!

ขอขอบคุณสำหรับคำติชมของคุณ! เราคิดว่าอาจเป็นประโยชน์ที่จะให้คุณได้ติดต่อกับหนึ่งในตัวแทนฝ่ายสนับสนุน Office ของเรา

×