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

# ความหนาเส้นภาพระบายสี: ตรวจตามขนาดพิมพ์

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

Source: https://perfectvector.com/th/blog/coloring-page-line-thickness

Language: th
Author: Irene Kim
Published: 2026-10-15T08:00:00+09:00

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

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

> **ตัดสินใจที่ขนาดส่งมอบ**
>
> คงขนาดขณะเปรียบเทียบความหนา หลังปรับขนาดให้ตรวจเส้นกับช่องขาวใหม่ ยืนยันว่าสิ่งที่เห็นเป็นเส้นขอบที่ยังแก้ไขได้หรือรูปทรงเติมสีก่อนปรับ

## ตั้งขนาดหน้าและภาพก่อน

เริ่มจากไฟล์หลักแก้ไขได้และขนาดหน้าที่ตั้งใจ เปรียบเทียบดอกไม้ที่ตั้งใจไว้ในสี่เหลี่ยม 100 มม. ที่ขนาดนั้น มุมมองซูมของตัวแก้ไขอาจซ่อนช่องเล็กมาก

`viewBox` ของ SVG คือสี่เหลี่ยมพิกัดวาด ตัวอย่างจัตุรัสของเราจับคู่ `width="100mm"`, `height="100mm"` และ `viewBox="0 0 100 100"` ทำให้หนึ่งหน่วยวาดเท่ากับหนึ่งมิลลิเมตร viewBox เดียวกันในสี่เหลี่ยม 50 มม. ให้ครึ่งมิลลิเมตรต่อหน่วย [ข้อกำหนดพิกัด SVG](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute) นิยามการแมปนี้

เส้นขอบปกติย่อขยายตามรูปทรงตัวอย่าง ความกว้าง `0.6` วัดได้ 0.6 มม. ในไฟล์ใหญ่และ 0.3 มม. ในไฟล์เล็ก ไฟล์นี้ไม่มีค่าตั้งเส้นขอบไม่ย่อขยาย หากตัวแก้ไขคงเส้นขอบขณะเปลี่ยนขนาด ให้ตรวจความกว้างอีกครั้ง

## เปรียบเทียบเส้นกับพื้นที่ข้างกัน

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

พิจารณาขอบก้านสองเส้นห่างกันหนึ่งหน่วยวาด เพิ่มเส้นขอบแต่ละเส้นจาก `0.3` เป็น `0.6` ทำให้ช่องสุทธิลดจาก `0.7` เป็น `0.4` หน่วย ที่ `1.2` เส้นขอบซ้อนกันและช่องปิด

**น้ำหนักเส้นและช่องขาว**

![ภาพดอกไม้เดียวกันที่เส้นขอบดำหนาขึ้นตามลำดับ และช่องขาวระหว่างเส้นขอบเล็กลง](https://perfectvector.com/blog/coloring-page-line-thickness/line-weight-and-gaps.webp)

*ภาพประกอบ: เส้นขอบหนาขึ้นเหลือพื้นที่ขาวภายในและระหว่างรูปทรงข้างกันน้อยลง ค่าที่วัดด้านล่างมาจากตัวอย่าง SVG ที่สร้างแยก*

| ความหนาเส้นขอบทดลองใน SVG | เส้นที่ขนาด 100 มม. | ช่องก้านสุทธิที่ 100 มม. | เส้นที่ขนาด 50 มม. | ช่องก้านสุทธิที่ 50 มม. |
| ------------------------- | ------------------- | ------------------------ | ------------------ | ----------------------- |
| 0.3 หน่วย                 | 0.3 มม.             | 0.7 มม.                  | 0.15 มม.           | 0.35 มม.                |
| 0.6 หน่วย                 | 0.6 มม.             | 0.4 มม.                  | 0.3 มม.            | 0.2 มม.                 |
| 1.2 หน่วย                 | 1.2 มม.             | ปิด                      | 0.6 มม.            | ปิด                     |

ที่ขนาด 100 มม. ความหนาทดลองนี้ประมาณ 0.85, 1.70 และ 3.40 พอยต์ เป็นค่าเปรียบเทียบ ไม่ใช่ขั้นต่ำแนะนำหรือมาตรฐานตามอายุ การคำนวณช่องอธิบายส่วนก้านขนาน ตรวจปลายกลีบและรอยต่อโค้งแยก

## ทดลองเปรียบเทียบเล็กก่อนเปลี่ยนทั้งเล่ม

บันทึกตัวอย่างต้นฉบับเป็น `flower.svg` เปลี่ยนเฉพาะ `stroke-width` เพื่อเทียบสามแถวข้างต้น แล้วเปลี่ยนขนาดภายนอกทั้งคู่เป็น `50mm` โดยคง viewBox เพื่อทำชุดเล็ก

```xml
<svg xmlns="http://www.w3.org/2000/svg"
     width="100mm" height="100mm" viewBox="0 0 100 100">
  <g fill="none" stroke="#000000" stroke-width="0.3"
     stroke-linecap="butt" stroke-linejoin="round">
    <ellipse cx="50" cy="20" rx="7" ry="10"/>
    <ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(60 50 35)"/>
    <ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(120 50 35)"/>
    <ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(180 50 35)"/>
    <ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(240 50 35)"/>
    <ellipse cx="50" cy="20" rx="7" ry="10" transform="rotate(300 50 35)"/>
    <circle cx="50" cy="35" r="5"/>
    <path d="M49.5 60V85 M50.5 60V85"/>
  </g>
</svg>
```

พาธก้านตรงสองเส้นวิ่งจาก y=60 ถึง y=85 ห่างกันหนึ่งหน่วย ตรวจตรงกลางเพื่อเทียบช่องโดยไม่ให้กลีบหรือปลายเส้นมีผล

เราส่งออกทั้งหกแบบเป็น PDF ด้วย librsvg 2.62.1 และเปิดใหม่ด้วย Poppler 26.02.0 ขนาดหน้า PDF ตรงกับ 100 มม. และ 50 มม. ภายในค่าปัดเศษ ที่ 1,016 DPI ช่องก้านตัวอย่างวัดได้ 28, 16 และ 0 พิกเซลสำหรับชุดใหญ่ แล้ว 14, 8 และ 0 สำหรับชุดเล็ก ตรงกับตารางที่ 40 พิกเซลต่อมิลลิเมตร เราตรวจไฟล์เรนเดอร์ ไม่ได้พิมพ์จริง

1. บันทึกไฟล์หลักที่ไม่แตะต้อง เลือกลายตัวแทนที่มีทั้งพื้นที่ระบายเปิดและรายละเอียดแคบ
2. ทำสำเนาสามชุดที่มีรูปทรงและขนาดกายภาพเหมือนกัน เปลี่ยนเฉพาะความหนาเส้นขอบที่ยังแก้ไขได้
3. ตรวจพื้นที่แคบที่สุดที่ขนาดต้องการ หากช่องปิด ให้ลองเส้นบางลงหรือย้ายขอบข้างกันออก การลบรอยภายในที่ไม่จำเป็นอาจชัดกว่าทำทุกเส้นบาง
4. ส่งออกรูปแบบส่งมอบที่ต้องการ เปิดใหม่ และยืนยันขนาดหน้า เปรียบเทียบภาพส่งออกกับไฟล์หลัก รวมรูเล็ก มุม และปลายเส้น
5. ตรวจซ้ำที่ขนาดเล็กที่สุดที่ตั้งใจขายหรือพิมพ์ การเปลี่ยนขนาดหน้าที่เสร็จแล้วอาจเปลี่ยนการตัดสินใจ

ใช้หน้าและการซูมเดียวกันเปรียบเทียบ ความหนาที่เหมาะกับดอกไม้ด้านนอกอาจเบียดรายละเอียดภายใน หากใช้เส้นนอกกับในหนาต่างกัน ตรวจจุดที่พบกันหลังส่งออก

## ตรวจว่า SVG มีเส้นขอบหรือรูปทรงเติมสี

สีเติมระบายภายในรูปทรง เส้นดำที่เห็นจึงอาจเป็นรูปทรงแคบเติมสีหรือพาธกลางที่มีเส้นขอบ การเปลี่ยน `stroke-width` มีผลกับเส้นขอบ แต่ไม่เปลี่ยนสีเติมเดิมเมื่อ `stroke="none"` เรายังส่งออกตัวควบคุมพาธเติมสีเหมือนกันสองชุดที่ต่างเพียงความหนาเส้นขอบ พิกเซลเรนเดอร์เหมือนกัน ตัวควบคุมเป็นรูปทรงที่สร้างเอง ไม่ใช่ผลผลิตภัณฑ์ที่ลากเส้น

การลากเส้นขอบทั่วไปตามริมรอยหมึก การลากเส้นกลางพยายามคืนพาธผ่านกลางรอย [คู่มือการลากเส้น Inkscape](https://inkscape-manuals.readthedocs.io/en/latest/tracing-an-image.html) อธิบายทั้งสองโหมด ตรวจวัตถุจริงแทนการสมมติว่า SVG ที่ลากเส้นทุกไฟล์มีโครงสร้างเดียว

สำหรับเส้นขอบแบบรูปเติมสี ให้ปรับภาพวาดเดิมหากมี มิฉะนั้นแก้รูปทรงหรือวาดพาธกลางส่วนที่ได้รับผลใหม่ เพิ่มเส้นขอบรอบรูปทรงไม่ได้คืนเส้นปากกาเดิม [คู่มือ Stroke to Path เทียบกับ Object to Path](https://perfectvector.com/th/blog/inkscape-stroke-vs-object-to-path) อธิบายความต่างโครงสร้าง และ[คู่มือ SVG เส้นเดียว](https://perfectvector.com/th/blog/drawing-to-single-line-svg) ครอบคลุมงานเส้นกลางสำหรับพล็อต

หากต้นฉบับเดียวเป็นภาพระบายสี PNG หรือ JPG [ขั้นตอนแปลงภาพระบายสีเป็นเวกเตอร์ของ PerfectVector](https://perfectvector.com/th/coloring-page-to-svg) ให้รูปทรง SVG แก้ไขได้เพื่อตรวจได้ ตรวจตัวอย่าง แล้วปลดล็อกผลเพื่อแก้และส่งออก SVG การแปลงเวกเตอร์ไม่เลือกความหนาเส้นที่เหมาะที่สุดหรือรับประกันเส้นกลางที่ปรับด้วยตัวควบคุมความหนาเดียว สำหรับเตรียมต้นฉบับและลากเส้น ดู[คู่มือลายเส้นเป็น SVG](https://perfectvector.com/th/blog/line-art-to-svg)

เก็บไฟล์หลักเวกเตอร์ที่มีในตัวแก้ไข หน้าราสเตอร์ที่เหมาะสมอาจผ่านข้อกำหนดโรงพิมพ์อยู่แล้ว [คำอธิบายการแปลงภาพเป็นเวกเตอร์](https://perfectvector.com/th/blog/what-is-image-vectorization) ช่วยตัดสินว่าต้องการรูปทรงแก้ไขได้หรือไม่

## แยกขั้นต่ำโรงพิมพ์จากการออกแบบ

ทำตามข้อกำหนดบริการที่รับไฟล์ เช่น [แนวทางปกอ่อนของ KDP](https://kdp.amazon.com/en_US/help/topic/G201857950) กำหนดเส้นองค์ประกอบกราฟิกขั้นต่ำ 0.75 พอยต์ นี่เป็นข้อกำหนดส่งไฟล์ KDP ไม่ใช่สไตล์ภาพระบายสีที่แนะนำหรือกฎทุกโรงพิมพ์

ตรวจขนาดส่งมอบกับข้อกำหนดอีกครั้ง เส้นที่ผ่านขั้นต่ำก่อนย่อภาพอาจต่ำกว่าหลังย่อ ใช้หน่วยให้สอดคล้อง [นิยามความยาวสัมบูรณ์ CSS](https://www.w3.org/TR/css-values-4/#absolute-lengths) กำหนดหนึ่งพอยต์เป็น 1/72 นิ้ว อย่าถือค่ามิลลิเมตรปัดเศษเป็นการแปลงตรงเป๊ะ

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

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

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

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

**ทำไมตัวควบคุม stroke-width ไม่เปลี่ยนเส้นที่ลากมา?**
รอยดำอาจเป็นรูปทรงเติมสีที่ไม่มีเส้นขอบ ค่าความหนาเส้นขอบไม่เปลี่ยนรูปทรงเติมสีนั้น แก้ต้นฉบับหรือรูปทรง หรือสร้างพาธกลางอย่างตั้งใจเมื่อเหมาะกับขั้นตอน

## แหล่งข้อมูล

1. [W3C — ระบบพิกัด SVG 2](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute) — อธิบายการแมป viewBox สู่วิวพอร์ตสำหรับสองขนาดกายภาพ
2. [W3C — การระบาย SVG 2](https://www.w3.org/TR/SVG2/painting.html#StrokeProperties) — แยกสีเติมกับเส้นขอบและนิยามความหนาเส้นขอบ
3. [Inkscape — ลากเส้นภาพ](https://inkscape-manuals.readthedocs.io/en/latest/tracing-an-image.html) — แยกการลากเส้นขอบจากเส้นกลาง
4. [Amazon KDP — แนวทางส่งหนังสือปกอ่อน](https://kdp.amazon.com/en_US/help/topic/G201857950) — ให้ข้อกำหนดความหนาเส้นขั้นต่ำเฉพาะบริการ
5. [W3C — ค่าและหน่วย CSS](https://www.w3.org/TR/css-values-4/#absolute-lengths) — นิยามความสัมพันธ์พอยต์ นิ้ว และหน่วยความยาวสัมบูรณ์อื่น

***

หากต้นฉบับที่ต้องแก้เป็น PNG หรือ JPG [ลองภาพระบายสีของคุณใน PerfectVector](https://perfectvector.com/th/coloring-page-to-svg) หลังปลดล็อกและส่งออก SVG ให้ตรวจรูปทรงเส้นกับช่องขาวเล็กที่สุดที่ขนาดหน้าต้องการก่อนทำปรู๊ฟกระดาษ

## Explore

- [Read the HTML article](https://perfectvector.com/th/blog/coloring-page-line-thickness)
- [โทเคนเกมสองด้าน: จับคู่หน้าและหลังให้ตรง](https://perfectvector.com/th/blog/double-sided-game-token-alignment.md)
- [อาร์ตเวิร์กเข็มกลัด: ด้านหน้าและพื้นที่ปลอดภัย](https://perfectvector.com/th/blog/pinback-button-artwork-template.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)