ข้ามไปยังเนื้อหาหลัก
เครื่องมือเดฟDevTools Arcade
STAGE 01Converter

Image Lab · ห้องแล็บรูปภาพ

บีบอัด ย่อขนาด ครอป แปลงไฟล์ PNG/JPG/WebP และแปลงรูปเป็น Base64 ใน Browser

Image Lab คืออะไร?

Image Lab คือชุดเครื่องมือจัดการรูปภาพที่ทำงานใน Browser ทั้งหมดด้วย Canvas API คุณสามารถบีบอัด ย่อขนาด ครอป แปลงไฟล์ระหว่าง PNG, JPG และ WebP หรือแปลงรูปเป็น Base64 ได้โดยรูปไม่ถูกอัปโหลดไปที่ใด

ใช้ทำอะไรได้บ้าง

  • ลดขนาดรูปก่อนอัปโหลดขึ้นเว็บหรือส่งทางแชต
  • แปลงรูปเป็น Base64/Data URL เพื่อฝังใน HTML, CSS หรือ JSON
  • ถอดรหัส Base64 กลับเป็นรูปเพื่อตรวจสอบข้อมูลจาก API
  • ปรับขนาดให้ตรงตามข้อกำหนด เช่น ไม่เกิน 100KB หรืออัตราส่วน 16:9

เครื่องมือย่อยในหมวดนี้

วิธีใช้งาน

  1. ลากไฟล์มาวาง คลิกเลือกไฟล์ หรือกด Ctrl/⌘+V เพื่อวางรูปจากคลิปบอร์ด
  2. เลือกเครื่องมือย่อยจากแถบด้านบน แล้วปรับค่าเช่นคุณภาพหรือขนาด
  3. กดปุ่มประมวลผล แล้วเทียบผลก่อน/หลัง
  4. กดดาวน์โหลดหรือคัดลอกผลลัพธ์

ตัวอย่าง Input / Output

Input

photo.png — 2.4 MB, 3000×2000

Output

photo.webp — 310 KB, 1500×1000 (คุณภาพ 80%)

เหมาะกับงานแบบไหน

  • เตรียมรูปสินค้าสำหรับร้านค้าออนไลน์
  • ทำ Favicon หรือ Placeholder แบบ inline
  • ตรวจรูปที่ได้รับเป็น Base64 จาก API

ข้อจำกัดที่ควรรู้

  • การแปลงผ่าน Canvas จะไม่เก็บ EXIF/Metadata เดิม (ซึ่งช่วยเรื่องความเป็นส่วนตัว)
  • รูปขนาดใหญ่มาก (เกิน ~16,000 พิกเซลต่อด้าน หรือ 50MB) อาจเกินขีดจำกัดของ Browser
  • การบีบอัด PNG ใช้วิธีลดขนาดหรือแปลงรูปแบบ เพราะ Canvas ไม่รองรับระดับการบีบอัด PNG
  • รองรับ HEIC เฉพาะ Browser ที่ถอดรหัส HEIC ได้เอง (เช่น Safari)

คำถามที่พบบ่อย (FAQ)

รูปของฉันถูกอัปโหลดไปที่เซิร์ฟเวอร์หรือไม่?

ไม่ ทุกขั้นตอนทำด้วย JavaScript และ Canvas ในเครื่องของคุณ ไฟล์ไม่ออกจาก Browser

Base64 to Image รองรับข้อมูลแบบไหน?

รองรับทั้ง Data URL ที่ขึ้นต้นด้วย data:image/...;base64, และ Base64 ล้วนที่ไม่มี prefix ระบบจะตรวจ Signature ของไฟล์เพื่อหาประเภทรูปให้อัตโนมัติ

ทำไมไฟล์ PNG ที่บีบอัดแล้วยังใหญ่?

PNG เป็นรูปแบบ lossless ลองแปลงเป็น WebP หรือ JPG หรือลดขนาดพิกเซลจะได้ผลมากกว่า