รูปภาพและสื่อ
รูปภาพและสื่อ — เครื่องมือนักพัฒนาฟรี 5 รายการบนเบราว์เซอร์ เช่น ตัวแปลงรูปภาพ Base64, ตัวสร้างรูปภาพตัวยึดและรูปภาพ OG ประมวลผลในเครื่อง ข้อมูลเป็นส่วนตัว
วิธีใช้งาน
- 1ลากรูปมาวางในเครื่องมือ— ไฟล์ถูกอ่านในเบราว์เซอร์ด้วย FileReader API รูปจึงถูกประมวลผลในแท็บ และไม่มีการอัปโหลดออกจากเครื่องของคุณ
- 2แปลงหรือลดขนาด— เปลี่ยน PNG หรือ JPG เป็นไฟล์ .ico ที่มีหลายขนาด เข้ารหัสรูปเป็น Base64 data URI หรือส่ง SVG เข้าตัวปรับแต่งเพื่อลบเมทาดาทาของโปรแกรมวาดและย่อเส้น path
- 3ดาวน์โหลดไฟล์หรือวางแบบอินไลน์— บันทึกผลลัพธ์ หรือคัดลอก data URI ไปวางใน CSS และ HTML ได้เลย ส่วนตัวสร้างภาพ OG และภาพตัวอย่างจะเติมรูปที่หน้าเว็บยังขาดให้
คำถามที่พบบ่อย
ไม่ ไฟล์จะถูกอ่านด้วย FileReader และประมวลผลบน canvas ภายในเบราว์เซอร์ จึงไม่มีการส่งออกไปที่ใด ทั้งตัวแปลง ICO ตัวแปลงภาพเป็น Base64 และตัวปรับแต่ง SVG ล้วนทำงานแบบเดียวกัน
1200x630 พิกเซล หรืออัตราส่วน 1.91:1 เพราะ Facebook, X และแอปแชตส่วนใหญ่ครอบตัดตามสัดส่วนนี้ ตัวสร้างภาพ OG เริ่มจากผืนงานขนาดนี้พอดี และการคุมไฟล์ให้อยู่ราว 1MB หรือน้อยกว่าจะช่วยเลี่ยงปัญหาตัวอย่างหมดเวลาบนบอตที่ทำงานช้า
คุ้มกับไฟล์ขนาดเล็ก เช่น ไอคอนหรือโลโก้ไม่กี่กิโลไบต์ ที่การลดคำขอ HTTP ลงหนึ่งครั้งมีค่ามากกว่าขนาดที่เพิ่มขึ้นราว 33% จาก Base64 ส่วนภาพขนาดใหญ่ควรเก็บเป็นไฟล์ เพื่อให้เบราว์เซอร์แคชแยกและโหลดแบบเลื่อนเวลาได้