วิธีลดขนาดไฟล์ GIF เพื่อประสิทธิภาพเว็บไซต์ที่ดีขึ้น

สิ่งที่ต้องรู้

• ครอบตัดพื้นที่เพิ่มเติมรอบๆ รูปภาพเพื่อลดขนาดพิกเซล เมื่อคุณเตรียม GIF ให้ลดขนาดเอาต์พุต
• ลดจำนวนสีในภาพ สำหรับ GIF แบบเคลื่อนไหว ให้ลดจำนวนเฟรม
• หลีกเลี่ยงการ dithering และ interlacing หากซอฟต์แวร์ของคุณมีตัวเลือกที่สูญเสียในการบันทึก GIF สิ่งนี้จะลดขนาดไฟล์ลงอย่างมาก

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

วิธีลดขนาดไฟล์ GIF เพื่อประสิทธิภาพเว็บไซต์ที่ดีขึ้น

วิธีทำให้ GIF ของคุณมีประสิทธิภาพมากที่สุด:

1. ครอบตัดพื้นที่เพิ่มเติมรอบๆ รูปภาพ การลดขนาดพิกเซลของรูปภาพเป็นวิธีที่มีประสิทธิภาพที่สุดในการลดขนาดไฟล์ หากคุณใช้ Photoshop ไฟล์ ตัดแต่ง คำสั่งทำงานได้ดีสำหรับสิ่งนี้

2. เมื่อคุณเตรียมภาพ GIF ให้ลดขนาดเอาต์พุต โปรแกรมแก้ไขกราฟิกแต่ละโปรแกรมมีคำสั่งปรับขนาดที่แตกต่างกัน

3. ลดจำนวนสีในภาพ GIF แสดงเพียง 256 สี แต่หากรูปภาพของคุณมีเพียงไม่กี่สี ให้ลดจำนวนสีลงอยู่ดี เมื่อลดสีใน GIF คุณจะได้รับการบีบอัดที่ดีที่สุดเมื่อตั้งค่าสีของตัวเลขให้น้อยที่สุดที่เป็นไปได้สำหรับตัวเลือกเหล่านี้: 2, 4, 8, 16, 32, 64, 128 หรือ 256

4. ลดจำนวนเฟรมในภาพสำหรับ GIF แบบเคลื่อนไหว หลีกเลี่ยงแอนิเมชั่นที่ไม่มีประโยชน์โดยทั่วไป แอนิเมชั่นที่มากเกินไปทำให้เวลาในการดาวน์โหลดหน้าเว็บเพิ่มขึ้น และหลายๆ คนพบว่ามันรบกวนสมาธิ

   วิธีปลดล็อกหมายเลขที่คุณบล็อก block

5. ถ้าคุณใช้ โฟโต้ชอป ให้สร้างไฟล์ GIF โดยใช้นามสกุล ส่งออกเป็น รายการเมนู. เลือก ไฟล์ > ส่งออกเป็น . เมื่อเมนูเปิดขึ้น ให้เลือก กิฟ เป็นรูปแบบไฟล์และลดขนาดทางกายภาพ (ความกว้างและความสูง) ของรูปภาพ

6. หากคุณใช้ Adobe Photoshop Elements ให้เลือก ไฟล์ > บันทึกสำหรับเว็บ . กระบวนการนี้จะเปิดไฟล์ บันทึกสำหรับเว็บ กล่องโต้ตอบที่พบใน Adobe Photoshop ด้วย ไฟล์ > ส่งออก > บันทึกสำหรับเว็บ (ดั้งเดิม) . เมื่อเปิดขึ้น ให้ใช้การปรับสี ลดสี และแก้ไขขนาดทางกายภาพของรูปภาพ

   ฉันจะดูประวัติของฉันบน google . ได้อย่างไร

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

8. ซอฟต์แวร์บางตัวมีตัวเลือกที่สูญเสียในการบันทึก GIF ตัวเลือกนี้สามารถลดขนาดไฟล์ได้อย่างมาก แต่ยังลดคุณภาพของภาพด้วย

9. อย่าใช้การอินเทอร์เลซ การอินเทอร์เลซมักจะเพิ่มขนาดไฟล์

10. ทั้ง Photoshop และ Photoshop Elements แสดงเวลาในการดาวน์โหลด อย่าไปสนใจมันเลย ขึ้นอยู่กับการใช้โมเด็ม 56k หมายเลขที่ถูกต้องมากขึ้นจะปรากฏขึ้นหากคุณเลือกเคเบิลโมเด็มจากเมนูแบบเลื่อนลง

รูปภาพ GIF และเว็บ

รูปภาพ GIF ไม่ใช่ขนาดเดียวที่เหมาะกับทุกโซลูชัน รูปภาพ GIF มีสีได้สูงสุด 256 สี ซึ่งหมายความว่าภาพและสีจะลดลงอย่างมากหากไม่ระวัง

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

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

• ฉันจะปรับขนาดอิโมจิ GIF สำหรับ Discord ได้อย่างไร

  เมื่ออัปโหลด GIF ไปยัง Discord ระบบจะปรับภาพเป็น 128x128 พิกเซลโดยอัตโนมัติหากจำเป็น แม้ว่า Discord จะอนุญาตให้แชร์รูปภาพและไฟล์อื่นๆ ได้สูงสุด 8MB (หรือมากกว่านั้นเมื่อสมัครสมาชิก Nitro) แต่ขนาดที่จำกัดสำหรับอิโมจิคือ 256kb

• ฉันจะบีบอัด GIF โดยไม่สูญเสียคุณภาพได้อย่างไร

  วิธีที่ง่ายที่สุดในการบีบอัด GIF โดยไม่กระทบต่อคุณภาพคือการใช้คุณลักษณะการบีบอัดของ File Explorer ซอฟต์แวร์บีบอัดของบุคคลที่สามบางตัว เช่น WinZip สามารถใช้บีบอัด GIF โดยไม่ลดคุณภาพของภาพโดยรวม

  วิธีเซฟรูปจากเฟสบุ๊ค

• ฉันจะรวม GIF หลาย ๆ ไฟล์ให้เป็น GIF เดียวได้อย่างไร

  ใช้ซอฟต์แวร์แก้ไขภาพเช่น Photoshop ให้เลือก ไฟล์ > นำเข้า > เฟรมวิดีโอเป็นเลเยอร์ และเลือก GIF ทั้งหมดที่คุณต้องการรวม เลือกเฟรมภาพเคลื่อนไหวทั้งหมดใน GIF แรก จากนั้นคัดลอกเฟรมเหล่านั้นโดยการเลือก หน้าต่าง > แอนิเมชั่น . จากนั้น ย้ายไปยัง GIF ถัดไป เลือกตำแหน่งที่คุณต้องการแทรก GIF ก่อนหน้า จากนั้นวางในเฟรมที่คัดลอก ทำซ้ำกับ GIF อื่นๆ ที่คุณต้องการเพิ่ม จากนั้นส่งออกการควบรวมที่เสร็จแล้วเมื่อคุณทำเสร็จแล้ว