Image Lab คืออะไร?
Image Lab คือชุดเครื่องมือจัดการรูปภาพที่ทำงานใน Browser ทั้งหมดด้วย Canvas API คุณสามารถบีบอัด ย่อขนาด ครอป แปลงไฟล์ระหว่าง PNG, JPG และ WebP หรือแปลงรูปเป็น Base64 ได้โดยรูปไม่ถูกอัปโหลดไปที่ใด
ใช้ทำอะไรได้บ้าง
- ลดขนาดรูปก่อนอัปโหลดขึ้นเว็บหรือส่งทางแชต
- แปลงรูปเป็น Base64/Data URL เพื่อฝังใน HTML, CSS หรือ JSON
- ถอดรหัส Base64 กลับเป็นรูปเพื่อตรวจสอบข้อมูลจาก API
- ปรับขนาดให้ตรงตามข้อกำหนด เช่น ไม่เกิน 100KB หรืออัตราส่วน 16:9
เครื่องมือย่อยในหมวดนี้
- Image to Base64
- Base64 to Image
- Image Compressor
- Image Resizer
- Image Cropper
- PNG to JPG
- JPG to PNG
- Image to WebP
- WebP to PNG
- Image Information
- Image to Data URL
- Compress to Target KB
- Aspect Ratio Fit
- Image Difference
วิธีใช้งาน
- ลากไฟล์มาวาง คลิกเลือกไฟล์ หรือกด Ctrl/⌘+V เพื่อวางรูปจากคลิปบอร์ด
- เลือกเครื่องมือย่อยจากแถบด้านบน แล้วปรับค่าเช่นคุณภาพหรือขนาด
- กดปุ่มประมวลผล แล้วเทียบผลก่อน/หลัง
- กดดาวน์โหลดหรือคัดลอกผลลัพธ์
ตัวอย่าง 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 หรือลดขนาดพิกเซลจะได้ผลมากกว่า