รูปแบบกราฟิกแบบเวกเตอร์ที่ปรับขนาดได้ (SVG) ช่วยให้คุณสร้างองค์ประกอบแบบโต้ตอบได้มากขึ้นบนหน้าเว็บ โดยไม่ต้องใช้แบนด์วิดท์มากเท่ากับรูปแบบอื่นๆ เช่น JPEG หรือ-g.webp
ขั้นตอน
วิธีที่ 1 จาก 2: การใช้ Convertio-j.webp" />
สร้างรูปภาพ Svg ขั้นตอนที่ 1
ขั้นตอนที่ 1 เปิดเว็บเบราว์เซอร์และไปที่
![สร้างรูปภาพ Svg ขั้นตอนที่ 1 สร้างรูปภาพ Svg ขั้นตอนที่ 1](https://i.how-what-advice.com/images/003/image-6204-1-j.webp)
คุณจะถูกนำไปที่หน้าตัวแปลง Convertio-j.webp
![สร้างรูปภาพ Svg ขั้นตอนที่ 2 สร้างรูปภาพ Svg ขั้นตอนที่ 2](https://i.how-what-advice.com/images/003/image-6204-2-j.webp)
ขั้นตอนที่ 2 เลือกไฟล์-j.webp" />
ที่ด้านบนของเมนูตัวแปลง คุณจะเห็นแถบเครื่องมือสีแดงแสดงแหล่งที่มาต่างๆ ที่สามารถอัปโหลดไฟล์-j.webp
![สร้างรูปภาพ Svg ขั้นตอนที่ 3 สร้างรูปภาพ Svg ขั้นตอนที่ 3](https://i.how-what-advice.com/images/003/image-6204-3-j.webp)
ขั้นตอนที่ 3 ค้นหาไฟล์ที่คุณต้องการแปลง
หลังจากเลือกแหล่งที่มาแล้ว กล่องโต้ตอบจะปรากฏขึ้นและสร้างไลบรารีโฟลเดอร์ของคอมพิวเตอร์ ในกล่องนี้ ให้เข้าถึงโฟลเดอร์ที่เก็บไฟล์รูปภาพที่คุณต้องการแปลงและเลือกไฟล์
![สร้างรูปภาพ Svg ขั้นตอนที่ 4 สร้างรูปภาพ Svg ขั้นตอนที่ 4](https://i.how-what-advice.com/images/003/image-6204-4-j.webp)
ขั้นตอนที่ 4 คลิกแปลง
เมื่ออัปโหลดไฟล์แล้ว ปุ่มสีแดงจะปรากฏขึ้นที่มุมล่างขวาของหน้าต่างเมนู ขั้นตอนการแปลงจะเริ่มขึ้นและอาจใช้เวลาสองสามนาที ขึ้นอยู่กับขนาดของไฟล์
![สร้างรูปภาพ Svg ขั้นตอนที่ 5 สร้างรูปภาพ Svg ขั้นตอนที่ 5](https://i.how-what-advice.com/images/003/image-6204-5-j.webp)
ขั้นตอนที่ 5. คลิกดาวน์โหลด
หลังจากแปลงไฟล์เสร็จแล้ว ปุ่มสีน้ำเงินจะปรากฏขึ้นทางด้านขวาของชื่อไฟล์ในเมนูตัวแปลง คลิกปุ่มเพื่อดาวน์โหลดรูปภาพลงในคอมพิวเตอร์ของคุณเป็นไฟล์ SVG
วิธีที่ 2 จาก 2: การใช้ Adobe Illustrator
![สร้างรูปภาพ Svg ขั้นตอนที่ 6 สร้างรูปภาพ Svg ขั้นตอนที่ 6](https://i.how-what-advice.com/images/003/image-6204-6-j.webp)
ขั้นตอนที่ 1. เปิด Adobe Illustrator
Adobe Illustrator เป็นแอปพลิเคชั่นออกแบบกราฟิกที่ให้คุณสร้างงานศิลปะของคุณเองโดยใช้เครื่องมือและคุณสมบัติที่หลากหลาย
![สร้างรูปภาพ Svg ขั้นตอนที่7 สร้างรูปภาพ Svg ขั้นตอนที่7](https://i.how-what-advice.com/images/003/image-6204-7-j.webp)
ขั้นตอนที่ 2. สร้างภาพ
เมื่อหน้าต่าง Illustrator เปิดขึ้น คุณสามารถเลือกเครื่องมือใดก็ได้จากแถบเครื่องมือทางด้านซ้ายของหน้าจอเพื่อเริ่มกระบวนการออกแบบรูปภาพ
![สร้างรูปภาพ Svg ขั้นตอนที่ 8 สร้างรูปภาพ Svg ขั้นตอนที่ 8](https://i.how-what-advice.com/images/003/image-6204-8-j.webp)
ขั้นตอนที่ 3 ใช้เอฟเฟกต์ SVG กับเลเยอร์รูปภาพหลายชั้น
หากคุณต้องการเพิ่มเอฟเฟกต์ของคุณเองให้กับรูปภาพ ให้เลือกเลเยอร์แล้วคลิก “ ผล ” > “ ตัวกรอง SVG ” > “ ใช้ตัวกรอง SVG " หลังจากนั้นเพียงคลิกปุ่ม “ แก้ไขตัวกรอง SVG ” แก้ไขรหัสเริ่มต้นแล้วคลิก “ ตกลง ” เพื่อบันทึกเอฟเฟกต์ SVG
![สร้างรูปภาพ Svg ขั้นตอนที่ 9 สร้างรูปภาพ Svg ขั้นตอนที่ 9](https://i.how-what-advice.com/images/003/image-6204-9-j.webp)
ขั้นตอนที่ 4 คลิกแท็บไฟล์
ที่มุมซ้ายบนของหน้าจอ
![สร้างรูปภาพ Svg ขั้นตอนที่ 10 สร้างรูปภาพ Svg ขั้นตอนที่ 10](https://i.how-what-advice.com/images/003/image-6204-10-j.webp)
ขั้นตอนที่ 5. เลือกส่งออกบนเมนู
เพื่อให้ไฟล์ SVG ของคุณพร้อมสำหรับการดูและใช้งานภายนอก Illustrator คุณจะต้องส่งออกไฟล์
คุณยังสามารถเลือก " บันทึกเป็น… " อย่างไรก็ตาม ขั้นตอนนี้จะบันทึกภาพที่สามารถดูและแก้ไขผ่าน Illustrator เท่านั้น
![สร้างรูปภาพ Svg ขั้นตอนที่ 11 สร้างรูปภาพ Svg ขั้นตอนที่ 11](https://i.how-what-advice.com/images/003/image-6204-11-j.webp)
ขั้นตอนที่ 6 คลิก ส่งออกเป็น…
เมนูใหม่จะเปิดขึ้นและคุณสามารถส่งออกไฟล์จาก Illustrator ไปเป็นรูปแบบที่ต้องการได้
คุณยังสามารถเลือก " ส่งออกสำหรับหน้าจอ… ” เพื่อบันทึกไฟล์ SVG ในรูปแบบที่สามารถเข้าถึงได้ผ่านอุปกรณ์ iOS หรือ Android
![สร้างรูปภาพ Svg ขั้นตอนที่ 12 สร้างรูปภาพ Svg ขั้นตอนที่ 12](https://i.how-what-advice.com/images/003/image-6204-12-j.webp)
ขั้นตอนที่ 7 เลือก SVG ในรายการประเภทไฟล์
Illustrator มีไฟล์หลายประเภทให้คุณเลือก รวมถึงไฟล์ SVG สำหรับเว็บ
![สร้างภาพ Svg ขั้นตอนที่ 13 สร้างภาพ Svg ขั้นตอนที่ 13](https://i.how-what-advice.com/images/003/image-6204-13-j.webp)
ขั้นตอนที่ 8 คลิกบันทึก
รูปภาพพร้อมที่จะใช้เป็นไฟล์ SVG แล้ว