การเข้ารหัส Base64

คำแนะนำที่เกี่ยวข้อง

การเข้ารหัส Base64 คืออะไร?

กรณีการใช้งาน

• การดีบั๊ก JWT: ถอดรหัสส่วนหัวและส่วนเพย์โหลดของ JWT (รูปแบบ Base64URL) เพื่อดูเนื้อหาของการอ้างสิทธิ์โทเค็น
• Basic Auth: เข้ารหัสชื่อผู้ใช้:รหัสผ่านเป็นข้อมูลรับรองการตรวจสอบสิทธิ์ HTTP Basic
• การพัฒนา OAuth: สร้าง code_verifier หรือตรวจสอบ code_challenge ในสถานการณ์ PKCE
• การดีบั๊ก API: เข้ารหัสข้อมูล JSON หรือถอดรหัสฟิลด์ Base64 ที่ส่งคืนโดย API
• การฝังรูปภาพ Data URI: แปลงไอคอนขนาดเล็กเป็นรูปแบบ data:image/...;base64,... เพื่อฝังใน CSS/HTML
• การเข้ารหัสไฟล์แนบอีเมล: เข้ารหัสไฟล์แนบอีเมลไบนารีในรูปแบบ MIME Base64

วิธีการใช้งาน

1. เลือกโหมด: คลิก Encode (เข้ารหัส) หรือ Decode (ถอดรหัส) เพื่อเปลี่ยนทิศทางการประมวลผล
2. เลือกตัวแปร: Standard (มาตรฐาน), URL-Safe (JWT/OAuth), MIME (รูปแบบอีเมลพร้อมการตัดบรรทัด 76 อักขระ)
3. ป้อนเนื้อหา: วางข้อความหรือสตริง Base64 ระบบจะประมวลผลอัตโนมัติแบบเรียลไทม์
4. ดูสถิติ: ที่ด้านล่างจะแสดงจำนวนอักขระและอัตราการขยายตัวของปริมาณ (การเข้ารหัสจะทำให้ปริมาณเพิ่มขึ้นประมาณ 33%)
5. คัดลอกผลลัพธ์: คัดลอกสตริง Base64 หรือข้อความที่ถอดรหัสแล้วด้วยคลิกเดียว

คุณสมบัติ

• สลับ Encode/Decode ได้ด้วยคลิกเดียว: สลับระหว่างโหมดเข้ารหัสและถอดรหัสได้อย่างอิสระ เอาต์พุตจะกลายเป็นอินพุตโดยตรงเพื่อรองรับการประมวลผลแบบวนซ้ำ
• รองรับ 3 ชุดอักขระ: UTF-8 (จีน/ญี่ปุ่น/อีโมจิ), ASCII, ISO-8859-1 ครอบคลุมหลายสถานการณ์อย่างมืออาชีพ
• 3 ตัวแปรสำหรับเอาต์พุต: Standard (มาตรฐาน), URL-Safe (ปลอดภัยสำหรับ JWT/OAuth/PKCE), MIME (มาตรฐาน RFC 2045 พร้อมการตัดบรรทัด 76 อักขระ)
• สถิติปริมาณแบบเรียลไทม์: แสดงจำนวนอักขระอินพุต/เอาต์พุตและอัตราการขยายตัวแบบเรียลไทม์ (Base64 ทำให้ปริมาณเพิ่มขึ้นประมาณ 33%)
• ข้อความข้อผิดพลาดที่ชัดเจน: เมื่ออักขระอยู่นอกช่วง จะแสดงข้อความข้อผิดพลาดเฉพาะเจาะจงแทนที่จะเป็นข้อผิดพลาดธรรมดา
• ตัวคั่นที่ลากได้: บนพีซีสามารถปรับสัดส่วนของพื้นที่แก้ไขซ้ายและขวาเพื่อโฟกัสที่งานปัจจุบัน
• แท็บอิสระสำหรับมือถือ: ผู้ใช้โทรศัพท์/แท็บเล็ตสลับระหว่างพื้นที่อินพุตและเอาต์พุตอย่างอิสระเพื่อประสบการณ์ที่ราบรื่น

ตัวอย่างโค้ด

// เข้ารหัส (รองรับข้อความ UTF-8)
function b64Encode(str) {
  return btoa(unescape(encodeURIComponent(str)));
}

// ถอดรหัส (รองรับข้อความ UTF-8)
function b64Decode(str) {
  return decodeURIComponent(escape(atob(str)));
}

// เข้ารหัส URL-Safe (สำหรับ JWT / OAuth)
function b64UrlEncode(str) {
  return btoa(unescape(encodeURIComponent(str)))
    .replace(/\+/g, '-')
    .replace(/\//g, '_')
    .replace(/=+$/, '');
}

console.log(b64Encode('Hello 世界')); // SGVsbG8g5LiW55WM
console.log(b64Decode('SGVsbG8g5LiW55WM')); // Hello 世界

import base64

# การเข้ารหัสแบบ Standard (UTF-8)
encoded = base64.b64encode('Hello 世界'.encode('utf-8'))
print(encoded.decode())  # SGVsbG8g5LiW55WM

# การถอดรหัสแบบ Standard
decoded = base64.b64decode(encoded).decode('utf-8')
print(decoded)  # Hello 世界

# การเข้ารหัส URL-Safe (สำหรับ JWT / OAuth)
url_safe = base64.urlsafe_b64encode('Hello 世界'.encode('utf-8'))
print(url_safe.decode())  # SGVsbG8g5LiW55WM (ไม่มี padding; ต้องตัดออกเอง)

# ลบ padding (แนวปฏิบัติมาตรฐานของ JWT)
url_safe_no_pad = url_safe.decode().rstrip('=')
print(url_safe_no_pad)

import java.nio.charset.StandardCharsets;
import java.util.Base64;

public class Base64Example {
    public static void main(String[] args) {
        String text = "Hello 世界";

        // การเข้ารหัสแบบ Standard
        String encoded = Base64.getEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(encoded); // SGVsbG8g5LiW55WM

        // การถอดรหัสแบบ Standard
        String decoded = new String(
            Base64.getDecoder().decode(encoded), StandardCharsets.UTF_8);
        System.out.println(decoded); // Hello 世界

        // การเข้ารหัส URL-Safe (สำหรับ JWT / URL)
        String urlSafe = Base64.getUrlEncoder().withoutPadding()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
        System.out.println(urlSafe);

        // การเข้ารหัส MIME (ตัดบรรทัดทุก 76 อักขระ)
        String mime = Base64.getMimeEncoder()
            .encodeToString(text.getBytes(StandardCharsets.UTF_8));
    }
}

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

อภิธานศัพท์

RFC 4648

มาตรฐานอย่างเป็นทางการสำหรับการเข้ารหัส Base16/Base32/Base64 ที่เผยแพร่โดย IETF กำหนดตัวอักษร 2 ชุด: Base64 มาตรฐานและ URL-Safe Base64 รวมถึงกฎสำหรับ padding การตัดบรรทัด การจัดการอักขระที่ไม่ใช่ตัวอักษร ฯลฯ เป็นมาตรฐานเดอแฟกโตที่ใช้งานได้สำหรับการเข้ารหัส Base64 แทนที่ RFC 3548 ก่อนหน้าเครื่องมือ URL-Safe Base64เครื่องมือ Padding Base64

RFC 2045 (MIME)

มาตรฐานส่วนขยายจดหมายอินเทอร์เน็ตหลายวัตถุประสงค์ (MIME) นำ Base64 มาใช้เป็นวิธีการเข้ารหัสสำหรับการส่งเนื้อหาจดหมายเป็นครั้งแรก กำหนดว่าการเข้ารหัส Base64 ต้องไม่เกิน 76 อักขระต่อบรรทัดและคั่นด้วย CRLF เรียกว่าตัวแปร MIME Base64เครื่องมือ MIME Base64

Base64URL (URL-Safe Base64)

ตัวแปรที่ปลอดภัยสำหรับ URL ที่กำหนดใน RFC 4648 §5 แทนที่ + ของ Base64 มาตรฐานด้วย - และ / ด้วย _ และมักจะข้ามอักขระ padding = ใช้กันอย่างแพร่หลายในสถานการณ์เช่น โทเค็น JWT, OAuth PKCE, พารามิเตอร์ URL และชื่อไฟล์เครื่องมือ URL-Safe Base64เครื่องมือ JWT

MIME Base64

ตัวแปร Base64 ที่สอดคล้องกับมาตรฐาน RFC 2045 ซึ่งแทรกอักขระขึ้นบรรทัดใหม่ (CRLF) ทุก 76 อักขระ ใช้เป็นหลักสำหรับการส่งไฟล์แนบอีเมล เนื่องจากโปรโตคอล SMTP รุ่นแรกมีข้อจำกัดเกี่ยวกับความยาวของบรรทัดเดียวเครื่องมือ MIME Base64

Padding (การเติม)

ความยาวของผลลัพธ์การเข้ารหัส Base64 ต้องเป็นพหุคูณของ 4 เมื่อจำนวนไบต์อินพุตไม่ใช่พหุคูณของ 3 ส่วนท้ายจะถูกเติมด้วยอักขระ = Base64 มาตรฐานใช้ padding Base64URL มักจะข้ามมันเครื่องมือ Padding Base64

ชุดตัวอักษร Base64

ชุดอักขระ 64 ตัวที่ใช้ในการเข้ารหัส Base64 ชุดตัวอักษร Base64 มาตรฐาน: A-Z (26), a-z (26), 0-9 (10), +, / รวม 64 อักขระ บวกกับอักขระเติม =

btoa / atob

API ดั้งเดิมของเบราว์เซอร์สำหรับการเข้ารหัส/ถอดรหัส Base64 btoa (binary to ASCII) ใช้สำหรับเข้ารหัส atob (ASCII to binary) ใช้สำหรับถอดรหัส หมายเหตุ: API เหล่านี้รองรับเฉพาะชุดอักขระ Latin-1 เท่านั้น สำหรับการประมวลผลภาษาจีน ต้องรวมเข้ากับการเข้ารหัสใหม่ UTF-8

Data URI Scheme

รูปแบบ URI ที่ช่วยให้ฝังไฟล์ขนาดเล็กลงใน URL ได้โดยตรง รูปแบบคือ data:[<mediatype>][;base64],<data> มักใช้สำหรับฝังไอคอนขนาดเล็กและรูปภาพพื้นหลัง CSS เพื่อลดคำขอ HTTPเครื่องมือ Data URIBase64 เป็นรูปภาพ

HTTP Basic Authentication

วิธีการตรวจสอบสิทธิ์ในโปรโตคอล HTTP ชื่อผู้ใช้และรหัสผ่านจะถูกรวมด้วยทวิภาค เข้ารหัสใน Base64 และส่งในส่วนหัว Authorization ของคำขอ รูปแบบ: Authorization: Basic <base64(ชื่อผู้ใช้:รหัสผ่าน)>ตัวสร้างส่วนหัว Auth

อัตราการขยายตัว Base64

สัดส่วนที่ปริมาณข้อมูลเพิ่มขึ้นหลังจากเข้ารหัส Base64 ทุก 3 ไบต์ (24 บิต) ถูกเข้ารหัสเป็น 4 อักขระ Base64 ดังนั้นปริมาณจะเพิ่มขึ้นประมาณ 33% (4/3 ≈ 1.333) ด้วย padding อัตราการขยายตัวจะสูงขึ้นเล็กน้อย

เปรียบเทียบ 3 ตัวแปร Base64

ตารางเปรียบเทียบการเข้ารหัสชุด Base

Authoritative References

• ReferenceRFC 4648 - การเข้ารหัสข้อมูล Base16, Base32 และ Base64
• ReferenceRFC 2045 - MIME ส่วนที่หนึ่ง: รูปแบบของเนื้อหาข้อความอินเทอร์เน็ต
• ReferenceRFC 7519 - JSON Web Token (JWT)
• ReferenceMDN Web Docs - btoa()
• ReferenceMDN Web Docs - atob()
• ReferenceWikipedia - Base64