UltKit
รูปภาพ11
PDF13
เอกสารและข้อมูล7
วิดีโอ6
เสียง4
เครื่องมืออื่น ๆ22

แปลงรูปเป็น SVG

อัปโหลดรูปภาพใดก็ได้ แล้วรับไฟล์ SVG ที่ประกอบด้วยเส้นเวกเตอร์จริง ขยายได้ทุกขนาด แก้ไขต่อใน Illustrator หรือ Inkscape และตัดได้คมชัดบน Cricut ไม่ใช่แค่รูปภาพที่ถูกห่อไว้ในไฟล์ SVG

แปลงรูปภาพเป็น SVG

หรือลากไฟล์ JPG, JPEG, JFIF … มาวางที่นี่ ·

สูงสุด 95 MB ต่อไฟล์· ได้สูงสุด 20 ไฟล์· ลบหลังจาก 30 นาที

ผลลัพธ์
10

ไฟล์จะถูกประมวลผลบนเซิร์ฟเวอร์ของเราและถูกลบหลังจาก 30 นาที

วิธีใช้เครื่องมือนี้

  1. 1

    อัปโหลดรูปภาพ

    รองรับ JPG, PNG, WebP, AVIF, HEIC, GIF, BMP หรือ TIFF สูงสุด 20 ไฟล์ ไฟล์ละไม่เกิน 95 MB ใช้ไฟล์ PDF ได้เช่นกัน โดยเลือกหน้าที่ต้องการภายใต้ หน้า PDF

  2. 2

    ตั้งค่าสีและพื้นหลัง

    จำนวนสี เริ่มต้นที่ 10 และเปิด ลบพื้นหลัง ไว้ ซึ่งเหมาะกับโลโก้และไอคอนส่วนใหญ่ หากเป็นลายเซ็นหรือภาพลายเส้น ให้เปลี่ยน โหมดสี เป็น ขาวดำ

  3. 3

    กดแปลงเป็นเวกเตอร์

    ดาวน์โหลดไฟล์ SVG หรือไฟล์ ZIP ไฟล์ที่อัปโหลดจะถูกลบหลังจาก 30 นาที

คำตอบ

จะแปลง img เป็น SVG ให้ถูกต้องได้อย่างไร

ต้องใช้การเทรซ เครื่องมือนี้จะหาขอบและพื้นที่สีในรูปของคุณ แล้ววาดใหม่เป็นเส้นพาธเวกเตอร์ SVG จึงขยายได้โดยไม่เบลอ การเปลี่ยนนามสกุลไฟล์เป็น .svg หรือการฝัง JPG ไว้ในไฟล์ SVG ไม่ได้ให้รูปทรงเวกเตอร์เลย

แปลงรูปเป็น SVG ด้วยการสร้างเส้นเวกเตอร์ ไม่ใช่การห่อรูปไว้

SVG เป็นข้อเสนอแนะ (Recommendation) ของ W3C ในปี 2001 เป็นฟอร์แมตข้อความสำหรับรูปทรง โดยพาธ สีเติม และเส้นขอบถูกอธิบายด้วยพิกัด ส่วน JPG หรือ PNG เป็นตรงกันข้าม คือตารางของพิกเซลสี การแปลงจากอย่างหนึ่งเป็นอีกอย่างให้ถูกต้องต้องใช้การเทรซ คือการจัดกลุ่มพิกเซลเป็นพื้นที่สีใกล้เคียงกัน แล้วปรับเส้นโค้งให้พอดีกับขอบของพื้นที่เหล่านั้น

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

การตั้งค่าแปลงรูปเป็น SVG ที่มีผลต่อผลลัพธ์

โหมดสีและจำนวนสี
สี จะเทรซแต่ละพื้นที่สีเป็นรูปทรงของตัวเอง ตั้งแต่ 2 ถึง 64 สี ระดับสีเทา ทำแบบเดียวกันกับโทนสีเทา ส่วน ขาวดำ ใช้ค่าขีดแบ่งเพียงค่าเดียว
รายละเอียดและการปรับให้เรียบ
รายละเอียด กำหนดว่าจุดเล็กแค่ไหนจะยังคงอยู่ การปรับให้เรียบ ช่วยลบขอบหยักที่เกิดจากการบีบอัด JPG และความละเอียดต่ำ
เส้นโค้ง
เส้นโค้งเรียบ เหมาะกับงานภาพส่วนใหญ่ เส้นตรง เหมาะกับโลโก้เรขาคณิต และ ขอบพิกเซล ใช้เมื่อต้องการให้พิกเซลอาร์ตคงความเป็นบล็อกไว้
ลบพื้นหลังและเฉพาะเส้นขอบ
ลบพื้นหลัง จะตัดรูปทรงใหญ่ที่ติดขอบภาพออก ทำให้โลโก้ลอยบนพื้นโปร่งใส ส่วน เฉพาะเส้นขอบ จะส่งออกเส้นตัดสำหรับเครื่องจักร

ไฟล์รูปภาพแบบใดแปลงเป็น SVG, EPS หรือ DXF ได้

from ↓ · to →SVGEPSPDFDXFAI
JPGJPG to SVG: yesJPG to EPS: yesJPG to PDF: yesJPG to DXF: yesJPG to AI: yes
PNGPNG to SVG: yesPNG to EPS: yesPNG to PDF: yesPNG to DXF: yesPNG to AI: yes
WebPWebP to SVG: yesWebP to EPS: yesWebP to PDF: yesWebP to DXF: yesWebP to AI: yes
GIFGIF to SVG: yesGIF to EPS: yesGIF to PDF: yesGIF to DXF: yesGIF to AI: yes
TIFFTIFF to SVG: yesTIFF to EPS: yesTIFF to PDF: yesTIFF to DXF: yesTIFF to AI: yes
PDFPDF to SVG: yesPDF to EPS: yesPDF to PDF: yesPDF to DXF: yesPDF to AI: yes
supported not offeredทุกอินพุตเทรซเป็นเอาต์พุตเวกเตอร์ได้ทุกชนิด รองรับ AVIF, HEIC และ BMP ด้วย ส่วน PDF จะเทรซทีละหน้า

รูปต้นฉบับที่เหมาะและไม่เหมาะกับการแปลงเป็น SVG

ควรทำไม่ควรทำ
เริ่มจากรูปเวอร์ชันที่ใหญ่ที่สุดที่คุณมีอย่าคาดหวังว่ารูปถ่ายจะดูสมจริงเมื่อเป็นเวกเตอร์
ใช้ PNG ที่มีพื้นหลังเรียบหากมีอย่าเทรซภาพย่อขนาด 64 px แล้วหวังว่าจะได้เส้นโค้งที่คมสะอาด
ครอบตัดขอบ ลายน้ำ และข้อความที่ไม่เกี่ยวข้องออกก่อนอย่าทิ้งพื้นหลังที่รกไว้หลังโลโก้
เทรซโลโก้ที่มี 2 ถึง 8 สีอย่าเปลี่ยนชื่อ .png เป็น .svg แล้วเรียกว่าเวกเตอร์

คำถามเกี่ยวกับการแปลงรูปเป็น SVG

คำว่า img ในการแปลง img เป็น SVG หมายถึงอะไร

เป็นคำย่อที่ใช้เรียกไฟล์รูปภาพทุกชนิด ยืมมาจากแท็ก <img> ของ HTML ที่ใช้แสดงรูปบนหน้าเว็บ ผู้ที่ค้นหา img to SVG มักมีโลโก้เป็น JPG หรือ PNG และต้องการเวอร์ชันเวกเตอร์ ที่นี่รองรับฟอร์แมตภาพแรสเตอร์ที่ใช้กันทั่วไปทุกชนิด

แปลงไฟล์ดิสก์อิมเมจ .img เป็น SVG ได้หรือไม่

ไม่ได้ ไฟล์นามสกุล .img ส่วนใหญ่เป็นดิสก์อิมเมจ ซึ่งคือสำเนาของไดรฟ์แบบไบต์ต่อไบต์ เช่นไฟล์ที่ดาวน์โหลดสำหรับ Raspberry Pi OS และไม่มีรูปภาพอยู่เลย ไฟล์ .img เก่ามากบางไฟล์เป็นบิตแมป GEM จากยุค 1980 ให้เปิดด้วยโปรแกรมกราฟิกรุ่นเก่าแล้วบันทึกเป็น PNG ก่อน

ไฟล์ SVG ที่แปลงแล้วใช้ในแท็ก img ของ HTML ได้หรือไม่

ได้ เบราว์เซอร์ทุกตัวในปัจจุบันแสดง SVG ผ่าน <img src="logo.svg"> ได้ และปรับขนาดให้คมชัดตามความกว้างที่ CSS กำหนด เปิด ปรับแต่ง SVG ให้เหมาะสม ไว้เพื่อให้ไฟล์มีขนาดเล็กพอที่จะโหลดได้เร็ว

ควรเปลี่ยนไปใช้โหมดขาวดำพร้อมค่าเกณฑ์เมื่อใด

ใช้กับลายเซ็น ตราประทับ ลายมือ และโลโก้สีเดียว พิกเซลทุกจุดที่เข้มกว่า ค่าขีดแบ่ง (ค่าเริ่มต้น 128) จะกลายเป็นสีดำ ส่วนที่เหลือจะหายไป ทำให้ได้ขอบที่คมที่สุด หากเส้นบางหายไปให้ลดค่าขีดแบ่ง หากรูปทรงดูเป็นปื้นให้เพิ่มค่า

จะได้เฉพาะเส้นขอบสำหรับเครื่องพล็อตเตอร์หรือเครื่องตัดสติกเกอร์ได้อย่างไร

เลือก เฉพาะเส้นขอบ ภายใต้ การตั้งค่าขั้นสูง รูปทรงจะถูกส่งออกเป็นเส้นโดยไม่มีสีเติม ซึ่งเครื่องพล็อตเตอร์และเครื่องตัดใบมีดจะใช้เป็นเส้นตัด หากซอฟต์แวร์ของเครื่องรองรับ DXF มากกว่า SVG ให้เลือก DXF ใน แปลงเป็น

ทำไมรูปที่แปลงเป็นเวกเตอร์แล้วจึงมีรายละเอียดน้อยกว่าต้นฉบับมาก

การแปลงเป็นเวกเตอร์ย่อมทำให้ภาพง่ายลงโดยธรรมชาติ เพิ่ม รายละเอียด เพื่อเก็บจุดเล็ก ๆ และเท็กซ์เจอร์ และเพิ่ม จำนวนสี ได้สูงสุด 64 สำหรับภาพประกอบ ส่วนรูปถ่ายจะกลายเป็นพื้นที่สีเรียบคล้ายโปสเตอร์ เพราะรูปทรงเวกเตอร์ไม่สามารถแสดงโทนสีต่อเนื่องได้ ดูสิ่งที่คาดหวังได้ที่ แปลงรูปถ่ายเป็น SVG