ย่อ HTML (Minify) และจัดรูปแบบโค้ด ออนไลน์ฟรี
ย่อหรือจัดรูปแบบ HTML ออนไลน์ ลบช่องว่างและคอมเมนต์ ทำงานในเบราว์เซอร์ ไม่ต้องสมัครสมาชิก
🔒 ไฟล์ของคุณไม่เคยออกจากเบราว์เซอร์ การประมวลผลทั้งหมดทำในเครื่องของคุณ
วิธีย่อ HTML ออนไลน์
- 1
วางโค้ด HTML ของคุณ
วางหรือพิมพ์เอกสารหรือส่วนของ HTML ลงในช่องป้อนข้อมูล
- 2
คลิก “ย่อ” หรือ “จัดรูปแบบ”
“ย่อ” จะรวมช่องว่างและลบคอมเมนต์ ส่วน “จัดรูปแบบ” จะจัดโค้ดให้มีการเยื้องที่สม่ำเสมอ
- 3
คัดลอกผลลัพธ์
คลิก “คัดลอก” เพื่อคัดลอกผลลัพธ์ไปยังคลิปบอร์ด
HTML คือข้อมูลแรกที่เบราว์เซอร์ได้รับ และจนกว่าจะมาถึงมากพอที่จะค้นพบทรัพยากรอื่น จะยังไม่มีอะไรเริ่มดาวน์โหลดได้เลย ไม่ว่าจะเป็น CSS, JavaScript หรือรูปภาพ การลดขนาดเอกสารที่ทุกอย่างต้องรอเป็นผลดีเล็ก ๆ ที่ได้แน่นอน คือลดขนาดได้ 10–30% โดยไม่กระทบการทำงาน เพราะตัวแยกวิเคราะห์ก็ข้ามช่องว่างที่ถูกลบอยู่แล้ว
HTML ที่ย่อแล้วมีประโยชน์มากที่สุดกับ เทมเพลตอีเมล (บางโปรแกรมอีเมลจำกัดขนาดข้อความและตัดส่วนที่เกิน) หน้าเว็บที่เซิร์ฟเวอร์สร้างขึ้นทุกครั้งที่มีคำขอ วิดเจ็ตที่ฝังและถูกเรียกใช้หลายล้านครั้ง และเว็บไซต์สแตติกที่ทุกหน้าส่งมาร์กอัปทั้งหมด HTML ที่เขียนด้วยมือและเยื้องไว้มากจะได้ประโยชน์มากกว่าโค้ดจากเฟรมเวิร์กซึ่งมักกะทัดรัดอยู่แล้วอย่างเห็นได้ชัด
ข้อควรระวังเรื่องช่องว่าง: ใน HTML มีสององค์ประกอบที่ช่องว่างเป็นเนื้อหาไม่ใช่การจัดรูปแบบ คือ <pre> และ <textarea> เครื่องมือนี้รวมช่องว่างระหว่างแท็กทั่วทั้งเอกสาร ดังนั้นหากเอกสารของคุณมีบล็อกที่จัดรูปแบบไว้ล่วงหน้า ให้ตรวจสอบในผลลัพธ์ก่อนนำไปใช้จริง โหมดจัดรูปแบบจะเยื้องโค้ดที่ถูกย่อหรือไม่เป็นระเบียบใหม่ ซึ่งช่วยเวลาตรวจดูหน้าเว็บที่รับช่วงมา หากเอกสารมีสไตล์และสคริปต์แบบอินไลน์ ให้นำไปผ่านเครื่องมือย่อ CSS และย่อ JS แยกต่างหากเพื่อประหยัดได้เต็มที่