ตัวสร้างภาพตัวแทนสำหรับ SVG Data URI แบบกำหนดเอง
ตัวสร้างภาพตัวแทนสร้างภาพตัวแทน SVG อย่างง่ายโดยใช้มิติ สี และป้ายกำกับที่คุณให้ แล้วเข้ารหัสเป็น data URI ที่ครบในตัวเอง คัดลอกผลลัพธ์ลงในแอตทริบิวต์ <img src> ของ HTML หรือ CSS มันทำงานในเบราว์เซอร์ของคุณโดยไม่มีเซิร์ฟเวอร์หรือการอัปโหลด คุณจึงสร้างภาพตัวแทนได้ทุกที่
ตัวสร้างภาพตัวแทนสร้างภาพตัวแทน SVG อย่างง่ายและเข้ารหัสเป็น data URI ป้อนมิติ สี และป้ายกำกับที่ต้องการ แล้วคัดลอกผลลัพธ์ไปใช้ใน HTML หรือ CSS หากต้องการวิธีสร้างภาพตัวแทน SVG ออนไลน์อย่างรวดเร็ว เครื่องมือนี้เปลี่ยนป้อนเข้าเหล่านั้นเป็นข้อมูลอ้างอิงภาพที่ครบในตัวเอง
การแปลงใช้ค่าที่คุณให้เพื่อสร้าง SVG แล้วเข้ารหัสภาพนั้นเป็น data URI รายละเอียดที่มี ได้แก่ มิติภาพ สี และป้ายกำกับ ผลลัพธ์วางในแอตทริบิวต์ <img src> ของ HTML หรือใช้ใน CSS ได้ คุณจึงอ้างอิงภาพตัวแทนโดยตรงในโค้ด
SVG บรรยายภาพโดยใช้มาร์กอัปเวกเตอร์ ส่วน data URI แทนเนื้อหาภายใน URI ที่ใช้เป็นข้อมูลอ้างอิงภาพได้ การแปลง SVG เป็น data URI ทำให้สะดวกต่อการคัดลอกลงใน HTML หรือ CSS เมื่อต้องการภาพตัวแทนอย่างง่ายแทนข้อมูลอ้างอิงภาพแยก ภาพที่สร้างมีไว้สำหรับใช้เป็นตัวแทนและมีรายละเอียดที่คุณป้อน
เครื่องมือทำงานในเบราว์เซอร์ของคุณทั้งหมด: ป้อนเข้าของคุณถูกประมวลผลบนอุปกรณ์และไม่ถูกอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ ฟรี ไม่ต้องสมัครสมาชิก และใช้งานออฟไลน์ได้เมื่อโหลดหน้าแล้ว ทำให้มีประโยชน์เมื่อต้องการสร้างภาพตัวแทนโดยไม่ต้องติดตั้งอะไรหรือแชร์ป้อนเข้ากับบริการออนไลน์
นักพัฒนาและวิศวกร DevOps ใช้ตัวสร้างระหว่างงานเลย์เอาต์ การทำต้นแบบ หรืองานอื่นที่ต้องการข้อมูลอ้างอิงภาพอย่างง่าย นอกจากนี้ยังสะดวกเมื่อทำงานบนเครื่องที่คุณไม่สามารถหรือไม่ต้องการติดตั้งเครื่องมือในเครื่อง ป้อนรายละเอียดภาพ สร้าง SVG data URI แล้วคัดลอกลงในโปรเจกต์ของคุณ
ขั้นตอนที่ 1: ป้อนมิติ สี และป้ายกำกับสำหรับภาพตัวแทนของคุณ ค่าเหล่านี้ใช้เพื่อสร้าง SVG
ขั้นตอนที่ 2: ปรับตัวเลือกที่มีให้ตรงกับภาพตัวแทนที่ต้องการ เช่น ขนาด สี หรือป้ายกำกับที่แสดง
ขั้นตอนที่ 3: สร้างผลลัพธ์เพื่อสร้าง SVG อย่างง่ายที่เข้ารหัสเป็น data URI ผลลัพธ์พร้อมคัดลอกลงในโค้ดของคุณ
ขั้นตอนที่ 4: คัดลอก data URI และใช้ในแอตทริบิวต์ <img src> ของ HTML หรือ CSS ในที่ที่ต้องการภาพตัวแทน
กรณีการใช้งาน: จัดการงานภาพตัวแทนประจำวันโดยไม่ต้องติดตั้งเครื่องมือในเครื่อง ป้อนรายละเอียดภาพและคัดลอก data URI ที่สร้างจากเบราว์เซอร์ของคุณ
กรณีการใช้งาน: สร้างภาพตัวแทนขณะทำงานบนเครื่องอื่น เครื่องมือบนเบราว์เซอร์ให้คุณสร้างภาพได้โดยไม่ต้องตั้งค่าซอฟต์แวร์ในเครื่อง
กรณีการใช้งาน: หลีกเลี่ยงการส่งป้อนเข้าไปยังบริการของบุคคลที่สามเมื่อสร้างภาพตัวแทน ตัวสร้างประมวลผลในเบราว์เซอร์ของคุณ โดยไม่มีการอัปโหลดเซิร์ฟเวอร์
กรณีการใช้งาน: ใช้ภาพชั่วคราวในเลย์เอาต์ HTML ขณะที่แอสเซตจริงยังไม่พร้อม เพิ่ม data URI ที่สร้างลงในแอตทริบิวต์ <img src>
กรณีการใช้งาน: เพิ่มภาพตัวแทนอย่างง่ายในกฎ CSS ระหว่างพัฒนาอินเทอร์เฟซ คัดลอก data URI ที่สร้างลงในสไตล์ชีตของคุณ
กรณีการใช้งาน: เตรียมภาพตัวแทนที่มีมิติ สี และป้ายกำกับเฉพาะสำหรับหน้าหรือต้นแบบ ตัวสร้างเปลี่ยนรายละเอียดเหล่านั้นเป็น SVG อย่างง่าย