JSON Minifier - แปลง JSON เป็นสตริงออนไลน์

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

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

วางโค้ด JSON ของคุณลงในตัวแก้ไขหรือพิมพ์ลงไปโดยตรง
คลิกปุ่ม บีบอัด เพื่อบีบอัดโค้ด JSON ของคุณ
หลังจากบีบอัดแล้ว คุณสามารถ:
- ดาวน์โหลดผลลัพธ์ที่ปรับปรุงแล้ว
- บันทึกหรือแชร์โดยใช้ลิงก์เฉพาะ
- ลงชื่อเข้าใช้ด้วย Google หรือ GitHub เพื่อบันทึก JSON ที่บีบอัดไว้สำหรับการใช้งานในอนาคต

JSON คืออะไร?

JSON (JavaScript Object Notation) เป็นรูปแบบไฟล์มาตรฐานเปิดที่ใช้สำหรับการจัดเก็บและแลกเปลี่ยนข้อมูล มันแสดงข้อมูลเป็นคู่คุณลักษณะ-ค่าและอาร์เรย์โดยใช้รูปแบบข้อความที่มนุษย์อ่านได้ JSON ถูกใช้กันอย่างแพร่หลายในแอปพลิเคชันเว็บและ API มักจะใช้แทน XML ในระบบ AJAX เนื่องจากความเรียบง่ายและประสิทธิภาพ

เรียนรู้เพิ่มเติมเกี่ยวกับ JSON จาก เอกสาร JSON อย่างเป็นทางการ .

ไวยากรณ์ของ JSON

JSON สนับสนุนโครงสร้างข้อมูลหลักสองประเภท:

วัตถุ: ชุดของคู่ชื่อ-ค่า ที่อยู่ในวงเล็บปีกกา ({}).
อาร์เรย์: รายการของค่า ที่อยู่ในวงเล็บเหลี่ยม ([]).

JSON กำหนดประเภทค่าดังนี้: สตริง, ตัวเลข, วัตถุ, อาร์เรย์, true, false, และ null.

นี่คือตัวอย่างของข้อมูล JSON:

      
{
  "firstName": "Duke",
  "lastName": "Java",
  "age": 18,
  "streetAddress": "100 Internet Dr",
  "city": "JavaTown",
  "state": "JA",
  "postalCode": "12345",
  "phoneNumbers": [
    {
      "Mobile": "111-111-1111"
    }, {
      "Home": "222-222-2222"
    }
  ]
}

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

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

ตัวอย่าง

ก่อนบีบอัด

      
{
  "colors": [
    {
      "color": "black",
      "category": "hue",
      "type": "primary",
      "code": {
        "rgba": [
          255, 255, 255, 1
        ],
        "hex": "#000"
      }
    }, {
      "color": "white",
      "category": "value",
      "code": {
        "rgba": [
          0, 0, 0, 1
        ],
        "hex": "#FFF"
      }
    }
  ]
}

หลังบีบอัด

      
{"colors":[{"color":"black","category":"hue","type":"primary","code":{"rgba":[255,255,255,1],"hex":"#000"}},{"color":"white","category":"value","code":{"rgba":[0,0,0,1],"hex":"#FFF"}}]}