> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions. # Độ dày nét tranh tô màu: Kiểm tra kích thước in > Chọn độ dày nét tranh tô màu ở kích thước cuối. So sánh các độ dày, giữ vùng tô nhỏ và kiểm tra SVG dùng nét hay đường bao có màu tô. Source: https://perfectvector.com/vi/blog/coloring-page-line-thickness Language: vi Author: Irene Kim Published: 2026-10-15T08:00:00+09:00 Chọn độ dày nét tranh tô màu sau khi đặt kích thước vật lý cuối của hình. So sánh vài độ dày trên cùng bản vẽ, rồi kiểm tra những khoảng trắng nhỏ nhất kỹ như các nét đen. Đường bao dày hơn có thể giúp dễ phân biệt hình nhưng đồng thời khép vùng hẹp mà người đọc cần tô. Lựa chọn phụ thuộc vào bản vẽ, kích thước, dụng cụ tô và yêu cầu nhà in. Dùng ví dụ SVG có thể lặp lại bên dưới để kiểm tra hình học, rồi dùng bản in thử trên giấy để kiểm tra bản in thực tế. > **Quyết định ở kích thước giao cuối** > > Giữ nguyên kích thước khi so sánh độ dày. Sau đổi kích thước, kiểm tra lại nét và khe trắng. Xác nhận dấu nhìn thấy là nét còn chỉnh được hay đường bao có màu tô trước khi điều chỉnh. ## Đặt kích thước trang và hình trước Bắt đầu với bản gốc chỉnh sửa được và kích thước trang dự định. So sánh bông hoa dành cho hình vuông 100 mm ở đúng kích thước đó; chế độ phóng to trong trình biên tập có thể che kênh trắng rất nhỏ. `viewBox` của SVG là hình chữ nhật tọa độ bản vẽ. Ví dụ vuông của chúng tôi kết hợp `width="100mm"`, `height="100mm"` và `viewBox="0 0 100 100"`, cho một milimét trên mỗi đơn vị vẽ. Cùng viewBox trong hình vuông 50 mm cho nửa milimét mỗi đơn vị. [Đặc tả tọa độ SVG](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute) định nghĩa ánh xạ đó. Nét thông thường co giãn cùng hình học của ví dụ: độ rộng `0.6` đo 0,6 mm trong tệp lớn và 0,3 mm trong tệp nhỏ. Các tệp không có thiết lập nét không co giãn; kiểm tra lại độ rộng nếu trình biên tập giữ nguyên nét khi đổi kích thước. ## So sánh nét và khoảng trống cạnh nó Nét còn chỉnh được tô quanh đường dẫn. Với hai đường thẳng song song có nét căn giữa bằng nhau, khe hở thực bằng khoảng cách đường tâm trừ một độ rộng nét. Giao nhau có đường cong cần kiểm tra riêng. [Đặc tả tô vẽ SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeProperties) phân biệt màu nét với phần trong được tô của hình. Xét hai biên thân cây cách nhau một đơn vị vẽ. Tăng mỗi nét từ `0.3` lên `0.6` làm khe hở giảm từ `0.7` xuống `0.4` đơn vị. Ở `1.2`, các nét chồng nhau và kênh trắng đóng lại. **Độ dày nét và khoảng trắng** ![Minh họa cùng bông hoa với đường bao đen dày dần và khoảng trắng nhỏ dần giữa các đường bao.](https://perfectvector.com/blog/coloring-page-line-thickness/line-weight-and-gaps.webp) *Minh họa: đường bao dày hơn để lại ít khoảng trắng bên trong và giữa các hình liền kề. Số đo bên dưới đến từ ví dụ SVG riêng do chúng tôi tạo.* | Độ rộng nét thử trong SVG | Nét ở kích thước 100 mm | Khe thân thực ở 100 mm | Nét ở kích thước 50 mm | Khe thân thực ở 50 mm | | ------------------------- | ----------------------- | ---------------------- | ---------------------- | --------------------- | | 0,3 đơn vị | 0,3 mm | 0,7 mm | 0,15 mm | 0,35 mm | | 0,6 đơn vị | 0,6 mm | 0,4 mm | 0,3 mm | 0,2 mm | | 1,2 đơn vị | 1,2 mm | Đóng | 0,6 mm | Đóng | Ở kích thước 100 mm, các độ rộng thử này xấp xỉ 0,85, 1,70 và 3,40 point. Đây là giá trị so sánh, không phải mức tối thiểu được khuyên hay chuẩn theo độ tuổi. Phép tính khe mô tả đoạn thân song song; kiểm tra riêng đầu cánh hoa và mối nối cong. ## So sánh nhỏ trước khi đổi cả cuốn sách Lưu ví dụ gốc này thành `flower.svg`. Chỉ đổi `stroke-width` để so sánh ba dòng ở trên. Sau đó đổi cả hai kích thước ngoài thành `50mm`, giữ nguyên viewBox để tạo bộ nhỏ hơn. ```xml ``` Hai đường dẫn thân thẳng chạy từ y=60 đến y=85, cách nhau một đơn vị. Kiểm tra phần giữa để so sánh khe mà không bị cánh hoa hoặc đầu nét ảnh hưởng. Chúng tôi xuất cả sáu biến thể sang PDF bằng librsvg 2.62.1 rồi mở lại bằng Poppler 26.02.0. Kích thước trang PDF khớp 100 mm và 50 mm trong phạm vi làm tròn. Ở 1.016 DPI, khe thân lấy mẫu là 28, 16 và 0 pixel cho bộ lớn, rồi 14, 8 và 0 cho bộ nhỏ, khớp bảng ở 40 pixel mỗi milimét. Chúng tôi kiểm tra tệp kết xuất; không thực hiện in vật lý. 1. Lưu bản gốc nguyên vẹn. Chọn một họa tiết đại diện có cả vùng tô mở và chi tiết chật. 2. Tạo ba bản sao có hình học và kích thước vật lý giống nhau. Chỉ đổi độ rộng nét còn chỉnh được. 3. Kiểm tra khoảng chật nhất ở kích thước dự định. Nếu khe đóng, thử nét mảnh hơn hoặc tách các đường bao lân cận ra. Xóa dấu bên trong không cần có thể rõ hơn làm mọi nét mảnh đi. 4. Xuất định dạng giao dự định, mở lại và xác nhận kích thước trang. So sánh hình đã xuất với bản gốc, gồm lỗ nhỏ, góc và đầu nét. 5. Lặp kiểm tra ở kích thước nhỏ nhất bạn định bán hoặc in. Đổi kích thước trang đã hoàn thiện có thể làm thay đổi quyết định. Dùng cùng trang và mức thu phóng để so sánh. Độ dày hợp với vòng ngoài bông hoa có thể làm chật các dấu bên trong. Nếu dùng độ dày ngoài và trong khác nhau, kiểm tra nơi chúng gặp nhau sau xuất. ## Kiểm tra SVG có nét hay đường bao được tô Màu tô phủ phần trong của hình. Vì thế nét đen nhìn thấy có thể là hình tô hẹp hoặc đường tâm có nét. Đổi `stroke-width` tác động đến nét nhưng không đổi phần tô hiện có khi `stroke="none"`. Chúng tôi cũng xuất hai mẫu kiểm soát đường dẫn có màu tô giống nhau chỉ khác độ rộng nét. Pixel kết xuất của chúng giống nhau. Các mẫu đó là hình tự tạo, không phải đầu ra đồ hình của sản phẩm. Đồ đường bao thông thường theo các cạnh của vết mực. Đồ đường tâm cố khôi phục đường đi qua giữa nó. [Hướng dẫn đồ hình Inkscape](https://inkscape-manuals.readthedocs.io/en/latest/tracing-an-image.html) mô tả cả hai chế độ. Kiểm tra đối tượng thực tế thay vì cho rằng mọi SVG đồ lại đều cùng cấu trúc. Với đường bao có màu tô, chỉnh bản vẽ gốc nếu có. Nếu không, sửa hình học hoặc vẽ lại đường tâm bị ảnh hưởng. Thêm nét quanh đường bao không khôi phục đường bút gốc. [Hướng dẫn Stroke to Path và Object to Path](https://perfectvector.com/vi/blog/inkscape-stroke-vs-object-to-path) của chúng tôi giải thích sự khác biệt cấu trúc đó, còn [hướng dẫn SVG một nét](https://perfectvector.com/vi/blog/drawing-to-single-line-svg) đề cập đường tâm cho máy vẽ. Nếu nguồn duy nhất là tranh tô màu PNG hoặc JPG, [quy trình vector hóa tranh tô màu](https://perfectvector.com/vi/coloring-page-to-svg) của PerfectVector có thể cung cấp hình SVG chỉnh sửa được để kiểm tra. Kiểm tra hình xem trước, rồi mở khóa kết quả để chỉnh sửa và xuất SVG. Vector hóa không chọn độ dày nét lý tưởng cho trang hoặc bảo đảm nét đường tâm có thể đổi bằng một điều khiển độ rộng. Để chuẩn bị nguồn và đồ hình, theo [hướng dẫn hình nét sang SVG](https://perfectvector.com/vi/blog/line-art-to-svg). Giữ bản gốc vector hiện có trong trình biên tập. Trang raster phù hợp có thể đã đáp ứng yêu cầu nhà in; [bài giải thích vector hóa ảnh](https://perfectvector.com/vi/blog/what-is-image-vectorization) giúp quyết định có cần hình học chỉnh sửa được không. ## Tách mức tối thiểu của nhà in khỏi lựa chọn thiết kế Tuân theo yêu cầu của dịch vụ nhận tệp. Ví dụ, [hướng dẫn sách bìa mềm của KDP](https://kdp.amazon.com/en_US/help/topic/G201857950) quy định độ dày nét tối thiểu 0,75 point cho thành phần đồ họa. Đó là yêu cầu nộp KDP, không phải phong cách tranh tô màu được khuyên hay quy tắc cho mọi nhà in. Kiểm tra lại kích thước giao theo yêu cầu đó. Nét đạt mức tối thiểu trước khi thu nhỏ hình có thể thấp hơn sau đó. Giữ đơn vị nhất quán: [định nghĩa độ dài tuyệt đối CSS](https://www.w3.org/TR/css-values-4/#absolute-lengths) xác định một point là 1/72 inch. Đừng coi giá trị milimét làm tròn là chuyển đổi chính xác. Với bản in thử giấy, in ở tỷ lệ dự định, tắt thu nhỏ vừa trang ngoài ý muốn và đo kích thước đã biết bằng thước. Dùng giấy và dụng cụ tô dự định khi thực tế cho phép. Tìm nét đứt, khe đóng và chi tiết chật. Thử nghiệm số trên không xác lập độ lan mực, hành vi giấy hay sự thoải mái khi tô. ## Câu hỏi thường gặp **Tranh tô màu nên dùng độ dày nét bao nhiêu?** Chọn ở kích thước vật lý cuối bằng cách so sánh vài độ dày trên hình đại diện. Giữ các khoảng nhỏ nhất cần còn tô được và đáp ứng yêu cầu nhà in nhận tệp. Không có giá trị duy nhất được xác lập ở đây cho mọi trang hay nhóm tuổi. **Vì sao nét trông mảnh hơn sau khi thu nhỏ hình?** Co giãn hình học thông thường có thể giảm độ rộng nét cùng hình. Kiểm tra tệp xuất ở kích thước cuối. Tùy chọn trình biên tập hoặc nét không co giãn có thể giữ độ rộng, nhưng vẫn cần kiểm tra các khe còn lại. **Vì sao điều khiển stroke-width không đổi các nét đồ lại?** Các vệt đen có thể là hình đường bao có màu tô mà không có nét. Thiết lập độ rộng nét không đổi hình học được tô của chúng. Sửa nguồn hoặc đường bao, hay chủ ý dựng lại đường tâm ở nơi quy trình đó phù hợp. ## Nguồn tham khảo 1. [W3C — Hệ tọa độ SVG 2](https://www.w3.org/TR/SVG2/coords.html#ViewBoxAttribute) — Giải thích ánh xạ viewBox sang khung nhìn dùng cho hai kích thước vật lý. 2. [W3C — Tô vẽ SVG 2](https://www.w3.org/TR/SVG2/painting.html#StrokeProperties) — Phân biệt màu tô và nét, định nghĩa độ rộng nét. 3. [Inkscape — Đồ hình ảnh](https://inkscape-manuals.readthedocs.io/en/latest/tracing-an-image.html) — Phân biệt đồ đường bao và đồ đường tâm. 4. [Amazon KDP — Hướng dẫn nộp sách bìa mềm](https://kdp.amazon.com/en_US/help/topic/G201857950) — Cung cấp yêu cầu độ dày nét tối thiểu riêng của dịch vụ. 5. [W3C — Giá trị và đơn vị CSS](https://www.w3.org/TR/css-values-4/#absolute-lengths) — Định nghĩa quan hệ giữa point, inch và các đơn vị độ dài tuyệt đối khác. *** Nếu nguồn cần chỉnh là PNG hoặc JPG, hãy [thử tranh tô màu của bạn trong PerfectVector](https://perfectvector.com/vi/coloring-page-to-svg). Sau khi mở khóa và xuất SVG, kiểm tra hình học nét và các khe trắng nhỏ nhất ở kích thước trang dự định trước khi chuẩn bị bản in thử giấy. ## Explore - [Read the HTML article](https://perfectvector.com/vi/blog/coloring-page-line-thickness) - [Token trò chơi hai mặt: Ghép đúng mặt trước và sau](https://perfectvector.com/vi/blog/double-sided-game-token-alignment.md) - [Thiết kế huy hiệu ghim: Mặt, phần bọc và vùng an toàn](https://perfectvector.com/vi/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)