UTILS.
เป็นส่วนตัวตั้งแต่เริ่ม
⧉

ตัวสร้าง srcset ของรูปภาพ

สร้างแท็ก <img> แบบ responsive พร้อม srcset และ sizes จากพาธและรายการความกว้าง

ไฟล์ของคุณอยู่ในอุปกรณ์นี้

ไฟล์ประมวลผลในเบราว์เซอร์และไม่ถูกอัปโหลด เว็บไซต์จะดาวน์โหลดโค้ดและทรัพยากรที่จำเป็นต่อเครื่องมือ ไม่ต้องมีบัญชีและไม่มีตัวติดตาม

ใช้ปุ่มดาวน์โหลดเพื่อบันทึกเครื่องมือนี้เป็นไฟล์ HTML ไฟล์เดียวสำหรับใช้ออฟไลน์

ความเป็นส่วนตัว →
— ผลลัพธ์จะแสดงที่นี่ —

เกี่ยวกับเครื่องมือนี้

สร้างแท็ก <img> แบบ responsive พร้อมแอตทริบิวต์ srcset และ sizes จากพาธรูปภาพพื้นฐานและรายการความกว้าง โค้ดถูกสร้างขึ้นภายในเบราว์เซอร์ของคุณ

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

URL ใน srcset ถูกตั้งชื่ออย่างไร?
ความกว้างแต่ละค่าจะสร้าง URL เช่น path-640w.jpg พร้อมตัวระบุ 640w ที่ตรงกัน ซึ่งเป็นรูปแบบการตั้งชื่อทั่วไปสำหรับรูปภาพแบบ responsive หลายขนาด
ฉันยังต้องสร้างรูปภาพที่ปรับขนาดแล้วเองอยู่ไหม?
ใช่ เครื่องมือนี้สร้างเฉพาะโค้ด คุณต้องสร้างไฟล์รูปภาพที่ปรับขนาดจริงสำหรับแต่ละความกว้างที่ระบุไว้

เครื่องมือเพิ่มเติม