> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# เลเยอร์ PNGtoSVG: ลบสีและเพิ่มเครื่องหมายจัดแนว

> ลบจานสีใน PNGtoSVG บันทึก SVG และตรวจสอบเส้นทางผสมและเครื่องหมายการจัดตำแหน่งที่เป็นตัวเลือก ก่อนที่จะนำอาร์ตเวิร์กแบบเลเยอร์ไปไว้ในแอปถัดไปของคุณ

Source: https://perfectvector.com/th/blog/pngtosvg-layers

Language: th
Author: Irene Kim
Published: 2026-11-04T08:00:00+09:00
Updated: 2026-11-08T08:00:00+09:00

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

ขั้นตอนการทำงานนี้ใช้ [PNGtoSVG.com](https://pngtosvg.com/) ซึ่งอินเทอร์เฟซปัจจุบันมีลิงก์คลาสสิกแยกต่างหาก โดยเป็นไปตามแหล่งที่มาเดียวผ่านบรรทัดฐาน การลบสีขาว และการส่งออกเครื่องหมายจดทะเบียน ผลลัพธ์คือไฟล์ SVG ที่ถูกตรวจสอบ การนำเข้าเครื่องจักรและการจัดตำแหน่งวัสดุยังต้องมีการทดสอบของตัวเอง

## เลือกสีที่คุณต้องการเก็บไว้

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

การควบคุมเดิมของเราคือ 384 × 256 RGB PNG บนสีขาวทึบ มีกรอบสีกรมท่าโดยมีจุดศูนย์กลางสีขาว สามเหลี่ยมน้าน สี่เหลี่ยมสีทอง และสี่เหลี่ยมสีกรมท่าเล็กๆ สองอัน เราใช้ซ้ำโดยไม่มีการเปลี่ยนแปลงและทดสอบเว็บไซต์ที่ใช้งานจริงเมื่อวันที่ 8 พฤศจิกายน 2026 ไซต์ดังกล่าวแสดงคำเตือนความละเอียดต่ำสำหรับแหล่งข้อมูลนี้ ซึ่งยังคงมองเห็นได้ในภาพหน้าจอด้านล่าง

**วิธีการ:** เราเก็บการส่งออก SVG จริงไว้สามรายการ และเปรียบเทียบ XML การเติม และขอบเขตเอกสาร นี่เป็นการควบคุมทางเรขาคณิตเล็กๆ อย่างหนึ่ง ไม่ใช่การวัดประสิทธิภาพคุณภาพภาพถ่าย การเปรียบเทียบ PerfectVector หรือการทดสอบการนำเข้า/ตัด Cricut

## บันทึกค่าพื้นฐาน จากนั้นลบจานสีสีขาวออก

1. เปิด PNGtoSVG.com และใช้**เรียกดูไฟล์**เพื่อเลือกแหล่งที่มาของคุณ รอผลเวกเตอร์แทนที่จะอาศัยมุมมองภาพต้นฉบับ
2. เก็บผลการเริ่มต้นอัตโนมัติไว้สำหรับการเปรียบเทียบครั้งแรกของคุณ ผลงานของเราใช้โลโก้/คลิปอาร์ต สูง สี 10 รายละเอียด 84 ปรับให้เรียบ 0 จุด 5 และมุม 45; จานสีที่ตรวจพบมีสี่สี การตั้งค่าเหล่านี้เป็นการตั้งค่าทดสอบที่บันทึกไว้ ไม่ใช่ค่าที่ตั้งไว้ล่วงหน้าที่แนะนำสำหรับทุกภาพ
3. ปล่อยให้เครื่องหมายการลงทะเบียนปิดอยู่ และใช้ **Download** (ดาวน์โหลด) เพื่อบันทึก `baseline.svg`
4. ค้นหารายการจานสีสีขาวและเลือกตัวควบคุมการลบ **×** รอให้ผลลัพธ์อัปเดต จากนั้นบันทึก `white-removed.svg` แยกต่างหาก
5. เปรียบเทียบผลลัพธ์ที่บันทึกไว้กับต้นฉบับ โดยเฉพาะรายละเอียดสีขาวที่ต้องการและเครื่องหมายแยกเล็กๆ

PNGtoSVG [คำถามที่พบบ่อยเกี่ยวกับจานสี](https://pngtosvg.com/) อธิบาย × เหมือนกับการขจัดเส้นทางของสี ให้ถือว่าสิ่งนั้นเป็นการเปลี่ยนแปลงทางเรขาคณิต แทนที่จะเพียงทาสีสีขาวให้เป็นสีอื่น หากดีไซน์ของคุณมีตัวอักษรสีขาวหรือไฮไลต์สีขาว ให้ตรวจสอบก่อนเก็บตัวแปรนี้

ในเส้นฐานที่บันทึกไว้ของเรา องค์ประกอบเส้นทางสี่สีมีสีเติมสี่สี รวมถึงสีขาวด้วย หลังจากลบสีขาวแล้ว SVG มีองค์ประกอบเส้นทางสามรายการและไม่มีสีเติมสีขาว ตรงกลางของกรอบสีกรมท่าแสดงให้เห็นผ่านกระดานหมากรุกในการเปรียบเทียบเว็บไซต์ ในขณะที่ตรงกลางของกรอบดั้งเดิมยังคงเป็นสีขาว

หากการลบอาร์ตเวิร์คที่ต้องการหายไป ให้คืนค่าสีหรือโหลดต้นฉบับใหม่และสร้างใหม่จากเส้นฐานที่บันทึกไว้ อย่าเปลี่ยนจานสีซ้ำๆ ทับผลลัพธ์ที่ไม่ได้รายละเอียดที่สำคัญอยู่แล้ว

## ทำความเข้าใจเส้นทางสีก่อนนับเลเยอร์

อินเทอร์เฟซแสดง **11 เส้นทาง**สำหรับพื้นฐานของเรา แต่ SVG ที่ดาวน์โหลดมี **สี่ `<path>` องค์ประกอบ** หลังจากลบสีขาวออก อินเทอร์เฟซจะแสดง **5 เส้นทาง** ในขณะที่ไฟล์มีองค์ประกอบเส้นทางสามรายการ

เส้นทางผสมคือองค์ประกอบเส้นทางเดียวที่มีหลายเส้นทางย่อย SVG อนุญาตอย่างชัดเจนในการก่อสร้างนี้ รวมถึงโครงร่างและช่องเปิดภายในที่แยกจากกันภายในองค์ประกอบเดียว [ข้อกำหนดเส้นทาง SVG](https://www.w3.org/TR/SVG2/paths.html) อธิบายความสัมพันธ์ดังกล่าว ในการส่งออกนี้ เรขาคณิตที่มีการเติมเหมือนกันจะแชร์องค์ประกอบเส้นทาง ดังนั้นจำนวนองค์ประกอบ XML จึงไม่ตรงกับตัวนับอินเทอร์เฟซ

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

สำหรับขั้นตอนการเตรียมการถัดไป [คำแนะนำ SVG แบบเลเยอร์](https://perfectvector.com/th/blog/layered-svg-for-cricut) ของเราแยกการจัดระเบียบสีออกจากโปรเจ็กต์ที่พร้อมสำหรับเครื่องจักร หากคุณต้องการหนึ่งไฟล์ต่อสี โปรดดู[วิธีแยกสี SVG ออกเป็นไฟล์](https://perfectvector.com/th/blog/separate-svg-colors-into-files)

## เพิ่มเครื่องหมายการลงทะเบียนเมื่อคุณต้องการอุปกรณ์ช่วยจัดตำแหน่งเท่านั้น

คำถามที่พบบ่อยของ PNGtoSVG อธิบายเครื่องหมายการลงทะเบียนว่าเป็นเรขาคณิตมุมที่ตรงกันซึ่งเพิ่มลงในแต่ละเลเยอร์สี สิ่งเหล่านี้คือตัวช่วยในการปรับแนวสำหรับงานศิลปะสี ที่นี่ไม่ได้รับการพิสูจน์ว่าเป็นเครื่องหมายเซ็นเซอร์ Cricut Print And Cut หรือทดแทนขั้นตอนการพิมพ์และตัดในเครื่องของคุณ

เมื่อสีขาวยังคงถูกลบออก ให้เปิดใช้งาน **เครื่องหมายการลงทะเบียน** และบันทึก SVG ที่สามเป็น `white-removed-registration-marks.svg` เปรียบเทียบกับการส่งออกที่ไม่มีเครื่องหมายแทนที่จะเขียนทับไฟล์นั้น

![มุมมอง PNGtoSVG จริงแบบเคียงข้างกันของแหล่งที่มาสีขาวทึบและผลลัพธ์เวกเตอร์ที่มีบริเวณสีขาวโปร่งใสและช่องสี่เหลี่ยมเล็ก ๆ สี่ช่องสำหรับการจัดตำแหน่งมุม](https://perfectvector.com/blog/pngtosvg-layers/color-marks.webp)

*ต้นฉบับทางซ้าย; ผลลบสีขาวมีเครื่องหมายลงทะเบียนอยู่ด้านขวา คำเตือนความละเอียดของแหล่งที่มาจะยังคงอยู่*

การส่งออกที่ทำเครื่องหมายไว้ของเรายังคงมีองค์ประกอบเส้นทางสามประการ แต่ละเส้นทางสีมี 8 สี่อันเหมือนกัน × ทางเดินย่อย 8 ตารางที่มุม เครื่องหมายขยายออกไป `viewBox` จาก `0 0 384 256` ถึง `-20 -20 424 296`; ความกว้างและความสูงของมันก็เปลี่ยนจาก 384 × 256 ถึง 424 × 296.

[viewBox](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute) อธิบายขอบเขตพิกัด SVG ที่ใช้สำหรับการวาดภาพ ในตัวอย่างนี้ ขอบเขตที่ใหญ่กว่านั้นรวมเรขาคณิตที่อยู่นอกพื้นที่รูปภาพต้นฉบับด้วย โปรดคำนึงถึงความแตกต่างดังกล่าวเมื่อเปรียบเทียบขนาดเอกสาร ไม่ได้หมายความว่างานศิลปะส่วนกลางจะถูกปรับขนาดเป็นขนาดใหม่

| ส่งออก                   | องค์ประกอบเส้นทาง SVG | ไบต์  | ขอบเขตเอกสารที่บันทึกไว้ |
| ------------------------ | --------------------- | ----- | ------------------------ |
| พื้นฐาน                  | 4                     | 3,106 | `0 0 384 256`            |
| สีขาวถูกถอดออก           | 3                     | 1,648 | `0 0 384 256`            |
| สีขาวถูกเอาออก มีรอยอยู่ | 3                     | 2,024 | `-20 -20 424 296`        |

เรขาคณิตสี่เหลี่ยมที่ตรงกันได้รับการตรวจสอบในไฟล์เหล่านี้ ไม่ได้มีการทดสอบการจัดตำแหน่งวัสดุจริงให้สำเร็จ เก็บสำเนาที่ไม่มีเครื่องหมายไว้ และตัดสินใจในแอปปลายทางของคุณว่ารูปร่างพิเศษนั้นอยู่ในการดำเนินการที่คุณกำลังเตรียมหรือไม่

## ตรวจสอบไฟล์ที่บันทึกไว้ก่อนสร้างงานหัตถกรรม

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

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

[คู่มือการเลือกตัวแปลง Cricut](https://perfectvector.com/th/blog/best-svg-converter-for-cricut) ครอบคลุมเส้นทางเริ่มต้นอื่นๆ ใช้ PNGtoSVG ต่อไปเมื่อพาเล็ตควบคุมและรูปทรงเรขาคณิตที่บันทึกไว้ตรงกับงานของคุณ ใช้การติดตามอื่นหรือการแก้ไขด้วยตนเองหากบริเวณที่สำคัญยังคงดูไม่ปกติหลังจากการทดสอบแบบจำกัดขอบเขต

## เมื่อการติดตามอัตโนมัติเป็นขั้นตอนที่มีประโยชน์ถัดไป

PerfectVector เหมาะกับเวลาที่คุณต้องการเริ่มจากแรสเตอร์ดั้งเดิม และตรวจสอบร่องรอยอัตโนมัติก่อนดำเนินการเตรียมงานฝีมือ ใช้ [SVG สำหรับหน้า Cricut](https://perfectvector.com/th/svg-for-cricut) กับภาพของคุณเอง จากนั้นตรวจสอบชิ้นส่วนที่เล็กที่สุดที่ต้องการ ช่องเปิดภายใน และแต่ละขอบเขตสี นี่เป็นตัวเลือกการติดตามแยกต่างหาก ไม่ใช่การอ้างว่าเอาต์พุตของมันถูกวัดเทียบกับ PNGtoSVG ในการทดสอบนี้

[ข้อเท็จจริงเกี่ยวกับผลิตภัณฑ์](https://perfectvector.com/product-facts.md) ของ PerfectVector อธิบายการแสดงตัวอย่างแบบดูอย่างเดียวฟรี คุณต้องปลดล็อกผลลัพธ์ก่อนจึงจะสามารถแก้ไขหรือส่งออกได้ ไฟล์ผลลัพธ์ยังต้องมีการตรวจสอบในแอปที่รับของคุณ หากคุณมีรูปทรงที่ยอมรับได้อยู่แล้ว การย้อนกลับจะไม่เพิ่มขั้นตอนการเตรียมการที่จำเป็น

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

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

**การลบสีขาวจะทำให้พื้นหลังเปลี่ยนสีเท่านั้นหรือไม่**
ไม่ PNGtoSVG อธิบายตัวควบคุม × ว่าเป็นการลบเส้นทางของสีนั้น ตรวจสอบอาร์ตเวิร์กสีขาวและพื้นหลังด้านนอกก่อนยอมรับผลลัพธ์

**เครื่องหมายเหล่านี้คือเครื่องหมายเซ็นเซอร์ Cricut Print แล้ว Cut หรือไม่**
การทดสอบนี้ยืนยันว่าพาธสีที่ส่งออกมีสี่เหลี่ยมสำหรับจัดแนวที่ตรงกัน แต่ไม่ได้ยืนยันความเข้ากันได้กับขั้นตอนใช้เครื่องหมายเซ็นเซอร์ของ Cricut ให้ทำตามคำแนะนำของแอปปลายทางและตรวจการทำงานที่ต้องการก่อนผลิตจริง

## แหล่งที่มา

1. [PNGtoSVG — Image vectorizer และคำถามที่พบบ่อย](https://pngtosvg.com/) — การลบพาเล็ตปัจจุบัน คำอธิบายเครื่องหมายการลงทะเบียน และอินเทอร์เฟซจริงที่ใช้ในการทดสอบนี้
2. [W3C — SVG 2 เส้นทาง](https://www.w3.org/TR/SVG2/paths.html) — เส้นทางย่อยหลายรายการสามารถเป็นขององค์ประกอบเส้นทางเดียวได้
3. [W3C — ระบบพิกัด SVG 2](https://www.w3.org/TR/SVG2/coords.html) — ช่องมองภาพและความแตกต่างของภูมิภาคพิกัดที่ใช้อธิบายการส่งออกที่ทำเครื่องหมายไว้
4. [PerfectVector — ข้อมูลผลิตภัณฑ์](https://perfectvector.com/product-facts.md) — ดูตัวอย่างฟรีและปลดล็อกขอบเขตการแก้ไข/ส่งออก

***

[เริ่มต้นอย่างอิสระด้วยภาพของคุณเองใน PerfectVector](https://perfectvector.com/th/svg-for-cricut) จากนั้นตรวจสอบสี ช่องเปิด และชิ้นส่วนที่เล็กที่สุดก่อนที่จะเตรียมโปรเจ็กต์ในแอปงานฝีมือของคุณ

## Explore

- [Read the HTML article](https://perfectvector.com/th/blog/pngtosvg-layers)
- [ภาพวาดเป็น SVG แอปพลิเค: วางแผนชิ้นผ้า](https://perfectvector.com/th/blog/drawing-to-applique-svg.md)
- [แปลงภาพเป็น SVG เพื่อการพิมพ์ 3D ที่สะอาด](https://perfectvector.com/th/blog/image-to-svg-for-3d-printing.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)