การทำงานของเครื่องมือแปลงรูปภาพ Base64
เครื่องมือนี้ทำหน้าที่แปลงรูปภาพให้เป็นรูปแบบข้อความที่เรียกว่า Base64 เพื่อให้สามารถนำไปฝังลงในโค้ดเว็บได้โดยตรง หรือในทางกลับกัน เครื่องมือนี้สามารถรับข้อความ Base64 แล้วแปลงกลับมาเป็นไฟล์รูปภาพได้ คุณสามารถลากและวางรูปภาพ หรือวางข้อความ Base64 ลงไป จากนั้นเครื่องมือจะประมวลผลและแสดงผลลัพธ์ที่แปลงแล้วเพื่อให้คุณคัดลอกหรือดาวน์โหลดไปใช้งาน
การทำงานทั้งหมดนี้เกิดขึ้นและถูกอ่านรวมถึงแปลงในเบราว์เซอร์ของคุณโดยตรง โดยไม่มีการอัปโหลดข้อมูลใดๆ ไปยังเซิร์ฟเวอร์ของ BroBroGo
รูปแบบข้อมูลนำเข้าที่รองรับ
เครื่องมือนี้รองรับการนำเข้าข้อมูลสองรูปแบบหลักตามทิศทางการแปลงที่คุณเลือก:
- ไฟล์รูปภาพ (รูปภาพ → Base64): คุณสามารถลากไฟล์รูปภาพมาวาง หรือคลิกเพื่อเลือกไฟล์ได้ รูปแบบไฟล์ที่รองรับ ได้แก่ PNG, JPG, GIF, WebP, SVG, AVIF, BMP, ICO และ TIFF โดยมีขนาดไฟล์สูงสุดสำหรับการเข้ารหัสไม่เกิน 5 MB หากคุณลากรูปภาพมาวางพร้อมกันหลายรูป ระบบจะใช้งานเฉพาะรูปภาพแรกเท่านั้น
- ข้อความ Base64 หรือ data URI (Base64 → รูปภาพ): คุณสามารถวางข้อความ
data:image/...URI หรือข้อความ Base64 แบบดิบลงไปได้ โดยรองรับความยาวของข้อมูลนำเข้าสูงสุดสำหรับการถอดรหัสไม่เกิน 8 MB เครื่องมือนี้สามารถยอมรับรหัส Base64 ทั้งแบบมาตรฐานและแบบ URL-safe รวมถึงข้อความที่มีช่องว่างและการขึ้นบรรทัดใหม่
ผลลัพธ์และการแสดงผล
เมื่อเครื่องมือประมวลผลข้อมูลนำเข้าเรียกว่าเสร็จสิ้น จะแสดงข้อมูลต่างๆ ภายใต้หัวข้อผลลัพธ์ ดังนี้:
- Data URI: รูปภาพที่ถูกเข้ารหัสเป็นข้อความ ซึ่งเหมาะสมสำหรับการนำไปฝังใน HTML หรือ CSS โดยตรง
- Base64: รหัส Base64 แบบดิบของรูปภาพ
- CSS: ข้อมูลรูปภาพที่จัดรูปแบบให้อยู่ในรูปของพร็อพเพอร์ตี้
background-imageของ CSS - HTML: ข้อมูลรูปภาพที่จัดรูปแบบให้อยู่ในแท็ก img ของ HTML (เขียนเป็น img ในวงเล็บมุม)
- จำนวนตัวอักษรผลลัพธ์: แสดงจำนวนตัวอักษรทั้งหมดที่เกิดขึ้นในผลลัพธ์ Base64
- ขนาดรูปภาพ: แสดงสัดส่วนกว้างยาวของรูปภาพ
- ดาวน์โหลดรูปภาพ: ปุ่มสำหรับดาวน์โหลดไฟล์รูปภาพที่ถอดรหัสแล้ว ซึ่งไฟล์ที่ดาวน์โหลดจะถูกบันทึกในชื่อ
brobrogo-image.ตามด้วยนามสกุลไฟล์ที่ถูกต้อง
ข้อจำกัดและเงื่อนไขการประมวลผลรูปภาพ
เครื่องมือนี้ทำหน้าที่เพียงแค่เข้ารหัสหรือกู้คืนข้อมูลไบต์ดั้งเดิมของรูปภาพเท่านั้น โดยจะไม่มีการบีบอัดข้อมูล การครอบตัด การปรับขนาด หรือการแปลงรูปภาพไปเป็นฟอร์แมตเฉพาะเจาะจงอื่นๆ เช่น PNG หรือ JPG แต่อย่างใด
นอกจากนี้ การเข้ารหัสรูปภาพเป็น Base64 มักจะทำให้ขนาดของข้อมูลที่ได้มีขนาดใหญ่กว่าไฟล์รูปภาพต้นฉบับประมาณหนึ่งในสาม และเมื่อทำการถอดรหัสจากข้อความ Base64 ระบบจะทำการตรวจจับประเภทของรูปภาพให้โดยอัตโนมัติ
ข้อผิดพลาดที่อาจเกิดขึ้นและการแก้ไข
ในระหว่างการใช้งาน คุณอาจพบข้อความแจ้งเตือนข้อผิดพลาดในกรณีต่างๆ ดังต่อไปนี้:
- "ไฟล์ดังกล่าวไม่ใช่ประเภทรูปภาพที่รองรับ": ปรากฏขึ้นเมื่อไฟล์ที่นำเข้าไม่ใช่รูปภาพในฟอร์แมตที่ระบบรองรับ
- "รูปภาพมีขนาดใหญ่เกินกว่า
{max}กรุณาลองใช้รูปภาพที่เล็กลง": ปรากฏขึ้นเมื่อไฟล์รูปภาพที่นำเข้ามีขนาดเกินกว่า 5 MB - "ไม่สามารถอ่านไฟล์ดังกล่าวได้": ปรากฏขึ้นเมื่อเครื่องมือไม่สามารถอ่านไฟล์ที่เลือกได้
- "ไม่ใช่รหัส Base64 ที่ถูกต้อง": ปรากฏขึ้นเมื่อข้อความที่นำมาวางไม่ใช่รหัส Base64 ที่ถูกต้องตามโครงสร้าง
- "รหัส Base64 นี้ไม่สามารถถอดรหัสเป็นรูปภาพที่ระบบรู้จักได้": ปรากฏขึ้นเมื่อรหัส Base64 สามารถถอดรหัสได้สำเร็จ แต่ข้อมูลที่ได้ไม่ใช่รูปภาพที่ระบบรู้จัก
- "ข้อมูลนำเข้ายาวเกินไป กรุณาควบคุมให้ต่ำกว่า
{max}": ปรากฏขึ้นเมื่อข้อความ Base64 ที่นำมาวางมีความยาวเกินกว่า 8 MB - "ถอดรหัสรูปภาพได้ แต่ไม่สามารถแสดงผลรูปภาพได้": ปรากฏขึ้นเมื่อระบบสามารถถอดรหัสข้อมูลรูปภาพได้สำเร็จ แต่ไม่สามารถแสดงผลรูปภาพนั้นบนหน้าจอได้
คำถามที่พบบ่อย (FAQ)
รูปภาพ Base64 data URI คืออะไร? มันคือรูปภาพที่ถูกเข้ารหัสให้อยู่ในรูปแบบข้อความ ทำให้สามารถใส่ลงใน HTML หรือ CSS ได้โดยตรงโดยไม่ต้องโหลดแยกจากไฟล์อื่น ช่วยลดจำนวนการส่งคำขอ (request) ซึ่งมีประโยชน์มากสำหรับไอคอนขนาดเล็กและเทมเพลตอีเมล
ฉันควรใส่รูปภาพขนาดใหญ่ในหน้าเว็บด้วยวิธีนี้หรือไม่? ไม่แนะนำครับ เนื่องจาก Base64 จะทำให้ขนาดข้อมูลใหญ่ขึ้นประมาณหนึ่งในสาม และไม่สามารถแคชแยกจากหน้าเว็บได้ ดังนั้นจึงควรใช้กับไฟล์ขนาดเล็กเท่านั้น ส่วนรูปภาพขนาดใหญ่แนะนำให้ลิงก์เป็นไฟล์ปกติจะดีกว่าครับ
สามารถแปลงข้อความ Base64 กลับเป็นไฟล์รูปภาพได้หรือไม่? ได้ครับ เพียงสลับไปที่โหมด Base64 → รูปภาพ แล้ววาง data URI หรือข้อความ Base64 แบบดิบ ระบบจะตรวจจับประเภทรูปภาพ แสดงตัวอย่าง และให้คุณดาวน์โหลดไฟล์ได้ทันที