ตัวแปลงรูปภาพ ↔ Base64

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

ควรฝังรูปเป็น Base64 แทนการลิงก์ไฟล์เมื่อใด?

เมื่อรูปมีขนาดเล็ก (ราว ๆ ต่ำกว่า 10 KB) แทบไม่เปลี่ยน และมิฉะนั้นจะทำให้เสียคำขอ HTTP เพิ่มอีกหนึ่งครั้ง — เช่นไอคอน โลโก้ในอีเมล หรือเอกสาร HTML ไฟล์เดียวจบ ส่วนอะไรที่ใหญ่กว่านั้น การแยกเป็นไฟล์ต่างหากดีกว่า: มันแคชได้อิสระ โหลดขนานกันได้ และไม่ทำให้ HTML หรือ CSS ของคุณบวมขึ้น 33%

ทำไวเวอร์ชัน Base64 จึงใหญ่กว่าไฟล์ของฉันราวหนึ่งในสาม?

Base64 แทนทุก 3 ไบต์ของข้อมูลไบนารีด้วย 4 อักขระ ASCII ซึ่งเป็นภาระเชิงโครงสร้าง +33% (บวกอักขระ padding อีกไม่เกินสองตัว) Gzip หรือ Brotli บนเซิร์ฟเวอร์ของคุณดึงกลับมาได้บ้าง แต่การพองตัวนี้ติดมากับตัวการเข้ารหัสเอง — มันแลกขนาดกับความสามารถในการฝังข้อมูลไบนารีลงในข้อความ

ถอดรหัส data URL ที่เจอในสไตล์ชีตหรือ HTML ได้ไหม?

ได้ — สลับไปที่ Base64 → ภาพ แล้ววางทั้งก้อน รวมคำนำหน้า data: ด้วย data URL ของ SVG ที่เข้ารหัสแบบเปอร์เซ็นต์ (ชนิดที่ไม่มี ;base64) ก็ถอดได้ และการขึ้นบรรทัดใหม่หรือช่องว่างในเพย์โหลดจะถูกตัดออกให้อัตโนมัติ ผลลัพธ์จะแสดงตัวอย่างในหน้าและดาวน์โหลดด้วยนามสกุลที่ถูกต้อง

ใช้ได้กับไฟล์ SVG, GIF และ ICO ด้วยไหม หรือเฉพาะ PNG กับ JPEG?

ทุกอย่างที่ตัวตรวจรู้จักแปลงเป็น Base64 ได้: PNG, JPEG, WebP, GIF, SVG, BMP, ICO และ AVIF สำหรับ SVG โดยเฉพาะ ลองพิจารณาว่าซอร์ส XML ของมันมักเล็กกว่าและอ่านง่ายกว่าเมื่อฝังตรง ๆ — การเข้ารหัส SVG เป็น Base64 มักสมเหตุสมผลเมื่อเรื่องอัญประกาศหรือการ escape กลายเป็นปัญหา