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 ให้เป็นไฟล์รูปภาพสำหรับดาวน์โหลด

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

เครื่องมือสร้าง QR Code

สร้าง QR Code จากข้อความหรือ URL ในเบราว์เซอร์ แล้วดาวน์โหลดเป็น PNG

เครื่องสร้างบาร์โค้ด

สร้างบาร์โค้ด Code 128, EAN-13, UPC, ITF-14 และรูปแบบเชิงเส้นอื่นอีกเจ็ดแบบ ข้อมูลอยู่ในเบราว์เซอร์และดาวน์โหลดเป็น SVG หรือ PNG ได้

เครื่องมือสร้างมีม

อัปโหลดรูป JPG, PNG หรือ WebP ใส่ข้อความด้านบนและด้านล่าง ปรับฟอนต์ สี และเส้นขอบ แล้วดาวน์โหลดมีมเป็น PNG โดยประมวลผลในเบราว์เซอร์

แปลง WebP เป็น JPG

แปลงรูปภาพ WebP เป็น JPG/JPEG ได้โดยตรงในเบราว์เซอร์ เลือกคุณภาพ ผสานความโปร่งใสเข้ากับสีพื้นหลัง แล้วดาวน์โหลดโดยไม่ต้องอัปโหลดไฟล์

ตัวสร้าง GIF

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

เครื่องมือปรับขนาดรูปภาพสำหรับโซเชียลมีเดีย

ปรับขนาดรูปภาพหนึ่งภาพเป็นพรีเซ็ตโซเชียลมีเดียในตัวสำหรับ Instagram, Facebook, X, LinkedIn, YouTube, Pinterest และ TikTok ดูตัวอย่าง PNG แต่ละไฟล์และดาวน์โหลดขนาดที่ต้องใช้