เข้ารหัสรูปภาพใด ๆ เป็น URI ข้อมูล Base64
วางรูปภาพลงในเครื่องมือและรับสตริงที่เข้ารหัส Base64 ทันที ใช้เอาต์พุตเป็น URI ข้อมูลใน HTML, CSS หรือ JSON โดยไม่ต้องโฮสต์รูปภาพแยกกัน เครื่องมือนี้จะแสดงความยาวที่เข้ารหัส ประเภท MIME และดูตัวอย่างสด เพื่อให้คุณสามารถตรวจสอบผลลัพธ์ก่อนที่จะคัดลอก
ใช้เครื่องมือนี้ฟรีBrowser tool
Image to Base64
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
วิธีใช้
อัปโหลดรูปภาพ
ลากไฟล์ JPEG, PNG, WebP, GIF หรือ SVG ลงในเครื่องมือ รูปภาพจะถูกอ่านในเครื่องและไม่เคยออกจากอุปกรณ์ของคุณ
ตรวจสอบผลลัพธ์
เครื่องมือนี้จะแสดงสตริง Base64, URI ข้อมูล และการแสดงตัวอย่างรูปภาพที่ถอดรหัสแบบเรียลไทม์ เพื่อให้คุณสามารถยืนยันได้ว่าตรงกัน
คัดลอกหรือดาวน์โหลด
คลิกเพื่อคัดลอกสตริงข้อมูล URI หรือดาวน์โหลดเป็นไฟล์ข้อความธรรมดา ใช้ปุ่มข้อมูลโค้ด HTML หรือ CSS สำหรับโค้ดที่พร้อมวาง
คุณสมบัติ
รองรับหลายรูปแบบ
เข้ารหัสไฟล์ JPEG, PNG, WebP, GIF และ SVG ประเภท MIME ที่ถูกต้องจะถูกตรวจพบโดยอัตโนมัติและรวมอยู่ในคำนำหน้า URI ข้อมูล
คัดลอกเพียงคลิกเดียว
คัดลอกสตริง Base64 แบบ Raw หรือ URI ข้อมูลทั้งหมดด้วยการคลิกเพียงครั้งเดียว ข้อความยืนยันช่วยให้คุณทราบว่าข้อความอยู่บนคลิปบอร์ดของคุณ
สถิติผลลัพธ์
ดูขนาดไฟล์ต้นฉบับ ความยาวสตริงที่เข้ารหัส และเปอร์เซ็นต์ค่าใช้จ่ายในการเข้ารหัส ซึ่งจะช่วยให้คุณตัดสินใจได้ว่าการแทรกรูปภาพในบรรทัดนั้นคุ้มค่ากับการแลกเปลี่ยนหรือไม่
ตัวอย่าง CSS และ HTML
รับข้อมูลโค้ดที่พร้อมวางสำหรับแท็ก HTML img และกฎภาพพื้นหลัง CSS คัดลอกตัวอย่างและวางลงในโค้ดเบสของคุณโดยตรง
After this task
After this free tool, open Ai Enhance for the next AI editing workflow.
Continue with Ai Enhanceข้อมูลจำเพาะ
| รูปแบบการป้อนข้อมูล | JPEG, PNG, WebP, GIF, SVG |
| เอาท์พุต | URI สตริง Base64 / ข้อมูล |
| ขนาดไฟล์สูงสุด | 10 เมกะไบต์ |
| การตรวจจับไมม์ | อัตโนมัติ |
| รูปแบบตัวอย่าง | HTML img, พื้นหลัง CSS |
| กำลังประมวลผล | ฝั่งไคลเอ็นต์ (ไม่มีการอัปโหลด) |
Related Magic Eraser Tools
คำถามทั่วไป
เมื่อใดที่ฉันควรใช้ Base64 แทนไฟล์รูปภาพปกติ
+
การแทรกใน Base64 มีประโยชน์มากที่สุดสำหรับรูปภาพขนาดเล็กมาก เช่น ไอคอน พิกเซลการติดตาม 1x1 หรือองค์ประกอบ UI เล็กๆ ที่การบันทึกคำขอ HTTP เพิ่มเติมมีความสำคัญมากกว่าขนาดที่เพิ่มขึ้นประมาณ 33% ที่การเข้ารหัส Base64 เพิ่มเข้ามา
การเข้ารหัส Base64 ลดคุณภาพของภาพหรือไม่
+
ไม่ Base64 เป็นการเข้ารหัสข้อมูลไบนารี่ไฟล์แบบไม่สูญเสียข้อมูล ภาพที่ถอดรหัสจะเป็นแบบไบต์ต่อไบต์เหมือนกับต้นฉบับ ข้อเสียเพียงอย่างเดียวคือเพย์โหลดข้อความที่ใหญ่ขึ้น
มีขนาดไฟล์สูงสุดที่ฉันสามารถเข้ารหัสได้หรือไม่
+
เครื่องมือนี้รับไฟล์สูงสุด 10 MB รูปภาพขนาดใหญ่จะสร้างสตริงที่ยาวมากซึ่งอาจใช้งานแบบอินไลน์ไม่ได้ สำหรับรูปภาพขนาดใหญ่ การโฮสต์ไฟล์และการลิงก์ไปยังไฟล์ด้วย URL ถือเป็นแนวทางที่ดีกว่าเกือบทุกครั้ง
ต้องการภาพต้นฉบับที่มีขนาดเล็กลงหรือไม่?
AI Enhance สามารถบีบอัดและเพิ่มประสิทธิภาพรูปภาพก่อนที่คุณจะเข้ารหัส ไฟล์ต้นฉบับที่มีขนาดเล็กกว่าจะสร้างสตริง Base64 ที่สั้นกว่า ซึ่งช่วยลดน้ำหนักหน้าของคุณ
ลองฟรีMore free tools
Explore our other limited free edits after sign-in photo and image tools.
ออกแบบการไล่ระดับสีเชิงเส้น รัศมี และทรงกรวยด้วยการหยุดสีหลายสี คัดลอกโค้ด CSS หรือดาวน์โหลดเป็นรูปภาพ PNG ไม่จำเป็นต้องลงทะเบียน
แปลงสีระหว่างรูปแบบชื่อ HEX, RGB, HSL, HSB, CMYK และ CSS ดูตัวอย่างสด คัดลอกค่าใดก็ได้ และส่งออกการ์ดสี ไม่จำเป็นต้องลงทะเบียน
แปลงรหัสสี HEX เป็นค่า RGB และในทางกลับกัน การแสดงตัวอย่างสด การคัดลอกในคลิกเดียว และเอาต์พุตโค้ด CSS ไม่จำเป็นต้องลงทะเบียน — ใช้งานได้ในเบราว์เซอร์ของคุณ
เลือกสีใดก็ได้จากภาพที่อัปโหลดและรับรหัส HEX, RGB และ HSL ทันที สร้างจานสีจากภาพถ่ายสำหรับการออกแบบเว็บ การสร้างแบรนด์ และภาพประกอบ
อัปโหลดภาพถ่ายและแยกสีเด่น 5-10 สีด้วยรหัส HEX, RGB และ HSL คัดลอกตัวอย่าง ส่งออกเป็นตัวแปร ASE หรือ CSS ไม่จำเป็นต้องลงทะเบียน
สร้างรหัส QR สำหรับ URL ข้อความ ข้อมูลรับรอง WiFi และ vCard ปรับแต่งสี เพิ่มโลโก้ตรงกลาง และดาวน์โหลดเป็น PNG หรือ SVG ไม่จำเป็นต้องลงทะเบียน