เครื่องมือบีบอัด JSON ออนไลน์ฟรี รองรับการบีบอัดกะทัดรัดบรรทัดเดียว JSON, Escape/Unescape JSON, มีระบบซ่อมไวยากรณ์อัจฉริยะจัดการข้อผิดพลาดที่พบบ่อยเช่น จุลภาคต่อท้ายโดยอัตโนมัติ แสดงอัตราบีบอัดแบบเรียลไทม์ ตัวแก้ไข CodeMirror มีปุ่มลัด ประมวลผลฝั่ง frontend ล้วน
การจัดรูปแบบ JSON (Beautify) คือการเพิ่มการย่อหน้า การขึ้นบรรทัดใหม่ และช่องว่างระหว่างคู่คีย์-ค่าเพื่อให้มนุษย์อ่านง่ายขึ้น เหมาะสำหรับการพัฒนาและดีบัก; การบีบอัด JSON (Minify) คือการลบอักขระช่องว่างที่ไม่จำเป็นทั้งหมด (ช่องว่าง การขึ้นบรรทัดใหม่ แท็บ การย่อหน้า) เปลี่ยน JSON หลายบรรทัดให้เป็นรูปแบบกะทัดรัดบรรทัดเดียว มีจุดประสงค์เพื่อลดขนาด เพิ่มประสิทธิภาพการส่งผ่าน เหมาะสำหรับการส่ง API ในสภาพแวดล้อม production การลดขนาดไฟล์คอนฟิก และการฝังในสตริงโค้ด ทั้งสองเป็นการดำเนินการที่เสริมกัน — ตอนพัฒนาดูเวอร์ชันที่จัดรูปแบบ ตอนขึ้น production ใช้เวอร์ชันที่บีบอัด
JSON Escape คือการเพิ่มแบ็กสแลช (backslash) หลบหน้าอักขระพิเศษในสตริง JSON (หลักคือเปลี่ยนอัญประกาศคู่ " เป็น \", แบ็กสแลช \ เป็น \\, การขึ้นบรรทัดใหม่เป็น \n ฯลฯ) เปลี่ยนอ็อบเจ็กต์ JSON หลายบรรทัดให้เป็นสตริงลิเทอรัลบรรทัดเดียวที่สามารถฝังโดยตรงในซอร์สโค้ด JavaScript, Java, Python ฯลฯ สถานการณ์ทั่วไป: ตอนเขียน unit test ฝังการตอบกลับ JSON เป็นสตริงในโค้ดทดสอบ; ส่งสตริง JSON ในคำสั่ง Postman หรือ curl; กำหนด JSON เป็นค่าสตริงในไฟล์คอนฟิก Unescape คือการคืนค่าสตริงที่หลบหน้าแล้วกลับเป็น JSON มาตรฐาน
ได้ เครื่องมือนี้มีเอนจินซ่อมไวยากรณ์อัจฉริยะ (tryFixJSON) ก่อนบีบอัดจะตรวจจับและพยายามซ่อมข้อผิดพลาด JSON ที่พบบ่อยโดยอัตโนมัติ: 1) จุลภาคเกินที่ท้าย (trailing comma) เช่น {"a":1,}; 2) อัญประกาศเดี่ยวแทนอัญประกาศคู่ เช่น {'a':1}; 3) สตริงที่ไม่ได้ปิด; 4) คอมเมนต์ JavaScript (// และ /* */); 5) จุลภาคเกินที่ท้าย ฯลฯ หลังจากซ่อมแล้วจึงดำเนินการบีบอัดหรือ escape รับประกันผลลัพธ์ JSON ถูกกฎหมาย 100% หากตรวจพบข้อผิดพลาดที่สามารถซ่อมได้ จะแสดงปุ่ม「ลองซ่อม」บนแผงควบคุม คลิกเพื่อแก้ไขในหนึ่งคลิก
ไม่สูญหายข้อมูล การบีบอัด JSON เป็นเพียงการลบอักขระช่องว่างจัดรูปแบบ (ช่องว่าง การขึ้นบรรทัดใหม่ แท็บ) ไม่เปลี่ยนชื่อคีย์ ค่า ชนิดข้อมูล และโครงสร้างใดๆ หลังจาก JSON.parse แล้ว JSON.stringify จะสอดคล้องกับข้อมูลเดิมอย่างสมบูรณ์ อัตราบีบอัดขึ้นอยู่กับระดับการจัดรูปแบบของ JSON เดิม: หากเดิมเป็น JSON ที่จัดรูปแบบด้วยการย่อหน้า 2 ช่องว่าง อัตราบีบอัดโดยทั่วไปอยู่ที่ 20%-40% (ลบการย่อหน้าและขึ้นบรรทัดใหม่); หากมีช่องว่างต่อเนื่องจำนวนมากหรือคอมเมนต์ (หลังซ่อม) อัตราบีบอัดสามารถถึงมากกว่า 50% แถบสถานะแสดงจำนวนไบต์เดิม จำนวนไบต์หลังบีบอัด และอัตราบีบอัดที่แม่นยำแบบเรียลไทม์
ไม่รั่วไหล เครื่องมือนี้ใช้สถาปัตยกรรมประมวลผลฝั่ง frontend ล้วน การแยกวิเคราะห์ การบีบอัด การ escape และการซ่อมแซม JSON ทั้งหมดเสร็จสิ้นในเอนจิน JavaScript ของเบราว์เซอร์บนเครื่องของคุณ ข้อมูลจะไม่ถูกอัปโหลดไปยังเซิร์ฟเวอร์ภายนอกผ่านคำขอเครือข่ายใดๆ แม้ขาดการเชื่อมต่ออินเทอร์เน็ตก็สามารถใช้งานได้ปกติ คีย์ API คอนฟิกฐานข้อมูล ข้อมูลธุรกิจ และข้อมูลละเอียดอ่อนของคุณจะอยู่ในเครื่องเสมอ
เพื่อเพิ่มประสิทธิภาพ เครื่องมือนี้รองรับปุ่มลัดแป้นพิมพ์ที่สมบูรณ์ (macOS ใช้ ⌘+Shift, Windows ใช้ Ctrl+Shift): Shift+⌘/Ctrl+C บีบอัดหนึ่งคลิก; Shift+⌘/Ctrl+E escape; Shift+⌘/Ctrl+U unescape; Shift+⌘/Ctrl+O อัปโหลดไฟล์; Shift+⌘/Ctrl+D ดาวน์โหลดผลลัพธ์; Shift+⌘/Ctrl+K ล้างข้อมูล ขณะป้อนข้อมูล เครื่องมือจะใช้ debounce 400ms ดำเนินการโหมดปัจจุบันโดยอัตโนมัติ ไม่จำเป็นต้องคลิกปุ่มซ้ำๆ
การบีบอัด JSON (JSON Minification) คือกระบวนการลบอักขระช่องว่างที่ไม่จำเป็นทั้งหมดในข้อความ JSON (ช่องว่าง อักขระขึ้นบรรทัดใหม่ \n, อักขระแท็บ \t, อักขระขึ้นบรรทัด \r) และคอมเมนต์ (ไม่เป็นมาตรฐานแต่พบบ่อย) เปลี่ยน JSON ที่จัดรูปแบบด้วยการย่อหน้าหลายชั้นให้เป็นรูปแบบกะทัดรัดบรรทัดเดียว การบีบอัด JSON ไม่เปลี่ยนแปลงเนื้อหาข้อมูลใดๆ — ชื่อคีย์ ค่า ชนิดข้อมูล (สตริง/ตัวเลข/บูลีน/null/อาร์เรย์/อ็อบเจ็กต์) โครงสร้างที่ซ้อนกันยังคงไม่เปลี่ยนแปลงทั้งหมด เพียงแค่ลบช่องว่างจัดรูปแบบที่ใช้สำหรับการอ่านของมนุษย์
คุณค่าหลักของการบีบอัด JSON คือการลดขนาดข้อมูล ช่องว่างย่อหน้าและการขึ้นบรรทัดใหม่ใน JSON ที่จัดรูปแบบแม้จะเป็นมิตรกับนักพัฒนา แต่เป็นไบต์ที่ซ้ำซ้อนเมื่อส่งผ่านและจัดเก็บเครือข่าย ตัวอย่างเช่น การตอบกลับ API ทั่วไป หลังจัดรูปแบบอาจมีขนาด 2KB หลังบีบอัดอาจเหลือเพียง 1.2-1.5KB ขนาดลดลง 25%-40% ในสถานการณ์ API ที่มีการทำงานพร้อมกันสูง สภาพแวดล้อมเครือข่ายอ่อนแอบนมือถือ การแจกจ่ายไฟล์คอนฟิกขนาดใหญ่ การบีบอัด JSON สามารถลดการใช้แบนด์วิธ เพิ่มความเร็วในการส่งผ่าน ลดค่าใช้จ่ายเซิร์ฟเวอร์อย่างมีนัยสำคัญ ในสภาพแวดล้อม production มักใช้ร่วมกับการบีบอัด HTTP เช่น Gzip/Brotli แต่ JSON Minify ในฐานะการบีบอัดชั้นเนื้อหายังคงไม่สามารถทดแทนได้
การนำไปใช้งานการบีบอัด JSON นั้นง่ายมาก: ใช้ JSON.parse() เพื่อแยกวิเคราะห์ข้อความเป็นอ็อบเจ็กต์ JavaScript จากนั้นใช้ JSON.stringify(obj) โดยไม่มีพารามิเตอร์การย่อหน้าเพื่อทำให้เป็นอนุกรมและส่งออก — นั่นคือวิธีการนำไปใช้งานหลักของเครื่องมือนี้ วิธี parse + stringify นี้รับประกันตามธรรมชาติว่า JSON ที่ส่งออกถูกกฎหมาย 100% ยังสามารถลบคอมเมนต์ที่ผิดกฎหมายและจุลภาคต่อท้ายโดยอัตโนมัติ (ร่วมกับการซ่อมแซมข้อผิดพลาด) ควรทราบ: การบีบอัด JSON และการบีบอัด Gzip เป็นการเพิ่มประสิทธิภาพสองชั้นที่แตกต่างกัน — JSON Minify คือชั้นเนื้อหาลบช่องว่างที่ซ้ำซ้อน Gzip คืออัลกอริทึมการบีบอัดทั่วไปของชั้นการส่งผ่าน ทั้งสองสามารถใช้ซ้อนทับกันได้
| วิธีการบีบอัด | ชั้นการบีบอัด | สูญเสียข้อมูล | ความสามารถในการอ่าน | สถานการณ์ที่ใช้ |
|---|---|---|---|---|
| JSON Minify | ชั้นเนื้อหา (ลบช่องว่าง) | ไม่สูญเสีย | อ่านไม่ได้ (บรรทัดเดียว) | ส่ง API production, ลดขนาดคอนฟิก |
| JSON Beautify | ชั้นเนื้อหา (เพิ่มช่องว่าง) | ไม่สูญเสีย | อ่านได้สูง | พัฒนาดีบัก อ่านด้วยตนเอง |
| Gzip | ชั้นส่งผ่าน | ไม่สูญเสีย | อ่านไม่ได้ (ไบนารี) | HTTP Content-Encoding |
| Brotli | ชั้นส่งผ่าน | ไม่สูญเสีย | อ่านไม่ได้ (ไบนารี) | บีบอัดทรัพยากรสแตติก HTTPS (สูงกว่า Gzip 20%) |
| MessagePack | ชั้นซีเรียลไลซ์ | ไม่สูญเสีย | อ่านไม่ได้ (ไบนารี) | การสื่อสารภายใน RPC ประสิทธิภาพสูง |
| อักขระเดิม | หลังหลบหน้า | ชื่อ | หมายเหตุ |
|---|---|---|---|
" | \" | อัญประกาศคู่ | อักขระที่พบบ่อยที่สุดที่จำเป็นต้องหลบหน้าในสตริง JSON |
\ | \\ | แบ็กสแลช | อักขระหลบหน้าเองจำเป็นต้องถูกหลบหน้า |
ขึ้นบรรทัดใหม่ | \n | Newline | สตริงหลายบรรทัดบีบอัดเป็นบรรทัดเดียวจำเป็นต้องหลบหน้า |
แท็บ | \t | Tab | หลบหน้าแท็บย่อหน้า |
ไปต้นบรรทัด | \r | Carriage Return | CR ใน CRLF ขึ้นบรรทัดใหม่ของ Windows |
/ | \/ | สแลช | มาตรฐาน JSON อนุญาตแต่ไม่บังคับให้หลบหน้า (ไม่บังคับ) |
