Image to Base64

รูป → Base64

ไฟล์รูป

รีเซ็ต

กรอกค่า แล้วกดคำนวณ

ไฟล์ถูกอ่านเฉพาะในเบราว์เซอร์ ไม่ได้อัปโหลดไปเซิร์ฟเวอร์

แนวคิดหลัก

รูป → Base64 เปลี่ยนไฟล์ท้องถิ่นเป็น data URL เช่น data:image/png;base64,... ใช้ฝัง favicon หรือไอคอนเล็กใน HTML หรือใส่รูปย่อในฉบับร่าง JSON/Markdown Base64 ยาวกว่าต้นฉบับราว 33% และรูปใหญ่พองขนาด HTML และต้นทุนพาร์ส การเลือกไฟล์แปลงทันที ไม่มีปุ่มรันแยก พรีวิวและสตริงถูกเติมด้วยกัน

การอ่านใช้แค่ FileReader.readAsDataURL และไม่เรียก API อัปโหลด หาก MIME ไม่ใช่ image/ จะมีประกาศและสตริงยังว่าง การคัดลอกใช้ API คลิปบอร์ด หากถูกปฏิเสธสิทธิ์ ให้เลือกช่องผลลัพธ์เอง สกรีนช็อตที่อ่อนไหวก็ไม่ออกจากแท็บนี้ รูปที่ฝังอยู่ในหน้าโดยไม่มีแคช/CDN รูปใหญ่ที่ซ้ำจึงควรเป็น URL ไฟล์

ตัวอย่าง

เลือกไอคอน PNG เล็ก: มีพรีวิวและข้อความขึ้นต้นด้วย data:image/png;base64, คัดลอกไป <img src="…"> แล้วรูปเห็นโดยไม่มีไฟล์ภายนอก เลือก JPEG แล้ว MIME เป็น jpeg KB โดยประมาณบนบรรทัดข้อมูลมาจากความยาวสตริง จึงต่างจากขนาดบนดิสก์ได้เล็กน้อย เลือกไฟล์เดิมอีกครั้งรีเฟรชเนื้อหา รีเซ็ตแล้วเลือกเมื่อลองไอคอนอื่น หาก KB โดยประมาณใหญ่ เลือก URL ไฟล์สถิตมากกว่าฝังใน HTML

ที่เกี่ยวข้อง: Base64 → รูป · ตัวเข้ารหัส URL · ตัวนับอักขระ