[{"data":1,"prerenderedAt":25},["ShallowReactive",2],{"blog-th-gif-compression-dimensions-colors-frame-rate-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":24},"gif-compression-dimensions-colors-frame-rate-guide","th","บีบอัด GIF: ขนาด สี และจำนวนเฟรม","เปรียบเทียบการย่อภาพ ลดสี ลดเฟรม และครอป GIF พร้อมตรวจรายละเอียด การเคลื่อนไหว ข้อความสั้น และการเล่นวนหลังส่งออก","2026-09-14","DocCrunch Team",[11,12,13,14],"บีบอัด GIF","ขนาด GIF","จำนวนสี GIF","จำนวนเฟรม GIF",[11,12,13,14],"บีบอัด GIF: ควรปรับขนาด สี หรือความลื่นไหลก่อน?",5,"\u003Cp>GIF ที่เล็กลงอาจยังคมชัดแต่เคลื่อนไหวเป็นช่วงกระโดด อีกไฟล์อาจเล่นลื่นแต่พื้นหลังไล่สีกลายเป็นแถบ ทั้งสองอย่างเป็นผลจากการบีบอัด แต่ข้อมูลที่หายไปต่างกัน\u003C\u002Fp>\n\u003Cp>GIF เก็บภาพต่อเนื่องและเวลาแสดงแต่ละภาพ จึงต้องพิจารณาขนาด จำนวนสี และจำนวนเฟรมแยกกัน ไม่ใช่ดูเพียงระดับคุณภาพรวม\u003C\u002Fp>\n\u003Ch2>แยกวิธีปรับหลักก่อน\u003C\u002Fh2>\n\u003Cp>เริ่มจากตัดสินว่าข้อมูลส่วนไหนลดได้\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>วิธีปรับ\u003C\u002Fth>\n\u003Cth>สิ่งที่เปลี่ยนหลัก\u003C\u002Fth>\n\u003Cth>ผลที่อาจเกิด\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>ย่อขนาด\u003C\u002Ftd>\n\u003Ctd>ความกว้างและสูงพิกเซลของแต่ละเฟรม\u003C\u002Ftd>\n\u003Ctd>ตัวอักษรเล็ก เส้นบาง และรายละเอียด\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>ลดสี\u003C\u002Ftd>\n\u003Ctd>จำนวนสีที่ใช้\u003C\u002Ftd>\n\u003Ctd>การไล่สี เงา และช่วงเปลี่ยนสี\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>ลดเฟรม\u003C\u002Ftd>\n\u003Ctd>ภาพระหว่างการเคลื่อนไหว\u003C\u002Ftd>\n\u003Ctd>ความลื่นไหลและเนื้อหาที่ปรากฏสั้น ๆ\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>ครอป\u003C\u002Ftd>\n\u003Ctd>พื้นที่มองเห็นที่เก็บไว้\u003C\u002Ftd>\n\u003Ctd>องค์ประกอบและความครบของวัตถุเคลื่อนไหว\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>ใช้หลายวิธีร่วมกันได้ แต่ไม่ต้องใช้ทั้งหมดทันที หากแสดงภาพขนาดเล็ก อาจประเมินการย่อก่อน หากต้องรักษาการเคลื่อนไหวละเอียด ควรลดเฟรมอย่างระมัดระวัง\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fth\u002Fgif-compress\u002F\">DocCrunch บีบอัด GIF\u003C\u002Fa>มีระดับชัดเจน สมดุล และเล็กที่สุด พร้อมปรับสัดส่วนขนาดแยกกัน ปัจจุบันสองระดับแรกเก็บทุกเฟรม ส่วนระดับเล็กที่สุดลดเฟรมระหว่างทางด้วย\u003C\u002Fp>\n\u003Ch2>ลดขนาดเมื่อมีพิกเซลเกินความจำเป็น\u003C\u002Fh2>\n\u003Cp>การย่อจาก 1000×600 เป็น 500×300 ตามสัดส่วนทำให้แต่ละเฟรมเหลือพิกเซลหนึ่งในสี่ แต่ไฟล์ไม่จำเป็นต้องเหลือหนึ่งในสี่ เพราะเนื้อหา สี และการเข้ารหัสมีผลด้วย\u003C\u002Fp>\n\u003Cp>ตัดสินที่ขนาดแสดงจริง ตัวอักษรเล็กอาจอ่านไม่ออก เส้น เคอร์เซอร์ และไอคอนอาจไม่ชัด\u003C\u002Fp>\n\u003Cp>DocCrunch มีขนาดเดิม 75%, 50% และ 33% ลองลดพอประมาณก่อนแล้วดูทั้งภาพเคลื่อนไหว หากขนาดเหมาะอยู่แล้ว การย่อเพิ่มอาจไม่คุ้ม\u003C\u002Fp>\n\u003Ch2>ลดสีไม่ได้เปลี่ยนเพียงความสด\u003C\u002Fh2>\n\u003Cp>GIF ใช้ชุดสีที่มีจำนวนจำกัด ซึ่งมีคำอธิบายใน\u003Ca href=\"https:\u002F\u002Fdeveloper.mozilla.org\u002Fen-US\u002Fdocs\u002FGlossary\u002FGIF\">บทนำ GIF ของ MDN\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>การเปลี่ยนแปลงมักเริ่มที่การไล่สี เงา และความต่างเล็กน้อย ช่วงสีเรียบอาจกลายเป็นแถบ สีใกล้กันอาจถูกรวม สิ่งที่หายไปอาจเป็นระดับสี ไม่ใช่แค่ความสด\u003C\u002Fp>\n\u003Cp>กราฟิกสีเรียบ ไอคอนง่าย ๆ และภาพถ่ายซับซ้อนทนต่อการลดสีต่างกัน สามระดับของ DocCrunch ใช้ 256, 180 และ 96 สีในปัจจุบัน ควรตรวจ:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>แถบสีที่เห็นชัดในพื้นไล่สี\u003C\u002Fli>\n\u003Cli>เงาที่กลายเป็นปื้นสีเดียวขนาดใหญ่\u003C\u002Fli>\n\u003Cli>ตัวอักษรเล็กยังแยกจากพื้นหลังได้\u003C\u002Fli>\n\u003Cli>รายละเอียดกะพริบระหว่างเล่นหรือไม่\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>บางความเปลี่ยนแปลงเห็นตอนเคลื่อนไหวง่ายกว่าตอนหยุดภาพ\u003C\u002Fp>\n\u003Ch2>ลดเฟรมไม่ได้หมายถึงเร่งความเร็วอย่างเดียว\u003C\u002Fh2>\n\u003Cp>ระยะเวลาขึ้นกับเวลาที่แต่ละภาพค้างด้วย การตัดภาพระหว่างทางแล้วเพิ่มเวลาให้ภาพที่เหลืออาจรักษาจังหวะโดยรวม แต่ช่วงเปลี่ยนมีน้อยลงและตำแหน่งกระโดดมากขึ้น\u003C\u002Fp>\n\u003Cp>ระดับเล็กที่สุดของ DocCrunch เลือกเฟรมเว้นช่วงและรวมเวลาแสดงที่เกี่ยวข้อง จึงลดข้อมูลระหว่างการเคลื่อนไหวเป็นหลัก ไม่ใช่เพียงเล่นเร็วขึ้น\u003C\u002Fp>\n\u003Cp>การเคลื่อนไหวช้าและเรียบง่ายอาจยังใช้ได้ แต่ต้องตรวจวัตถุเร็ว การใช้เคอร์เซอร์ และข้อความแจ้งสั้น ๆ เนื้อหาที่ปรากฏแค่หนึ่งหรือสองเฟรมอาจไม่ชัดหรือหายไป\u003C\u002Fp>\n\u003Cp>สำหรับการสาธิตขั้นตอน การเก็บการกระทำครบมักสำคัญกว่าลดไฟล์อีกเล็กน้อย เฟรมแรกชัดไม่ได้ยืนยันว่าทั้งชุดใช้ได้\u003C\u002Fp>\n\u003Ch2>ครอปโดยดูทั้งภาพเคลื่อนไหว\u003C\u002Fh2>\n\u003Cp>หากรอบภาพมีพื้นที่ว่างหรือไม่เกี่ยวข้องที่คงที่ ลองใช้\u003Ca href=\"\u002Fth\u002Fgif-crop\u002F\">ครอป GIF\u003C\u002Fa>\u003C\u002Fp>\n\u003Cp>การครอปลดพื้นที่ที่เก็บ ไม่ได้ลดความยาวการเล่น ดูทั้งลำดับและตรวจว่าวัตถุยังอยู่ในขอบเมื่อเคลื่อนไปไกลที่สุด\u003C\u002Fp>\n\u003Cp>บริเวณว่างในเฟรมแรกอาจมีข้อความ เมนูที่เปิด หรือวัตถุในช่วงหลัง หากกำหนดขอบจากเฟรมแรกอย่างเดียว อาจตัดข้อมูลเหล่านั้น\u003C\u002Fp>\n\u003Cp>กำหนดพื้นที่เก็บก่อนแล้วเลือกขนาดสุดท้าย เมื่อต้องบีบอัดต่อ ใช้\u003Ca href=\"\u002Fth\u002Fgif-compress\u002F\">เครื่องมือบีบอัด GIF โดยเฉพาะ\u003C\u002Fa> ไม่ใช่เครื่องมือที่รองรับเฉพาะภาพนิ่ง\u003C\u002Fp>\n\u003Ch2>ตรวจไฟล์ที่ดาวน์โหลดด้วยการเล่นครบ\u003C\u002Fh2>\n\u003Cp>ดูอย่างน้อยหนึ่งรอบเต็มและตรวจ:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>\u003Cstrong>เนื้อหา:\u003C\u002Fstrong> ข้อความ การแจ้ง และวัตถุครบ\u003C\u002Fli>\n\u003Cli>\u003Cstrong>คุณภาพ:\u003C\u002Fstrong> ตัวอักษร เส้น การไล่สี และเงายอมรับได้\u003C\u002Fli>\n\u003Cli>\u003Cstrong>การเคลื่อนไหว:\u003C\u002Fstrong> ไม่กระโดดเกินไปและหยุดค้างนานพอ\u003C\u002Fli>\n\u003Cli>\u003Cstrong>การเล่น:\u003C\u002Fstrong> ความเร็ว การวน และจุดจบเหมาะสม\u003C\u002Fli>\n\u003Cli>\u003Cstrong>การส่งมอบ:\u003C\u002Fstrong> ขนาดพิกเซลและขนาดไฟล์ตรงข้อจำกัด\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>ควรตรวจแยกสำหรับ GIF ที่เดิมจำกัดจำนวนรอบ ปัจจุบัน DocCrunch ตั้ง GIF ที่เข้ารหัสใหม่ให้วนต่อเนื่อง จึงไม่ควรถือว่าจำนวนรอบเดิมจะถูกเก็บไว้\u003C\u002Fp>\n\u003Cp>การประมวลผลบนเครื่องในเบราว์เซอร์ไม่แทนการตรวจผล เก็บต้นฉบับและสร้างสำเนาตั้งค่าต่าง ๆ จากต้นฉบับ แทนการบีบอัดซ้ำบนสำเนาที่ผ่านการบีบอัดแล้ว\u003C\u002Fp>\n\u003Cp>ไม่มีระดับที่ดีที่สุดสำหรับทุก GIF ต้องแยกประเมินขนาดที่จำเป็น ช่วงสีที่สำคัญ และการเคลื่อนไหวที่ลดได้ เพื่อให้ไฟล์ตรงเพดานและยังสื่อเนื้อหาครบ\u003C\u002Fp>\n",[20,22],{"slug":21},"gif-compress",{"slug":23},"gif-crop",[],1789443236855]