03 / HƯỚNG DẪN
Hình ảnh mã nguồn cho tài liệu và slide
Chọn PNG hoặc SVG, kiểm tra font và tỷ lệ, và giữ mã nguồn dễ đọc khi bạn chia sẻ một đoạn mã.
Nội dung do Toolars duy trì · Cập nhật 2026-09-25
Chọn định dạng đầu ra theo nơi sử dụng
PNG cố định các pixel đã render và thường là lựa chọn đơn giản hơn cho slide và chat. SVG có thể phóng to mà không mờ raster, nhưng việc hiển thị phụ thuộc vào trình xem. Khi không tải font lên, SVG dùng font hệ thống và có thể thay đổi trên máy khác. Font tải lên được chấp nhận sẽ được nhúng toàn bộ; điều này tăng kích thước tệp và vẫn đòi hỏi trình xem hỗ trợ. Hãy thử trong ứng dụng slide hoặc tài liệu thực tế.
Tái hiện phép so sánh tỷ lệ xuất
Tải tệp mẫu JavaScript code.txt từ hướng dẫn này, dán vào Code to Image và tạo ở mức 1x. Ghi kích thước, chỉ đổi tỷ lệ sang 2x rồi tạo lại. Chiều rộng và cao đều gấp đôi, thành bốn lần số pixel PNG; bản thân mã không có thêm chi tiết. So sánh hai ảnh ở cùng chiều rộng hiển thị. Nếu 2x vượt giới hạn xuất, hãy rút ngắn đoạn mã hoặc giảm phần đệm.
Kiểm tra chữ đa ngôn ngữ và dòng dài
Thử một chú thích ngắn chứa tiếng Anh và tiếng Trung hoặc tiếng Nhật. Dùng font chứa đủ mọi ký tự và bạn có quyền nhúng. Thiếu glyph trong font tải lên sẽ dừng việc tạo. Với đầu ra dùng font hệ thống, hãy kiểm tra PNG đã tải xuống và mở lại SVG trên thiết bị đích. Dòng dài không thay thế cho lời giải thích: hãy chia ví dụ thành các đoạn mã tập trung thay vì thu nhỏ chữ đến mức không đọc được.
Xem lại trước khi chia sẻ
Nhìn đầu ra ở kích thước hiển thị dự kiến. Kiểm tra thụt đầu dòng, dấu câu, độ tương phản, số dòng và mọi tiêu đề. Đừng để bí mật hay mã riêng tư trong ví dụ công khai. Công cụ không thực thi đoạn mã. Cung cấp mã nguồn dạng văn bản bên cạnh hình ảnh; chỉ hình ảnh thì không phải là mẫu mã có thể truy cập hay sao chép. Xóa không gian làm việc sau khi làm việc với tài liệu riêng tư.
Duy trì và kiểm chứng
Toolars duy trì hướng dẫn này cùng công cụ được liên kết. Hãy báo cáo khi hướng dẫn khác với kết quả hiện tại để cả hai được kiểm tra cùng nhau.
Ví dụ tải xuống bên dưới là đầu vào thử nghiệm tổng hợp, không phải câu chuyện khách hàng. Khi tái hiện, giữ nguyên đầu vào và cài đặt; kiểm tra tệp tải xuống theo các tiêu chí nêu trong ví dụ, không chỉ xem bản xem trước.
Việc kiểm tra chỉ áp dụng cho ví dụ này, không chứng nhận mọi tệp, trình duyệt hay ứng dụng đích. Kiểm tra lại sau khi công cụ thay đổi và xem lại kết quả của bạn trước khi chia sẻ.
Báo cáo vấn đề về nội dung hoặc công cụTái hiện quy trình với một ví dụ
Mẫu tổng hợp của Toolars · cập nhật 2026-09-13. Các mẫu này minh họa quy trình làm việc, không thể hiện chất lượng ảnh hay bản scan thật cũng như mức chấp nhận của nền tảng.
Dán mẫu JavaScript đã tải xuống vào Mã thành ảnh và chọn JavaScript. Tạo bản xem trước, rồi xuất PNG ở 1× và 2×. So sánh kích thước được báo cáo với từng tệp tải xuống và kiểm tra chuỗi số dài cùng thụt lề ở mức thu phóng 100%. Tỉ lệ xuất thay đổi kích thước điểm ảnh, không thay đổi độ chính xác của mã nguồn. Nếu không nhúng phông chữ, hiển thị của SVG có thể khác nhau giữa các thiết bị.
Mở công cụMở công cụ chuyển mã thành hình ảnh
Chọn PNG hoặc SVG, kiểm tra font và tỷ lệ, và giữ mã nguồn dễ đọc khi bạn chia sẻ một đoạn mã.