แปลง HTML เป็น GIF

Q: จะลดขนาดไฟล์ GIF ให้เล็กพอส่งในแอปแชตได้อย่างไร

ใช้ **ความกว้างหน้า HTML** ที่แคบลง หรือแปลงเฉพาะหน้าแรก หากผลลัพธ์ยังเกินขีดจำกัด [บีบอัด GIF สำหรับ Discord](/compress-gif-for-discord) จะลดขนาดให้ใกล้เพดานการอัปโหลด

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

หรือลากไฟล์ DOC, DOCX, DOCM … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์

แปลงเป็น

ความละเอียด

รูปภาพ

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

วิธีใช้เครื่องมือนี้

1
อัปโหลดไฟล์ HTML
เพิ่มไฟล์ .html, .htm หรือ .mhtml ได้สูงสุด 20 ไฟล์ต่อครั้ง ไฟล์ละไม่เกิน 95 MB หากบันทึกหน้าเว็บแบบ Webpage, Single File รูปภาพและสไตล์จะถูกเก็บรวมไว้ในไฟล์เดียว
2
เลือกความกว้างและรูปแบบการจัดวาง
ความกว้างหน้า HTML ตั้งไว้ที่ 1280 px ใช้ 600 px สำหรับเทมเพลตอีเมล รูปภาพ แบบรูปยาวรูปเดียวจะได้ GIF ภาพนิ่งหนึ่งไฟล์ หากตั้งเป็นหนึ่งรูปต่อหน้า จะได้เฟรมขนาดเท่าหน้าที่แสดงต่อกันทีละเฟรม
3
แปลงเป็น GIF
กด แปลงเป็น GIF หากต้องวาง GIF บนพื้นหลังสี ให้เปิด พื้นหลังโปร่งใส ใน การตั้งค่าขั้นสูง

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

การแปลง HTML เป็น GIF ทำงานอย่างไร

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

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

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

ข้อจำกัดของ GIF ที่มีผลต่อหน้าเว็บที่เรนเดอร์

สีต่อเฟรม: 256
ความโปร่งใสทีละพิกเซล ไม่มีขอบนุ่ม: เปิด/ปิด
บันทึกภาพหน้าเว็บ ไม่ใช่อัดวิดีโอ: ภาพนิ่ง
ไฟล์ HTML ต่อครั้ง ไฟล์ละ 95 MB: 20

แปลง HTML เป็น GIF: ผลลัพธ์ที่ควรคาดหวัง

ความเชื่อGIF ของหน้าเว็บจะแสดงเอฟเฟกต์ตอนเลื่อนเมาส์และแอนิเมชันได้

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

ความเชื่อGIF เป็นฟอร์แมตรูปที่เล็กที่สุดสำหรับหน้าเว็บ

ข้อเท็จจริงสำหรับหน้าที่มีรูปถ่าย JPG หรือ WebP มักเล็กกว่ามาก GIF ได้เปรียบเฉพาะกราฟิกเรียบ ๆ ง่าย ๆ

ความเชื่อGIF จะดึงหน้าเว็บมาจากที่อยู่เว็บไซต์ได้เอง

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

ความเชื่อใช้เฟรมมากขึ้นทำให้ GIF คมชัดขึ้น

ข้อเท็จจริงเฟรมเพิ่มความยาวและขนาดไฟล์ ไม่ได้เพิ่มรายละเอียด ความคมชัดมาจากความกว้างของหน้าและพาเลตสี

HTML

HyperText Markup Language

HTML คือภาษามาร์กอัปของเว็บ อธิบายครั้งแรกโดย Tim Berners-Lee ในช่วงต้นทศวรรษ 1990 และปัจจุบัน WHATWG ดูแลในฐานะมาตรฐานที่ปรับปรุงต่อเนื่อง (living standard) ไฟล์ HTML อธิบายหัวข้อ ย่อหน้า ลิงก์ ตาราง รูปภาพ และแบบฟอร์ม ส่วนการจัดรูปแบบมักมาจาก CSS เบราว์เซอร์ทุกตัวแสดงผล HTML ได้ และยังใช้กับเทมเพลตอีเมลและหน้าเว็บที่บันทึกไว้ ไฟล์ HTML ไฟล์เดียวมักอาศัยรูปภาพและสไตล์ชีตภายนอก จึงอาจแสดงผลผิดเพี้ยนเมื่อย้ายไปเพียงไฟล์เดียว

การบีบอัด: –
พื้นหลังโปร่งใส: –
ภาพเคลื่อนไหว: –
เปิดตัว: 1993 · Tim Berners-Lee; maintained by WHATWG

ตัวแปลงไฟล์ HTML

GIF

Graphics Interchange Format

GIF เปิดตัวโดย CompuServe ในปี 1987 และยังคงเป็นรูปแบบที่รองรับกว้างที่สุดสำหรับภาพเคลื่อนไหวสั้น ๆ ที่เล่นวนซ้ำ เป็นแบบ lossless แต่จำกัดจานสีไว้ที่ 256 สีต่อเฟรม ภาพถ่ายและการไล่ระดับสีจึงเกิดแถบสีและจุดดิเทอร์ รองรับพื้นหลังโปร่งใสแบบเปิด/ปิด (1 บิต) เท่านั้น ทำให้ขอบของรูปทรงโค้งดูหยัก ภาพ GIF เคลื่อนไหวมักใหญ่กว่าคลิปเดียวกันในรูปแบบ MP4 หรือ WebP มาก เบราว์เซอร์ แอปแชต และแพลตฟอร์มโซเชียลทุกแห่งเล่น GIF ได้

การบีบอัด: แบบไม่สูญเสียข้อมูล
พื้นหลังโปร่งใส: ได้
ภาพเคลื่อนไหว: ได้
เปิดตัว: 1987 · CompuServe

ตัวแปลงไฟล์ GIF

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

คำถามเกี่ยวกับการแปลง HTML เป็น GIF

แปลงแอนิเมชัน CSS เป็น GIF เคลื่อนไหวได้หรือไม่

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

ทำไมไล่สีและรูปถ่ายใน GIF จึงดูเป็นเม็ดหยาบ

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

ทำไมขอบของ GIF พื้นหลังโปร่งใสจึงดูเป็นหยัก

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

ลายเซ็นอีเมล HTML ที่บันทึกเป็น GIF จะแสดงได้ในทุกแอปอีเมลหรือไม่

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

จะลดขนาดไฟล์ GIF ให้เล็กพอส่งในแอปแชตได้อย่างไร

ใช้ ความกว้างหน้า HTML ที่แคบลง หรือแปลงเฉพาะหน้าแรก หากผลลัพธ์ยังเกินขีดจำกัด บีบอัด GIF สำหรับ Discord จะลดขนาดให้ใกล้เพดานการอัปโหลด