เรียนรู้การปรับขนาดภาพเว็บ
ภาพเว็บใช้เวลาในการดาวน์โหลดมากที่สุดในหน้าเว็บส่วนใหญ่ แต่ถ้าคุณเพิ่มประสิทธิภาพภาพเว็บของคุณคุณจะมีเว็บไซต์ที่โหลดได้เร็วขึ้น มีหลายวิธีในการเพิ่มประสิทธิภาพหน้าเว็บ วิธีหนึ่งที่จะช่วยเพิ่มความเร็วของคุณมากที่สุดคือการทำให้กราฟิกของคุณมีขนาดเล็กที่สุด
กฎทั่วไปคือพยายามทำให้ภาพแต่ละภาพไม่ใหญ่กว่า 12KB และขนาดรวมของหน้าเว็บรวมทั้งภาพ HTML, CSS และ JavaScript ควรมีขนาดไม่เกิน 100KB และไม่เกิน 50KB
เพื่อให้กราฟิกของคุณมีขนาดเล็กที่สุดเท่าที่จะเป็นไปได้คุณต้องมี ซอฟต์แวร์กราฟิก เพื่อแก้ไขภาพของคุณ คุณสามารถรับโปรแกรมแก้ไขกราฟิกหรือใช้เครื่องมือออนไลน์เช่น Photoshop Express Editor
นี่คือเคล็ดลับในการประเมินภาพของคุณและทำให้เล็กลง:
รูปภาพในรูปแบบที่ถูกต้องหรือไม่?
มีเพียงสาม รูปแบบภาพสำหรับเว็บ : GIF, JPG และ PNG และแต่ละคนมีจุดประสงค์เฉพาะเจาะจง
- GIF - ใช้รูปแบบ GIF สำหรับภาพสีแบบแบน ภาพเหล่านี้มีเพียงไม่กี่สีเท่านั้น
- JPG - ใช้รูปแบบ JPG สำหรับถ่ายภาพ นี่คือภาพที่มีสีนับล้าน
- PNG - ใช้รูปแบบ PNG หากคุณไม่ต้องการภาพของคุณเพื่อแสดงผลบนโทรศัพท์มือถือ เหมาะสำหรับทั้งภาพแบนและภาพ เป็นการดีที่สุดในการบันทึกรูปภาพของคุณเป็นทั้ง PNG และ JPG หรือ GIF จากนั้นใช้เวอร์ชันที่เล็กกว่า
มิติข้อมูลภาพคืออะไร?
วิธีง่ายๆในการทำให้ภาพของคุณเล็กลงก็คือการทำให้ภาพเล็กลง กล้องส่วนใหญ่ถ่ายภาพที่มีขนาดใหญ่กว่าหน้าเว็บเฉลี่ยที่สามารถแสดงได้ ด้วยการเปลี่ยนมิติข้อมูลไปที่บางแห่งที่มีขนาดประมาณ 500 x 500 พิกเซลหรือเล็กกว่าคุณจะสร้างภาพขนาดเล็กขึ้น
รูปภาพถูกตัดหรือไม่?
สิ่งต่อไปที่คุณควรทำคือตรวจสอบให้แน่ใจว่ารูปภาพถูกตัดให้แน่นที่สุดเท่าที่คุณจะทำได้ ยิ่งคุณครอบตัดภาพจะยิ่งเล็กลงเท่านั้น การครอบตัดยังช่วยกำหนดหัวเรื่องของภาพด้วยการลบพื้นหลังที่ไม่เกี่ยวข้อง
คุณใช้ GIF กี่สี?
ภาพ GIF เป็นภาพสีที่แบนและประกอบด้วยดัชนีของสีที่มีอยู่ในภาพ อย่างไรก็ตามดัชนี GIF อาจมีสีมากกว่าที่แสดงจริง การลดดัชนีลงในเฉพาะสีในภาพเท่านั้นคุณสามารถ ลดขนาดไฟล์ ลงได้
การตั้งค่าคุณภาพของ JPG ของคุณเป็นอย่างไร
JPG มีการตั้งค่าคุณภาพจาก 100% เหลือ 0% การตั้งค่าคุณภาพที่เล็กลงจะทำให้ไฟล์มีขนาดเล็กลง แต่ต้องระมัดระวัง คุณภาพจะส่งผลต่อภาพลักษณ์ของภาพ ดังนั้นเลือกการตั้งค่าคุณภาพที่ไม่น่าเกลียดมากเกินไปในขณะที่ยังรักษาขนาดไฟล์ให้อยู่ในระดับต่ำ