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

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

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

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

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

viewBox ของ SVG คือสี่เหลี่ยมพิกัดวาด ตัวอย่างจัตุรัสของเราจับคู่ width="100mm", height="100mm" และ viewBox="0 0 100 100" ทำให้หนึ่งหน่วยวาดเท่ากับหนึ่งมิลลิเมตร viewBox เดียวกันในสี่เหลี่ยม 50 มม. ให้ครึ่งมิลลิเมตรต่อหน่วย ข้อกำหนดพิกัด SVG นิยามการแมปนี้

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

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

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

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

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

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

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

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

<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 อธิบายทั้งสองโหมด ตรวจวัตถุจริงแทนการสมมติว่า SVG ที่ลากเส้นทุกไฟล์มีโครงสร้างเดียว

สำหรับเส้นขอบแบบรูปเติมสี ให้ปรับภาพวาดเดิมหากมี มิฉะนั้นแก้รูปทรงหรือวาดพาธกลางส่วนที่ได้รับผลใหม่ เพิ่มเส้นขอบรอบรูปทรงไม่ได้คืนเส้นปากกาเดิม คู่มือ Stroke to Path เทียบกับ Object to Path อธิบายความต่างโครงสร้าง และคู่มือ SVG เส้นเดียว ครอบคลุมงานเส้นกลางสำหรับพล็อต

หากต้นฉบับเดียวเป็นภาพระบายสี PNG หรือ JPG ขั้นตอนแปลงภาพระบายสีเป็นเวกเตอร์ของ PerfectVector ให้รูปทรง SVG แก้ไขได้เพื่อตรวจได้ ตรวจตัวอย่าง แล้วปลดล็อกผลเพื่อแก้และส่งออก SVG การแปลงเวกเตอร์ไม่เลือกความหนาเส้นที่เหมาะที่สุดหรือรับประกันเส้นกลางที่ปรับด้วยตัวควบคุมความหนาเดียว สำหรับเตรียมต้นฉบับและลากเส้น ดูคู่มือลายเส้นเป็น SVG

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

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

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

ตรวจขนาดส่งมอบกับข้อกำหนดอีกครั้ง เส้นที่ผ่านขั้นต่ำก่อนย่อภาพอาจต่ำกว่าหลังย่อ ใช้หน่วยให้สอดคล้อง นิยามความยาวสัมบูรณ์ CSS กำหนดหนึ่งพอยต์เป็น 1/72 นิ้ว อย่าถือค่ามิลลิเมตรปัดเศษเป็นการแปลงตรงเป๊ะ

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

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

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

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

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

แหล่งข้อมูล

1. W3C — ระบบพิกัด SVG 2 — อธิบายการแมป viewBox สู่วิวพอร์ตสำหรับสองขนาดกายภาพ
2. W3C — การระบาย SVG 2 — แยกสีเติมกับเส้นขอบและนิยามความหนาเส้นขอบ
3. Inkscape — ลากเส้นภาพ — แยกการลากเส้นขอบจากเส้นกลาง
4. Amazon KDP — แนวทางส่งหนังสือปกอ่อน — ให้ข้อกำหนดความหนาเส้นขั้นต่ำเฉพาะบริการ
5. W3C — ค่าและหน่วย CSS — นิยามความสัมพันธ์พอยต์ นิ้ว และหน่วยความยาวสัมบูรณ์อื่น

หากต้นฉบับที่ต้องแก้เป็น PNG หรือ JPG ลองภาพระบายสีของคุณใน PerfectVector หลังปลดล็อกและส่งออก SVG ให้ตรวจรูปทรงเส้นกับช่องขาวเล็กที่สุดที่ขนาดหน้าต้องการก่อนทำปรู๊ฟกระดาษ