ToolDeck

ย่อขนาด JSON

ย่อขนาด JSON โดยลบช่องว่าง

ลองตัวอย่าง

อินพุต

เอาต์พุตที่ย่อแล้ว

ประมวลผลในเครื่อง · ปลอดภัยในการวางข้อมูลลับ
JSON ที่ย่อแล้วจะแสดงที่นี่…

การบีบอัด JSON คืออะไร?

การบีบอัด JSON (Minification) คือการลบช่องว่างที่ไม่จำเป็น — เว้นวรรค แท็บ และการขึ้นบรรทัดใหม่ — ออกจากเอกสาร JSON โดยไม่เปลี่ยนแปลงข้อมูลหรือโครงสร้าง ผลลัพธ์คือสตริงแบบกะทัดรัดบรรทัดเดียวที่ทำงานเหมือนกับต้นฉบับทุกประการ แต่มีขนาดเล็กลงอย่างมาก

Before · json
After · json
{
  "user": "alice",
  "role": "admin",
  "active": true
}
{"user":"alice","role":"admin","active":true}

ทำไมต้องบีบอัด JSON?

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

ส่งข้อมูลเร็วขึ้น
ข้อมูลที่เล็กลงหมายถึงการตอบสนอง HTTP ที่เร็วขึ้น ความหน่วงต่ำลง และประสบการณ์ผู้ใช้ที่ดีขึ้นในทุกความเร็วเครือข่าย
📦
ลดค่าใช้จ่ายแบนด์วิธ
API และ CDN คิดค่าบริการตามปริมาณข้อมูลที่ส่ง การลด JSON payload ลง 60–80% ช่วยประหยัดได้มากในระดับขนาดใหญ่
📱
เหมาะกับมือถือ
ผู้ใช้มือถือที่เชื่อมต่อช้าได้รับประโยชน์สูงสุดจากการตอบสนองที่กะทัดรัด ข้อมูลน้อยลงหมายถึงแอปที่เร็วขึ้น
🔒
ความเป็นส่วนตัวปลอดภัย
การบีบอัดทำงานทั้งหมดในเบราว์เซอร์ของคุณ ไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์

ควรบีบอัดเมื่อใด?

แนะนำ
  • การตอบสนอง API ที่ส่งไปยังไคลเอนต์
  • ไฟล์ config ที่รวมอยู่ใน production build
  • JSON ที่ฝังอยู่ในหน้า HTML
  • ไฟล์ข้อมูลแบบ static ที่ให้บริการผ่าน CDN
  • ข้อมูลแอปมือถือที่ทุก KB มีความสำคัญ
ไม่แนะนำ
  • ไฟล์ config ที่คุณกำลังแก้ไขอยู่
  • debug log ที่คุณต้องอ่าน
  • JSON ที่อยู่ใน version control (ทำให้ diff อ่านยาก)
  • ไฟล์ที่ถูกบีบอัดด้วย gzip/Brotli แล้ว
  • ไฟล์ schema ร่วมหรือไฟล์เอกสาร

กรณีการใช้งานทั่วไป

การตอบสนอง REST API
บีบอัด JSON ก่อนส่งจาก API เพื่อลดเวลาตอบสนองและการใช้แบนด์วิธ
Frontend Build Pipeline
รวม JSON ที่บีบอัดแล้วเข้าใน JavaScript build โดยตรงเพื่อ static asset ที่ไม่มีค่าใช้จ่าย
ไฟล์ Configuration
ฝัง config JSON ขนาดกะทัดรัดใน Docker image, Lambda layer หรือ environment variable
Export / Import ข้อมูล
Export JSON ที่บีบอัดแล้วเพื่อการอัปโหลดที่เร็วขึ้น archive ที่เล็กลง และ data pipeline ที่มีประสิทธิภาพมากขึ้น
ข้อความ WebSocket
แอปแบบ real-time ที่ส่งข้อความ JSON บ่อยครั้งได้รับประโยชน์อย่างมากจากการลดขนาดข้อความ
อุปกรณ์ Embedded และ IoT
อุปกรณ์ที่มีหน่วยความจำและแบนด์วิธจำกัดต้องการ JSON payload ที่เล็กที่สุดเท่าที่จะเป็นไปได้

Minification vs การบีบอัด HTTP

Minification และการบีบอัด HTTP เป็นส่วนเสริมซึ่งกันและกัน ไม่ใช่ทางเลือก การใช้ทั้งสองให้ผลลัพธ์ที่ดีที่สุด

เทคนิค
ลดขนาด
ใช้เมื่อ
Minification
60–80%
Build / ด้วยตนเอง
gzip
70–90%
ชั้น HTTP (อัตโนมัติ)
Brotli
75–95%
ชั้น HTTP (อัตโนมัติ)
Minify + Brotli
92–98%
ดีที่สุดของทั้งคู่

Minify ในโค้ดของคุณ

คุณยังสามารถ minify JSON โดยใช้โปรแกรมในภาษาใดก็ได้ โดยไม่ต้องใช้ library ภายนอก

JavaScript / Node.js
JSON.stringify(JSON.parse(input))
Python
json.dumps(json.loads(input), separators=(',', ':'))
CLI (jq)
cat data.json | jq -c .
Go
json.Compact(&buf, data)

คำถามที่พบบ่อย

การบีบอัดเปลี่ยนแปลงข้อมูลของฉันหรือไม่?
ไม่ การบีบอัดลบเฉพาะช่องว่างที่ไม่มีความหมาย คีย์ ค่า อาร์เรย์ และออบเจ็กต์ทั้งหมดยังคงเหมือนเดิมทุกประการ
JSON ที่บีบอัดแล้วเป็น JSON ที่ถูกต้องหรือไม่?
ใช่ — ถูกต้องทั้งหมด JSON parser ใดก็สามารถอ่านได้ ช่องว่างไม่ใช่ส่วนหนึ่งของ JSON data model
JSON จะเล็กลงแค่ไหน?
โดยทั่วไปเล็กลง 20–60% ขึ้นอยู่กับปริมาณช่องว่างในต้นฉบับ ไฟล์ที่มีการย่อหน้าลึกจะถูกบีบอัดมากที่สุด
ควร minify ก่อนหรือหลัง gzip?
Minify ก่อน แล้วให้เซิร์ฟเวอร์ใช้ gzip หรือ Brotli ทั้งสองเทคนิคทำงานในระดับต่างกันและเสริมกันได้ดี
สามารถ minify JSON ที่มี comment ได้หรือไม่?
JSON มาตรฐานไม่รองรับ comment หากไฟล์ของคุณใช้ comment แบบ // หรือ /* */ (JSONC/JSON5) จะต้องลบออกก่อนเพราะไม่ใช่ JSON ที่ถูกต้อง