Thêm chữ vào ảnh online — Add Text to Image

Thêm chữ vào ảnh online là gì?

Thêm chữ vào ảnh online là thao tác đặt văn bản mới lên một hình ảnh bằng công cụ trên trình duyệt, sau đó ghép các thành phần thành ảnh để tải xuống. Với công cụ này, sản phẩm cuối là ảnh PNG kết hợp ảnh nền và các lớp chữ. Bạn có thể dùng kết quả để đăng thông báo, ghi chú hình minh họa hoặc chia sẻ ảnh có tên nhận diện.

Phạm vi chức năng được xác nhận gồm nhập nội dung, tạo nhiều lớp chữ, thay đổi cách trình bày và điều chỉnh vị trí. Mỗi lớp có thể mang thông điệp riêng, chẳng hạn tiêu đề, thông tin phụ hoặc tên người chia sẻ. Công cụ còn có chức năng tạo nhanh watermark từ tên bạn nhập. Đây là tiện ích ghép chữ lên ảnh, không phải trình thiết kế ảnh toàn diện với mọi thao tác chỉnh sửa.

Cần phân biệt chữ được thêm trong phiên làm việc với chữ vốn đã nằm trong ảnh. Một câu đã chụp cùng bảng hiệu, hóa đơn hoặc trang giấy là thành phần của ảnh nền. Công cụ không có chức năng nhận diện, chọn sửa hay xóa riêng nội dung ấy. Việc đặt dòng chữ mới lên trên cũng không đồng nghĩa đã thay thế chữ cũ một cách tự động.

Ảnh xem trước có thể thu nhỏ theo chiều rộng màn hình để thuận tiện quan sát. Trong khi đó, chiều rộng và chiều cao của ảnh xuất được lấy từ ảnh mà trình duyệt đã đọc. Vì vậy, hình đang thấy nhỏ trên điện thoại không có nghĩa tệp tải xuống bị giảm số pixel theo kích thước hiển thị đó.

Ảnh đầu vào, thông số chữ và kết quả tải xuống

Điều kiện đối với ảnh và nội dung chữ

Công cụ nhận một ảnh nền tại một thời điểm. Khi kéo thả nhiều tệp, luồng xử lý chỉ lấy tệp đầu tiên. Tệp cần có kiểu MIME thuộc nhóm ảnh và phải được trình duyệt giải mã thành công. JPG, PNG và WebP là những dạng được giao diện gợi ý, không phải cam kết rằng mọi tệp mang các phần mở rộng ấy đều đọc được.

Lớp có nội dung rỗng không được vẽ. Riêng tên watermark chỉ gồm khoảng trắng sẽ bị từ chối và không tạo lớp mới. Việc hiển thị tiếng Việt hay emoji còn phụ thuộc phông và khả năng của môi trường sử dụng.

Các thông số có đơn vị và khoảng điều chỉnh

Năm lựa chọn phông là Arial, Georgia, Times New Roman, Verdana và Courier New. Bạn có thể bật đậm, nghiêng, chọn màu chữ, màu viền và màu nền sau chữ. Những thuộc tính này thuộc từng lớp văn bản, không phải bộ lọc thay đổi toàn bộ ảnh nền.

• Cỡ chữ: biểu mẫu giới hạn từ 8 đến 400 px.
• Độ hiển thị: từ 5 đến 100%; số lớn hơn làm lớp hiện rõ hơn.
• Độ dày viền: từ 0 đến 30 px; 0 là tắt viền.
• Bo góc nền: từ 0 đến 60 px, chỉ có tác dụng khi bật nền.
• Tọa độ ngang và dọc: từ 0 đến 100% theo kích thước ảnh.

Các giới hạn trên mô tả cách biểu mẫu đọc và áp dụng giá trị. Không nên hiểu mọi ô nhập 0 đều mang nghĩa tắt: riêng độ hiển thị có cách xử lý giá trị 0 khác với viền chữ.

PNG đầu ra giữ những gì?

Tệp tải xuống là PNG, với chiều rộng và chiều cao bằng kích thước ảnh đã được trình duyệt đọc. Không có lựa chọn xuất JPEG hoặc WebP trong công cụ. Dung lượng hiển thị cạnh tên ảnh là dung lượng tệp đầu vào, không phải dự báo dung lượng PNG sắp tạo.

Giữ kích thước pixel không có nghĩa giữ nguyên cấu trúc tệp, siêu dữ liệu hay dung lượng. Chữ trong PNG đã hòa vào ảnh, không còn là các đối tượng văn bản có thể chọn sửa độc lập như trong phiên chỉnh sửa.

Cách công cụ bố trí và ghép các lớp chữ

Điểm neo, căn chữ và vị trí đặt nhanh

Công cụ vẽ ảnh nền trước, sau đó lần lượt vẽ các lớp chữ. Vị trí mỗi lớp được xác định bằng điểm neo tính theo phần trăm ảnh:

Tọa độ ngang = X ÷ 100 × chiều rộng ảnh
Tọa độ dọc = Y ÷ 100 × chiều cao ảnh

Căn trái khiến dòng chữ kéo dài sang phải từ điểm neo ngang; căn phải khiến dòng chữ kéo dài về bên trái; căn giữa phân bố chữ sang hai phía. Theo chiều dọc, các dòng được bố trí quanh điểm neo. Đây không phải cơ chế khóa toàn bộ khối chữ trong khung ảnh.

Chín vị trí đặt nhanh dùng các tọa độ có sẵn: cột trái ở 8%, cột giữa ở 50%, cột phải thường ở 92%; hàng trên ở 10%, giữa ở 50%, dưới thường ở 90%. Riêng góc phải dưới dùng X = 96%, Y = 94%, căn phải. Chúng không đo lại khối chữ để tự bảo đảm khoảng cách mép.

Khi kéo trực tiếp, vị trí con trỏ trên ảnh xem trước được đổi về tọa độ ảnh gốc rồi thành phần trăm. Điểm neo chuyển ngay đến con trỏ nên chữ có thể dịch lúc bắt đầu chạm. Các ô tọa độ hiển thị số làm tròn sau khi kéo, dù vị trí đang vẽ có thể vẫn chứa phần thập phân.

Xuống dòng, nền và độ hiển thị

Chỉ dấu xuống dòng trong nội dung mới tạo dòng mới. Công cụ không tự ngắt dòng theo chiều rộng ảnh hoặc thu nhỏ chữ để vừa khung. Khoảng cách giữa tâm hai dòng liên tiếp bằng 1,25 × cỡ chữ. Vì vậy, tăng cỡ chữ cũng làm khoảng cách dòng tăng theo.

Chiều rộng khối được tính theo dòng đo được rộng nhất. Khi bật nền, mỗi bên được cộng đệm ngang bằng 0,35 lần cỡ chữ; đệm dọc mỗi bên bằng 0,22 lần cỡ chữ. Đây là cách tạo khoảng thoáng quanh nội dung, không phải một khung có chiều rộng cố định để tự cuộn chữ.

Độ hiển thị được chia cho 100 thành hệ số alpha và áp dụng lên cả nền, viền lẫn phần tô chữ của lớp. Viền được vẽ trước, phần tô chữ vẽ sau. Khi độ dày viền bằng 0, bước vẽ viền được bỏ qua.

Thứ tự lớp và quy tắc tạo watermark

Lớp thêm sau được vẽ sau nên có thể che lớp trước ở vùng chồng nhau. Thêm lớp mới không phải nhân bản hoàn toàn: lớp mới chỉ kế thừa phông, màu chữ, cỡ chữ, độ dày và màu viền của lớp đang chọn. Các thuộc tính khác trở về mặc định. Đổi ảnh nền vẫn giữ những lớp hiện có.

Watermark được tạo từ ký hiệu © và tên đã bỏ khoảng trắng hai đầu, dùng chữ trắng, độ hiển thị 45%, không viền và không nền. Khi đã có ảnh, cỡ chữ bằng số lớn hơn giữa 16 px và kết quả làm tròn của chiều rộng ảnh × 0,028. Nếu tạo trước khi có ảnh, cỡ là 28 px.

Cỡ watermark lúc tạo không đi qua giới hạn 8–400 px của biểu mẫu; lần chỉnh sửa đọc lại biểu mẫu sau đó có thể áp giới hạn này. Đổi ảnh cũng không tự tính lại cỡ watermark đã tồn tại.

Các thuật ngữ cần hiểu khi thêm chữ vào ảnh

Lớp chữ

Lớp chữ là một phần tử văn bản có nội dung và bộ thuộc tính trình bày riêng trong phiên làm việc. Chẳng hạn, tiêu đề và dòng ngày tháng có thể thuộc hai lớp để bạn chỉnh cỡ hoặc vị trí độc lập. Điều dễ nhầm là coi các lớp ấy vẫn tồn tại trong ảnh tải xuống. Thực tế, PNG chỉ chứa kết quả đã ghép thành điểm ảnh; danh sách lớp phục vụ chỉnh sửa trên công cụ, không trở thành một dự án nhiều lớp bên trong PNG.

Điểm neo và căn chữ

Điểm neo là mốc tham chiếu để đặt văn bản, còn căn chữ quyết định dòng chữ nằm về phía nào so với mốc ngang đó. Có thể hình dung điểm neo như một chiếc ghim, còn dòng chữ được treo từ bên trái, bên phải hoặc chính giữa. Khi căn phải, vị trí ngang không phải mép trái của dòng. Sự khác biệt này quan trọng khi đặt chữ sát góc: điểm neo còn trong ảnh nhưng đầu kia của dòng vẫn có thể vượt khỏi khung.

Pixel

Pixel là đơn vị cấu thành ảnh raster và được dùng để mô tả chiều rộng, chiều cao cùng các thông số vẽ. Trong công cụ, cỡ chữ và độ dày viền được tính theo pixel của ảnh, không phải số centimet khi in. Ảnh xem trước có thể co lại để vừa màn hình nên chữ trông nhỏ hơn kích thước vẽ thực. Muốn suy ra kích thước in còn cần thông tin khác; công cụ không cung cấp điều khiển DPI để xác lập kích thước in từ các giá trị này.

Độ hiển thị và alpha

Alpha là hệ số thể hiện mức độ một lớp hòa với ảnh phía dưới. Hệ số 1 tương ứng hiện đầy đủ, còn hệ số thấp hơn khiến lớp trong hơn. Dù giao diện ghi “độ mờ”, giá trị phần trăm được dùng theo chiều tăng độ hiển thị: 100% rõ hơn 45%, không phải mờ hơn. Trong công cụ này, cả chữ, viền và nền sau chữ cùng chịu hệ số ấy. Vì vậy, giảm giá trị cũng làm phần nền hỗ trợ tương phản trở nên trong hơn.

Watermark

Watermark là dấu nhận diện đặt trên ảnh, thường chứa tên người chụp, nhóm thực hiện hoặc thông tin nguồn. Chức năng tạo nhanh ở đây sinh ra một lớp chữ có ký hiệu © cùng tên bạn nhập, rồi áp dụng kiểu trình bày và vị trí sẵn có. Đây là dấu nhìn thấy được, không phải chữ ký số, mã hóa hay chứng nhận quyền sở hữu. Về kiến thức chung, watermark giúp truyền đạt thông tin nhận diện nhưng không ngăn tuyệt đối việc sao chép, cắt bỏ hoặc chỉnh sửa ảnh.

Những tình huống nên dùng chữ trên ảnh

Thông báo và ảnh sản phẩm

Với ảnh thông báo, tách tiêu đề và thông tin phụ thành các lớp giúp bạn tạo thứ bậc rõ ràng. Tiêu đề có thể nổi bật hơn, còn ngày giờ hoặc điều kiện đặt ở vùng riêng. Đây là cách tổ chức do người dùng chủ động áp dụng, không phải bố cục được công cụ tự lựa chọn hay tối ưu.

Với ảnh sản phẩm, bạn có thể đặt tên, thông điệp hoặc thông tin tự cung cấp lên vùng ít chi tiết. Cần tự kiểm tra tính chính xác của giá, đặc tính và nội dung quảng cáo; công cụ chỉ ghép những gì được nhập. Về bố cục, nên tránh che bộ phận quan trọng và dùng lượng chữ vừa đủ để người xem nhận ra sản phẩm trước khi đọc phần mô tả.

Chú thích cho ảnh hướng dẫn

Chữ trên ảnh hữu ích khi cần ghi tên bộ phận, diễn giải tình trạng hoặc bổ sung lưu ý ngắn cho một hình minh họa. Nhiều lớp cho phép đặt từng chú thích gần khu vực tương ứng thay vì gom mọi thông tin vào một đoạn dài. Với nội dung phức tạp, bạn vẫn cần cân nhắc độ rõ của từng nhãn ở kích thước người đọc thực sự sẽ xem.

Nếu cần đường chỉ dẫn hoặc mũi tên, đó là nhu cầu chỉnh sửa khác với các chức năng văn bản được xác nhận ở đây. Bạn có thể cân nhắc công cụ thêm đường thẳng và mũi tên vào ảnh cho phần việc tương ứng; không nên hiểu hai công cụ tự chuyển dữ liệu cho nhau.

Dấu nhận diện trên ảnh chia sẻ

Watermark phù hợp khi bạn muốn ảnh mang thêm tên cá nhân hoặc nhóm. Nên chọn vị trí không gây nhầm với nội dung chính, đồng thời cân đối độ rõ với khả năng quan sát ảnh nền. Theo nguyên tắc thiết kế chung, tương phản đủ tốt và nội dung ngắn thường dễ đọc hơn một dấu quá dài. Đây là khuyến nghị bố cục, không phải khả năng tự đánh giá tương phản hay chống sao chép của công cụ.

Ví dụ đặt chữ hai dòng và tạo watermark

Chữ hai dòng ở giữa ảnh 1200 × 800 px

Các kết quả sau được tính theo công thức của công cụ. Giả định trình duyệt đã đọc ảnh có kích thước 1200 × 800 px. Lớp văn bản gồm hai dòng “Ưu đãi mùa hè” và “Áp dụng cuối tuần”, cỡ chữ 48 px, tọa độ ngang và dọc đều 50%, căn giữa, tắt nền.

Điểm neo ngang là 1200 × 50 ÷ 100 = 600 px; điểm neo dọc là 800 × 50 ÷ 100 = 400 px. Khoảng cách hai dòng bằng 48 × 1,25 = 60 px. Với hai dòng được phân bố đối xứng, tâm dòng trên nằm ở 370 px và tâm dòng dưới ở 430 px theo chiều dọc. Cả hai cùng căn giữa quanh trục ngang 600 px.

Chiều cao khối dùng để bố trí là 60 × 2 = 120 px. Con số đó không phải chiều cao chính xác của các nét chữ nhìn thấy. Không thể suy ra chiều rộng từng dòng nếu thiếu số đo phông thực tế, nên cũng không thể chỉ từ các phép tính này khẳng định toàn bộ nội dung chắc chắn vừa ảnh.

Watermark ở góc phải dưới

Trên cùng ảnh giả định, nhập tên hư cấu “Nhóm Mây” để tạo watermark. Cỡ chữ được tính từ 1200 × 0,028 = 33,6, làm tròn thành 34 px. Vì 34 lớn hơn mức tối thiểu 16 px, lớp “© Nhóm Mây” được tạo với cỡ 34 px.

Điểm neo nằm ở 1200 × 0,96 = 1152 px theo chiều ngang và 800 × 0,94 = 752 px theo chiều dọc. Lớp căn phải, dùng màu trắng, độ hiển thị 45%, không viền và không nền. Căn phải nghĩa là dòng chữ kéo về bên trái từ mốc ngang, không phải bắt đầu kéo sang phải từ đó.

Cả hai tình huống đều cho PNG 1200 × 800 px nếu kết xuất thành công. Tuy nhiên, kích thước pixel chưa đủ để tính trước dung lượng tệp, mức dễ đọc trên một nền cụ thể hay chiều rộng chính xác của watermark.

Vì sao nhập 0 không phải lúc nào cũng tắt hiệu ứng?

Giả định bạn nhập 0 vào độ dày viền và 0 vào độ hiển thị của một lớp. Giá trị viền 0 được giữ nguyên, nên viền bị tắt. Ngược lại, độ hiển thị 0 được thay bằng mặc định 100% trước khi áp giới hạn. Kết quả là lớp không có viền nhưng vẫn hiện đầy đủ; không thể dùng cách nhập 0 này để làm chữ hoàn toàn trong suốt.

Thêm chữ khác gì trích xuất chữ và chỉnh bố cục ảnh?

Thêm chữ và đọc chữ có sẵn

Thêm chữ là đưa nội dung mới do bạn nhập lên ảnh. OCR, theo nghĩa chung, hướng tới nhận diện chữ đã có trong ảnh để chuyển thành văn bản. Công cụ đang mô tả không có luồng OCR. Nếu mục tiêu là lấy nội dung từ ảnh chụp tài liệu, bạn cần một tác vụ như trích xuất chữ từ ảnh, thay vì đặt thêm một lớp chữ mới.

Đặt nhanh, kéo tự do và thay đổi khung ảnh

Đặt nhanh cung cấp điểm xuất phát theo tỷ lệ ảnh; kéo tự do cho phép bạn tự quyết định vị trí trực quan hơn. Không cách nào tự hiểu đâu là chủ thể cần tránh che. Bạn vẫn phải quan sát nội dung và khoảng trống trước khi chọn vị trí cuối.

Thêm chữ trong luồng hiện tại không thay đổi khung pixel của ảnh. Nếu cần loại phần thừa hoặc đổi bố cục bằng cách giữ lại một vùng, đó là nhu cầu cắt ảnh theo khung mong muốn. Đây là công việc khác, không phải chế độ tự có của thao tác đặt chữ.

Ảnh PNG và dự án nhiều lớp

PNG đã ghép phù hợp để chia sẻ hoặc đăng tải vì chứa hình ảnh hoàn chỉnh. Dự án nhiều lớp lại phục vụ việc chọn sửa từng thành phần về sau. Hai loại kết quả không thay thế nhau: PNG không giữ danh sách lớp chữ của phiên làm việc. Nếu còn cần điều chỉnh nội dung, nên hoàn tất khi phiên chỉnh sửa vẫn mở, thay vì kỳ vọng tệp ảnh tải xuống chứa các lớp có thể phục hồi.

Giới hạn cần biết trước khi tải ảnh kết quả

Chữ tràn mép và khác biệt hiển thị

Chữ dài hoặc nhiều dòng có thể vượt khỏi mép vì không có tự ngắt dòng hay tự căn vừa khung. Hãy đánh giá ảnh xem trước, đặc biệt tại các góc và khi dùng cỡ chữ lớn. Điểm neo hợp lệ không phải bảo đảm toàn bộ khối nằm trong ảnh.

Phông, dấu tiếng Việt và emoji phụ thuộc môi trường hiển thị. Chưa có căn cứ xác nhận mọi thiết bị cho kết quả giống nhau. Với nền sau chữ, nếu trình duyệt không hỗ trợ thao tác vẽ bo góc tương ứng, nền được vẽ thành hình chữ nhật thay vì bo tròn.

Ảnh lớn, tệp xuất và khả năng sửa lại

Mã không quy định ngưỡng MB, megapixel hay số lớp tối đa. Điều đó không có nghĩa tài nguyên vô hạn: ảnh lớn và nhiều lớp còn phụ thuộc bộ nhớ, trình duyệt và thiết bị. Chưa có số đo để công bố ngưỡng hoạt động ổn định.

Giữ số pixel không chứng minh siêu dữ liệu, DPI hay hồ sơ màu được bảo toàn. PNG cũng không được bảo đảm nhẹ hơn tệp nguồn. Không có chức năng lưu dự án hoặc hoàn tác nên không nên trông chờ khôi phục phiên chỉnh sửa sau khi đóng hoặc tải lại trang.

Phạm vi nhận định về quyền riêng tư

Luồng được phân tích dùng khả năng đọc tệp và vẽ ảnh trong trình duyệt; không có lời gọi tải ảnh lên máy chủ trong luồng này. Tuy nhiên, chưa có dữ liệu về mọi thành phần khác trên website để kết luận toàn trang không thu thập hoặc lưu thông tin.

Tương tự, watermark chỉ bổ sung dấu nhận diện nhìn thấy được. Nó không bảo vệ tuyệt đối trước việc sử dụng lại ảnh và không thay thế chứng cứ quyền tác giả.

Câu hỏi thường gặp

Vì sao tệp có đuôi ảnh vẫn không mở được?

Vì phần mở rộng không đủ quyết định tệp có được chấp nhận và đọc thành công hay không. Công cụ kiểm tra kiểu MIME có thuộc nhóm ảnh, sau đó cần trình duyệt giải mã được nội dung. Tệp hỏng, tệp khai báo kiểu không phù hợp hoặc định dạng môi trường hiện tại không đọc được đều có thể gặp lỗi. Đổi tên đuôi tệp không chuyển đổi dữ liệu bên trong; hãy dùng một bản ảnh hợp lệ mà trình duyệt có thể mở.

Tại sao tiếng Việt hoặc emoji hiển thị khác mong đợi?

Nguyên nhân có thể nằm ở phông thực tế và cách trình duyệt hoặc hệ điều hành hiển thị ký tự. Danh sách chọn phông không bảo đảm mọi môi trường đều có đầy đủ cùng bộ nét chữ và emoji. Bạn nên đối chiếu nội dung trên ảnh xem trước, chú ý dấu thanh, ký hiệu và khoảng cách trước khi tải. Nếu cần hình thức nhất quán, hãy chọn cách trình bày đang hiển thị phù hợp trên thiết bị dùng để kết xuất, thay vì giả định mọi phông đều tương đương.

Vì sao chữ vẫn bị cắt dù X và Y nằm trong khoảng 0–100%?

Vì khoảng tọa độ ấy giới hạn điểm neo, không giới hạn toàn bộ diện tích của chữ. Một dòng dài căn giữa gần mép có thể kéo ra ngoài ảnh ở một phía; nhiều dòng cũng có thể vượt mép trên hoặc dưới. Công cụ không tự đẩy khối trở lại hay thu nhỏ cho vừa. Bạn cần cân nhắc đưa điểm neo vào sâu hơn, giảm cỡ hoặc chủ động chia dòng, rồi kiểm tra lại toàn bộ nội dung trên ảnh xem trước.

Tải PNG xong có sửa riêng từng lớp chữ được không?

Có thể tiếp tục sửa các lớp nếu phiên chỉnh sửa hiện tại vẫn còn, nhưng không thể lấy riêng chúng từ chính PNG đã tải bằng công cụ này. Trong PNG, chữ và ảnh nền đã trở thành điểm ảnh chung. Nếu mở lại PNG như một ảnh nền mới, dòng chữ cũ không tự biến thành lớp văn bản. Vì không có xuất dự án nhiều lớp hay khôi phục phiên được xác nhận, hãy phân biệt rõ ảnh thành phẩm với trạng thái đang chỉnh trên trang.

Đổi sang ảnh khác có mất các lớp chữ và tự đổi cỡ watermark không?

Không mất các lớp hiện có, và watermark cũ cũng không tự tính lại cỡ theo ảnh mới. Việc đổi tệp thay ảnh nền nhưng giữ danh sách chữ, vì vậy một bố cục phù hợp trước đó có thể trở nên quá lớn, quá nhỏ hoặc che vùng quan trọng. Tọa độ theo phần trăm tiếp tục được dùng trên kích thước nền mới, trong khi cỡ chữ tính bằng pixel vẫn cần bạn đánh giá lại. Đặc biệt, watermark tạo trước khi có ảnh giữ cỡ ban đầu cho đến khi được chỉnh.

Vì sao ảnh PNG tải xuống có thể nặng hơn ảnh ban đầu?

Vì tệp được kết xuất lại thành PNG, không phải giữ nguyên cách mã hóa và dung lượng của tệp nguồn. Theo kiến thức chung về ảnh, định dạng, đặc điểm nội dung và cách mã hóa ảnh hưởng đến kích thước tệp. Giữ nguyên chiều rộng và chiều cao không đồng nghĩa giữ nguyên số byte. Công cụ không cung cấp tỷ lệ dung lượng đầu ra được bảo đảm; số dung lượng cạnh tên ảnh mô tả đầu vào, nên bạn cần xem tệp đã tải để biết dung lượng thực tế.

Có thể khẳng định ảnh hoàn toàn không được website thu thập không?

Không thể đưa ra khẳng định ở phạm vi toàn website chỉ từ phần mã này. Điều xác nhận được là luồng xử lý ảnh đọc tệp bằng khả năng của trình duyệt, ghép ảnh bằng canvas và tạo tệp tải xuống mà không có lời gọi tải ảnh lên máy chủ trong luồng ấy. Chưa có thông tin đầy đủ về mã khác, dịch vụ theo dõi hoặc chính sách dữ liệu của trang. Với ảnh nhạy cảm, cần đánh giá thêm các yếu tố đó thay vì coi mô tả luồng xử lý là bảo đảm riêng tư tuyệt đối.