ทำตามตัวอย่างนี้เพื่อเปลี่ยนข้อมูลรูปภาพที่เข้ารหัสกลับเป็นไฟล์ที่ใช้งานได้ เปิด Base64 เป็นรูปภาพ.
วางข้อมูลรูปภาพ
เปิด Base64 เป็นรูปภาพและวางสตริง Base64 แบบธรรมดาหรือ URL ข้อมูลรูปภาพที่สมบูรณ์ ลองใช้ตัวอย่างเพื่อเติมข้อมูลในฟิลด์เดียวกันด้วยตัวอย่าง PNG จริง คุณไม่จำเป็นต้องอัปโหลดไฟล์แยกต่างหาก
URL ข้อมูลประกอบด้วยคำนำหน้า เช่น data:image/png;base64, Base64 แบบธรรมดาประกอบด้วยเฉพาะอักขระที่เข้ารหัส ช่องว่างและตัวแบ่งบรรทัดภายในข้อมูลจะถูกละเว้น
หากโค้ดของคุณอยู่ภายในรูปภาพ HTML หรือการประกาศ CSS ให้คัดลอกเฉพาะ URL ข้อมูลเท่านั้น องค์ประกอบ HTML หรือการประกาศ CSS แบบเต็มไม่สามารถถอดรหัสเป็นรูปภาพได้
ใช้ตัวแปลงรูปภาพเป็น Base64 เมื่อคุณต้องการทำในทิศทางตรงกันข้าม
ตรวจสอบตัวอย่างก่อนส่งออก
เลือกดำเนินการต่อ ตัวแปลงจะตรวจสอบอักขระ Base64, ลายเซ็นไฟล์รูปภาพ, ประเภท MIME ที่ประกาศ และว่าเบราว์เซอร์สามารถเปิดผลลัพธ์ได้หรือไม่
URL ข้อมูลที่ประกาศ JPG ในขณะที่มี PNG ไบต์จะถูกปฏิเสธ ข้อความที่ไม่สมบูรณ์ ไฟล์ที่ไม่รองรับ และไฟล์ที่เกินขีดจำกัดจะถูกปฏิเสธเช่นกัน เพื่อหลีกเลี่ยงการบันทึกนามสกุลไฟล์ที่ทำให้เข้าใจผิดโดยไม่แจ้งเตือน
ตัวอย่างนี้ใช้ตัวอย่าง favicon-orbit.png ซึ่งเป็น PNG ขนาด 512 × 512 ที่มี 202,491 ไบต์ ตัวอย่างควรแสดงงานศิลปะไอคอนที่มีสีสันเหมือนกัน หากคุณเปลี่ยนโค้ดที่วางในตัวแก้ไข ให้เลือกแสดงตัวอย่างรูปภาพเพื่อตรวจสอบการแทนที่
ตัวอย่างช่วยระบุรูปภาพ อย่าพึ่งพาชื่อไฟล์หรือประเภท MIME ที่ประกาศเพียงอย่างเดียว
ตัวอย่างในคู่มือนี้
ลองใช้ตัวอย่างเพื่อเติม data URL สำหรับ favicon-orbit.png เลือก ดำเนินการต่อ ยืนยันตัวอย่าง 512 × 512 จากนั้นเลือก เริ่ม และ ดาวน์โหลด เปรียบเทียบ PNG ไบต์ที่ดาวน์โหลดกับตัวอย่างต้นฉบับ
- รูปแบบที่ถอดรหัส
- PNG
- ขนาดรูปภาพ
- 512 × 512 พิกเซล
- ไบต์ของรูปภาพต้นฉบับ
- 202,491 ไบต์
- การแปลง
- การถอดรหัสโดยไม่มีการบีบอัดซ้ำ
ดาวน์โหลดรูปภาพที่กู้คืน
เลือกเริ่ม จากนั้นดาวน์โหลดเพื่อบันทึก decoded-image.png สำหรับตัวอย่างนี้ ตัวแปลงจะตรวจหารูปแบบต้นฉบับ โดยจะไม่ขอให้คุณเลือกรูปแบบอื่น
การถอดรหัสจะกู้คืนไบต์ต้นฉบับ โดยจะไม่ปรับขนาด วาดใหม่ หรือบีบอัดรูปภาพใหม่ และจะคงข้อมูลเมตาและแอนิเมชัน GIF ที่มีอยู่ไว้ ใช้เครื่องมือรูปภาพอื่นหลังจากดาวน์โหลดหากคุณต้องการปรับขนาด บีบอัด หรือแปลงผลลัพธ์
ตัวอย่างที่ดาวน์โหลดมีไบต์ 202,491 เท่ากับต้นฉบับ PNG ส่วนย่อของ URL ข้อมูลที่แสดงที่นี่มีไว้เพื่อประกอบการอธิบายเท่านั้น สตริงที่ถูกตัดทอนจะไม่สร้างรูปภาพที่สมบูรณ์
ดาวน์โหลดผลลัพธ์ก่อนรีเฟรชหน้า ซึ่งจะเป็นการเริ่มขั้นตอนการทำงานใหม่
ทำความเข้าใจรูปแบบ ขีดจำกัด และขอบเขตความเป็นส่วนตัว
PNG, JPG, WebP, GIF, BMP และ AVIF ได้รับการรองรับเมื่อเบราว์เซอร์สามารถถอดรหัสเพื่อแสดงตัวอย่างได้ รูปภาพที่ถอดรหัสแล้วสามารถมีขนาดสูงสุด 25 MB, 60 ล้านพิกเซล และ 16,000 พิกเซลต่อด้าน อินพุตข้อความยังมีขีดจำกัดความยาว มาร์กอัป SVG และไฟล์ไบนารีตามอำเภอใจไม่ได้รับการรองรับ
ข้อมูลที่วางจะถูกถอดรหัสและแสดงตัวอย่างบนอุปกรณ์ของคุณโดยไม่ต้องอัปโหลดเพื่อแปลง Base64 ไม่ใช่การเข้ารหัส: ใครก็ตามที่มีสตริงที่สมบูรณ์สามารถสร้างรูปภาพขึ้นมาใหม่ได้
เก็บข้อความที่เข้ารหัสของรูปภาพส่วนตัวไว้เป็นความลับด้วย
คำถามที่พบบ่อย
ฉันจะแปลง Base64 เป็นรูปภาพได้อย่างไร?
วางสตริง Base64 แบบธรรมดาหรือ URL ข้อมูลรูปภาพ เลือก ดำเนินการต่อ ตรวจสอบพรีวิว จากนั้นเลือก Start และ Download
ฉันสามารถวางแท็กรูปภาพ HTML ทั้งชุดได้หรือไม่?
ใช้เฉพาะ URL ข้อมูลที่อยู่ภายในแอตทริบิวต์ src เท่านั้น ไม่รองรับองค์ประกอบ HTML หรือการประกาศ CSS ทั้งชุด
รูปภาพจะสูญเสียคุณภาพหรือไม่?
ไม่ การถอดรหัสจะกู้คืนไบต์รูปภาพต้นฉบับโดยไม่มีการปรับขนาดหรือบีบอัดใหม่
ฉันสามารถเลือก JPG แทน PNG ได้หรือไม่?
เครื่องมือนี้จะกู้คืนไฟล์ที่เข้ารหัสในรูปแบบเดิม ให้ใช้ตัวแปลงรูปภาพหลังจากนั้นเพื่อเปลี่ยนรูปแบบ
ทำไม URL ข้อมูลของฉันถึงถูกปฏิเสธ?
ข้อมูลอาจไม่สมบูรณ์ เกินขีดจำกัด มีรูปแบบที่ไม่รองรับ หรือประกาศประเภท MIME ที่ไม่ตรงกับรูปภาพจริง
ข้อมูล Base64 ถูกอัปโหลดหรือไม่?
ไม่ ตัวแปลงจะถอดรหัสและพรีวิวรูปภาพในเครื่องภายในเบราว์เซอร์ของคุณ
กู้คืนรูปภาพ ยืนยัน และบันทึกไฟล์ต้นฉบับ
ลองใช้ตัวอย่างหรือใช้ไฟล์ของคุณเอง และตรวจสอบผลลัพธ์ก่อนแชร์
