Softonic

ตัวแปลงรูปภาพเป็น Base64

ขั้นตอน 1 / 3
กำลังกู้คืนไฟล์ที่เลือก...

URL ข้อมูล Base64 รวมชนิดสื่อและไบต์ที่เข้ารหัสของรูปภาพไว้ในค่าข้อความเดียว เช่น data:image/png;base64,... เลือกรูปภาพขนาดไม่เกิน 20 MiB แล้วเครื่องมือจะสร้างค่านี้ภายในเบราว์เซอร์ของคุณ ก่อนคัดลอก คุณจะตรวจสอบข้อมูลไฟล์ต้นฉบับและความยาวโดยประมาณของ URL ข้อมูลที่สร้างขึ้นได้

วิธีการเข้ารหัสภาพด้วยฐาน 64

  1. 1

    เลือกรูปภาพ

    เลือกไฟล์รูปภาพหนึ่งไฟล์ที่มีขนาดไม่เกิน 20 MiB

  2. 2

    เข้ารหัสภายในเครื่อง

    เบราว์เซอร์จะอ่านไฟล์และสร้าง URL ข้อมูล Base64 แบบเต็มโดยไม่อัปโหลดไปยังเซิร์ฟเวอร์

  3. 3

    ตรวจสอบผลลัพธ์

    ตรวจสอบชนิดสื่อ รายละเอียดไฟล์ และความยาวโดยประมาณของ URL ข้อมูลที่สร้างขึ้น

  4. 4

    คัดลอก URL ข้อมูล

    คัดลอกค่าทั้งหมด `data:image/...;base64,...` ไปยังคลิปบอร์ด

เมื่อใดควรแสดงข้อความแบบ inline และเมื่อใดควรเชื่อมโยง

การฝังข้อมูลด้วยรูปแบบ Base64 จะช่วยประหยัดค่าใช้จ่ายในการส่งคำขอ HTTP แต่ก็ทำให้ขนาดของไฟล์เพิ่มขึ้นถึง 33%, ซึ่งอาจคุ้มค่าสำหรับบางประเภทของข้อมูล แต่อาจไม่คุ้มค่าสำหรับอีกประเภทหนึ่ง

การคำนวณขนาดตามสัดส่วน

ขนาดเดิม ขนาดในรูปแบบ Base64 ไบต์เพิ่มเติม
1 KB 1.36 KB 360 B
10 KB 13.6 KB 3.6 KB
100 KB 136 KB 36 KB
1 MB 1.36 MB 360 KB

คู่มือการตัดสินใจ

กรณีการใช้งาน แบบฝังหรือแบบภายนอก
ไอคอนขนาดไม่เกิน 2 KB (โลโก้ SVG, สไปรต์) แบบฝัง
ภาพเคอร์เซอร์ใน CSS (cursor: url()) แบบฝัง
ตัวอย่าง HTML หรือ CSS ขนาดเล็กที่ทำงานได้ในตัว แบบฝัง
ไอคอนที่รวมอยู่ในเพย์โหลดของ JavaScript แบบฝัง
รูปภาพฮีโร่ ขนาดมากกว่า 50 KB แบบภายนอก
สิ่งใดก็ตามที่สามารถเก็บไว้ในแคชแยกต่างหากได้ แบบภายนอก

รูปแบบของ URI ข้อมูล

data:[<mediatype>][;base64],<data>

ตัวอย่าง:

  • data:image/png;base64,iVBORw0KGgo..., PNG
  • data:image/svg+xml;utf8,<svg>...</svg>, ไฟล์รูปแบบ SVG โดยทั่วไปจะแสดงผลได้ดีขึ้นเมื่อใส่ไว้ในรูปแบบอินไลน์โดยไม่ใช้ฐานข้อมูล Base64
  • data:image/jpeg;base64,/9j/4AAQS..., JPG

คำแนะนำ

  • โดยทั่วไป SVG มักจะเหมาะสมกว่าเมื่อใช้รูปแบบ url() ร่วมกับการเข้ารหัส utf8 แทน Base64 เนื่องจากมีความยาวสั้นและอ่านเข้าใจได้ง่าย
  • การเข้ารหัสไม่ได้ตรวจสอบหรือล้างเนื้อหาในรูปภาพ ควรฝังเฉพาะไฟล์ที่เชื่อถือได้ โดยเฉพาะ SVG ซึ่งอาจมีเนื้อหาที่ทำงานได้หรืออ้างอิงภายนอก
  • ภาพขนาดใหญ่ในเนื้อหา JSON จะทำให้กระบวนการวิเคราะห์ข้อมูลล่าช้า หากขนาดใหญ่มาก ควรพิจารณาใช้รูปแบบข้อมูลหลายส่วน (multipart) หรือการอ้างอิงจากแหล่งภายนอกแทน
  • การใช้ CSS ร่วมกับไฟล์ภาพพื้นหลังที่อยู่ในรูปแบบ Base64 ช่วยให้การแสดงผลเป็นไปอย่างเรียบร้อย แต่ส่งผลให้ไม่สามารถเก็บข้อมูลไว้ใช้ซ้ำระหว่างหน้าเว็บต่างๆ ได้

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

Base64 จะเข้ารหัสข้อมูลขาเข้าที่มีขนาด 3 ไบต์เป็นตัวอักษร 4 ตัว ดังนั้นผลลัพธ์จึงมักยาวกว่าข้อมูลขาเข้าประมาณ 33% ภาพขนาด 10 KB จะให้ข้อความยาวประมาณ 13,600 ตัวอักษร การมีข้อความที่ยาวจึงเป็นเรื่องปกติ

เครื่องมือนี้รับรูปภาพหนึ่งไฟล์ขนาดไม่เกิน 20 MiB ซึ่งเป็นขีดจำกัดการประมวลผล ไม่ใช่ขนาดที่แนะนำสำหรับการฝัง ควรใช้ URL ข้อมูลขนาดเล็กเพราะ Base64 เพิ่มขนาดประมาณหนึ่งในสามและไม่สามารถแคชรูปแยกได้

ไม่ ระบบเข้ารหัส Base64 จะทำงานภายในเบราว์เซอร์ของคุณ โดยภาพจะไม่ได้ออกจากอุปกรณ์ของคุณเลย

เครื่องมือเข้ารหัสนี้ทำไม่ได้ โปรดใช้เครื่องมือ Base64 เป็นรูปภาพที่แยกต่างหาก เพื่อแปลง URL ข้อมูลหรือสตริง Base64 ให้เป็นไฟล์รูปภาพสำหรับดาวน์โหลด

เครื่องมือที่เกี่ยวข้อง

ตัวเลือกสี Material Design

สำรวจพาเลตสีของ Material Design คัดลอกเฉดสีใดก็ได้ (ตั้งแต่ 50 ถึง A700) ในรูปแบบ HEX, RGB หรือ HSL เพียงแตะครั้งเดียว

สร้างกระดาษบรรทัดห้าเส้น

สร้างกระดาษบรรทัดห้าเส้นสำหรับพิมพ์ ทั้งบรรทัดเปล่า กุญแจซอลหรือกุญแจฟา บรรทัดคู่สำหรับเปียโน หรือแท็บกีตาร์ เลือกจำนวน ระยะห่างเส้น A4 หรือ Letter และขอบกระดาษ แล้วดาวน์โหลด PDF หรือ SVG

เครื่องมือทำภาพโมเสกจากตัวต่อ LEGO

เปลี่ยนรูปถ่ายเป็นแบบโมเสกจัตุรัส 16, 32, 48 หรือ 64 ช่องต่อด้าน ดูสีโดยประมาณ นับแผ่นตัวต่อ 1×1 และดาวน์โหลดคู่มือประกอบที่มีหมายเลขกำกับ

เครื่องมือสร้างอวตาร

สร้างอวตารภาพประกอบแบบแบนในเบราว์เซอร์ของคุณ เลือกโทนสีผิว ผม ดวงตา ปาก เสื้อผ้า พื้นหลัง และชื่อที่แสดง แล้วดาวน์โหลดเป็น SVG หรือ PNG

ปรับขนาด PNG

ปรับขนาดภาพ PNG ได้ในเบราว์เซอร์ของคุณโดยตรง กำหนดความกว้างและความสูงใหม่เป็นพิกเซล ล็อกอัตราส่วนภาพ และคงพื้นหลังโปร่งใสไว้ ไม่มีการอัปโหลดสิ่งใด

เครื่องมือสร้างบัตรจับรางวัล

สร้างแผ่นบัตรสองส่วนแบบส่วนตัวที่มีหมายเลขเรียงลำดับสำหรับงานแบบไม่เป็นทางการ พิมพ์ทุกหน้า A4 หรือ US Letter หรือดาวน์โหลดหน้าปัจจุบันได้

เครื่องมือนี้มีให้บริการในภาษาอื่น