Tìm font từ ảnh chữ: công cụ làm gì, độ chính xác tới đâu và cách tự nhận diện bằng mắt
Công cụ nhận dạng văn bản trong ảnh bạn tải lên, đo các đặc điểm hình học của chữ như độ dày nét, chiều cao chữ thường và khoảng cách ký tự, rồi xếp hạng năm font gần nhất trong danh sách hơn 240 font. Mọi bước xử lý ảnh đều chạy trong trình duyệt nên ảnh không được gửi đi đâu.
Tính năng nổi bật
- Tải ảnh chứa chữ lên từ máy, xử lý ngay trên trình duyệt
- Nhận dạng văn bản bằng bộ nhận dạng ký tự quang học chạy cục bộ, hỗ trợ cả tiếng Việt và tiếng Anh
- Hiển thị tiến trình theo phần trăm trong lúc nhận dạng để bạn biết còn bao lâu
- Đo các đặc điểm hình học: có chân hay không, đơn cách hay không, độ đậm, độ nghiêng, chiều cao chữ thường, chiều cao chữ hoa và độ dày nét
- Đối chiếu với danh sách hơn 240 font và xếp hạng theo mức tương đồng
- Trả về năm font gần nhất kèm điểm tương đồng và mô tả đặc điểm
- Kèm liên kết tới trang font tương ứng để bạn xem bản đầy đủ và tải về
- Hiển thị luôn phần văn bản nhận dạng được để bạn kiểm tra ảnh có đủ rõ hay không
Khi bạn có ảnh chữ nhưng không có tệp gốc
Tình huống quen thuộc là khách hàng gửi một ảnh chụp catalogue cũ, một tấm biển hiệu, hay một ảnh chụp màn hình từ website của đối thủ, kèm câu hỏi làm cho tôi giống thế này. Không có tệp thiết kế gốc, không biết tên font, và việc mở kho font ra lật từng cái là bất khả thi khi bạn có hàng trăm font. Công cụ này rút ngắn phần cơ học của việc đó: nó đo những chỉ số mà mắt khó lượng hóa được như tỷ lệ chiều cao chữ thường so với chữ hoa hay độ dày nét trung bình, rồi lọc danh sách xuống năm ứng viên để bạn tự so bằng mắt. Cần nói rõ ngay để bạn đặt kỳ vọng đúng: kết quả là danh sách font tương đồng chứ không phải câu trả lời chắc chắn về font gốc. Cách dùng hiệu quả nhất là coi nó như bước lọc đầu tiên, sau đó mở từng ứng viên ra gõ đúng dòng chữ trong ảnh và so từng chữ cái.
Lợi ích khi sử dụng
- Thu hẹp hàng trăm font xuống năm ứng viên chỉ trong một lượt
- Đo được những chỉ số hình học mà mắt thường khó lượng hóa
- Có sẵn liên kết tới trang font để xem bản đầy đủ và tải về hợp pháp
- Ảnh không rời khỏi máy vì cả nhận dạng lẫn phân tích đều chạy trong trình duyệt
- Phần văn bản nhận dạng được giúp bạn biết ngay ảnh có đủ chất lượng hay không
Cách tìm font từ ảnh
- 1Cắt ảnh sao cho chỉ còn phần chữ cần tra, bỏ hết hình nền và các yếu tố trang trí xung quanh.
- 2Bảo đảm chữ nằm ngang, màu tối trên nền sáng, và chiều cao mỗi chữ ít nhất khoảng 40 điểm ảnh.
- 3Tải ảnh lên rồi bấm phát hiện; lần chạy đầu tiên lâu hơn vì trình duyệt cần tải về dữ liệu nhận dạng ký tự.
- 4Đọc phần văn bản nhận dạng được trước: nếu nó sai bét thì kết quả font cũng không đáng tin, hãy cắt lại ảnh cho rõ hơn.
- 5Mở lần lượt năm font gợi ý, gõ đúng dòng chữ trong ảnh vào trang xem thử của từng font rồi so các chữ cái đặc trưng.
Bốn bước công cụ thực sự chạy
Bước một, công cụ tải về danh sách font để đối chiếu, gồm hơn 240 font phổ biến cùng các font do trang tự bổ sung. Bước hai, nó chạy bộ nhận dạng ký tự quang học ngay trong trình duyệt với hai bộ ngôn ngữ tiếng Việt và tiếng Anh, để lấy ra chuỗi chữ trong ảnh; đây là bước tốn thời gian nhất và cũng là bước cần tải về vài megabyte dữ liệu nhận dạng ở lần chạy đầu. Bước ba, ảnh được vẽ lên một vùng canvas rồi công cụ quét trực tiếp các điểm ảnh để đo: tỷ lệ điểm ảnh tối dùng để ước lượng độ đậm nét, độ lệch của các nét đứng dùng để đoán chữ nghiêng, mức dao động chiều rộng các ký tự dùng để đoán font đơn cách, sự thay đổi bề dày ở đầu nét dùng để đoán có chân hay không, cùng các mốc chiều cao chữ thường và chữ hoa. Bước bốn, mỗi font trong danh sách được chấm điểm theo bốn nhóm tiêu chí, trong đó nhóm phân loại có chân hay không chiếm trọng số cao nhất, rồi tới độ đậm, chiều cao chữ thường và độ dày nét; năm font điểm cao nhất được trả về cùng con số tương đồng.
Nói thẳng về độ chính xác và giới hạn của cách làm này
Đây không phải hệ thống nhận diện font bằng học máy được huấn luyện trên hàng chục nghìn mẫu chữ, mà là bộ đo đặc điểm hình học cộng với bảng chấm điểm. Hai giới hạn cần biết. Thứ nhất, trong danh sách hơn 240 font, chỉ khoảng hai chục font có số đo thật được ghi sẵn; phần còn lại được suy đoán đặc điểm dựa trên quy luật đặt tên, ví dụ tên có chữ mono thì coi là font đơn cách, tên có chữ garamond hay playfair thì coi là font có chân. Cách suy đoán này đúng phần lớn trường hợp nhưng không thay được số đo thật, nên điểm tương đồng nên đọc như một thứ tự ưu tiên chứ không phải xác suất. Thứ hai, các phép đo trên điểm ảnh nhạy cảm với chất lượng ảnh: ảnh có nền hoa văn, chữ có đổ bóng hoặc viền, chữ nghiêng theo phối cảnh, hay chữ sáng trên nền tối đều làm sai lệch phép đếm điểm ảnh tối và kéo theo mọi chỉ số sau đó. Kết luận thực dụng: dùng nó để thu hẹp lựa chọn, rồi luôn xác nhận lại bằng mắt trước khi báo với khách rằng đây là font gì.
Chuẩn bị ảnh đầu vào để có kết quả dùng được
Chất lượng ảnh quyết định phần lớn kết quả, và có sáu điểm đáng bỏ công. Một, cắt sát chỉ còn phần chữ, bỏ logo, bỏ hình minh họa, bỏ khung viền, vì mọi vùng tối ngoài chữ đều bị tính vào phép đo độ đậm. Hai, chữ phải nằm ngang; nếu ảnh bị nghiêng vài độ, hãy xoay lại trước, vì độ nghiêng sẽ bị hiểu nhầm thành font chữ nghiêng. Ba, ưu tiên chữ tối trên nền sáng, vì thuật toán coi điểm ảnh tối là chữ; ảnh chữ trắng trên nền đen nên đảo màu trước. Bốn, chiều cao mỗi chữ nên từ 40 điểm ảnh trở lên, dưới mức đó thì cạnh chữ bị làm mượt và mọi phép đo bề dày nét đều nhiễu. Năm, chọn đoạn có đủ nhiều chữ cái khác nhau, tốt nhất là một câu chứ không phải một từ, vì phép đo dao động chiều rộng ký tự cần ít nhất ba ký tự tách bạch. Sáu, tránh đoạn chữ có hiệu ứng như đổ bóng, viền ngoài, gradient hay chữ nằm trên ảnh nền, vì các hiệu ứng đó làm biến dạng chính những đặc điểm mà công cụ đang đo.
Tự nhận diện font bằng mắt: năm dấu hiệu đáng tin nhất
Dấu hiệu thứ nhất là có chân hay không, tức các nét trang trí nhỏ ở đầu và cuối nét chính; đây là ranh giới lớn nhất và bạn nhận ra ngay ở chữ I hoa hoặc chữ n thường. Dấu hiệu thứ hai là chữ g thường: kiểu một tầng chỉ có một vòng tròn và một đuôi móc, kiểu hai tầng có hai vòng nối nhau; đây là chữ khác biệt nhất giữa các font và đáng nhìn đầu tiên. Dấu hiệu thứ ba là chữ a thường, cũng có kiểu một tầng dạng vòng tròn với một nét đứng và kiểu hai tầng có mái cong ở trên; font hình học như Futura hay Poppins dùng kiểu một tầng, font nhân văn thường dùng kiểu hai tầng. Dấu hiệu thứ tư là độ tương phản giữa nét dày và nét mảnh trong cùng một chữ; tương phản rất cao là đặc trưng của nhóm font có chân hiện đại như Playfair Display, còn tương phản gần như bằng không là đặc trưng của nhóm không chân kiểu công nghiệp. Dấu hiệu thứ năm là ba ký tự dễ nhầm gồm chữ I hoa, chữ l thường và số 1: font thiết kế cho giao diện và cho mã nguồn luôn làm chúng khác nhau rõ, còn font trang trí thì không.
Khi ảnh không phải nguồn duy nhất và chuyện giấy phép font
Nếu chữ nằm trên một website, đừng chụp màn hình. Hãy mở công cụ dành cho nhà phát triển của trình duyệt, chọn đúng phần tử chữ rồi xem thẻ thuộc tính đã tính; ở đó có mục font được kết xuất, cho biết chính xác font nào đang được dùng thật chứ không phải danh sách khai báo trong CSS. Nếu chữ nằm trong tệp PDF, hãy mở phần thuộc tính tài liệu và xem thẻ danh sách font, ở đó liệt kê đầy đủ tên font cùng thông tin có nhúng hay không. Nếu bạn nhận được tệp thiết kế, tên font nằm ngay trong bảng thuộc tính của lớp chữ. Ba cách này cho câu trả lời chắc chắn, còn tra từ ảnh luôn chỉ là suy đoán. Về giấy phép, phần lớn font trong danh sách của công cụ đến từ kho Google Fonts và dùng giấy phép mã nguồn mở cho phép dùng thương mại, nhưng bạn vẫn nên mở trang của từng font để đọc phần giấy phép trước khi đưa vào sản phẩm bán ra. Với font thương mại, hãy mua đúng loại giấy phép cho mục đích sử dụng: giấy phép cho máy tính, cho web, cho ứng dụng và cho sản phẩm nhúng thường tính riêng, và dùng bản tải lậu trong dự án cho khách là rủi ro pháp lý thuộc về bạn chứ không thuộc về khách.
Câu hỏi thường gặp (FAQ)
Công cụ có cho biết chính xác tên font trong ảnh không?
Không bảo đảm. Nó đo các đặc điểm hình học của chữ rồi xếp hạng năm font gần nhất trong danh sách hơn 240 font. Hãy coi kết quả là danh sách ứng viên để bạn tự so bằng mắt, chứ không phải câu trả lời chắc chắn về font gốc.
Ảnh của tôi có được tải lên máy chủ không?
Không. Cả bước nhận dạng ký tự lẫn bước phân tích điểm ảnh đều chạy trong trình duyệt của bạn. Trang chỉ gọi ra một lần để lấy danh sách tên font, và ở lần chạy đầu tiên trình duyệt cần tải về vài megabyte dữ liệu nhận dạng ký tự.
Vì sao lần đầu chạy rất lâu?
Vì bộ nhận dạng ký tự cần tải về dữ liệu ngôn ngữ cho tiếng Việt và tiếng Anh cùng phần lõi xử lý. Những lần sau trên cùng trình duyệt sẽ nhanh hơn nhờ bộ nhớ đệm. Thời gian còn phụ thuộc kích thước ảnh, nên cắt sát phần chữ cũng giúp nhanh hơn đáng kể.
Ảnh nên chuẩn bị thế nào để kết quả đáng tin?
Cắt sát chỉ còn phần chữ, xoay cho chữ nằm ngang, để chữ tối trên nền sáng, chiều cao mỗi chữ từ khoảng 40 điểm ảnh trở lên, chọn một câu thay vì một từ, và tránh chữ có đổ bóng, viền ngoài hay nằm trên ảnh nền vì các hiệu ứng đó làm sai lệch phép đo.
Vì sao công cụ nhận nhầm font của tôi thành font chữ nghiêng?
Rất có thể ảnh bị nghiêng vài độ khi chụp. Công cụ đoán chữ nghiêng bằng cách đo độ lệch của các nét đứng, nên một ảnh chụp lệch sẽ bị hiểu thành font nghiêng. Hãy xoay lại ảnh cho các nét đứng thật sự thẳng đứng rồi chạy lại.
Chữ trắng trên nền đen có tra được không?
Kết quả sẽ rất kém, vì thuật toán coi điểm ảnh tối là chữ nên với ảnh đảo màu nó sẽ đo nhầm nền thành chữ. Hãy đảo màu ảnh bằng bất kỳ trình xem ảnh nào để có chữ tối trên nền sáng trước khi tải lên.
Phần văn bản nhận dạng được ra sai thì có ảnh hưởng gì?
Có, đó là tín hiệu cảnh báo. Nếu bộ nhận dạng không đọc nổi chữ thì gần như chắc chắn ảnh quá nhỏ, quá nhiễu hoặc tương phản quá thấp, và các phép đo hình học sau đó cũng không đáng tin. Hãy cắt lại ảnh rõ hơn thay vì tin vào danh sách font trả về.
Tìm font của một website thì nên làm thế nào?
Đừng chụp màn hình. Hãy mở công cụ dành cho nhà phát triển, chọn phần tử chữ rồi xem thẻ thuộc tính đã tính; ở đó có mục font được kết xuất, cho biết chính xác font đang hiển thị thật chứ không chỉ danh sách khai báo trong CSS. Cách này cho câu trả lời chắc chắn.
Tìm font trong tệp PDF thì làm sao?
Mở phần thuộc tính tài liệu của trình đọc PDF rồi xem thẻ liệt kê font. Ở đó có đầy đủ tên font cùng thông tin font có được nhúng vào tệp hay không. Đây cũng là cách kiểm tra trước khi gửi tệp đi in, vì font không nhúng sẽ bị thay bằng font khác ở nơi in.
Chữ g và chữ a giúp nhận diện font thế nào?
Chữ g thường có hai kiểu: một tầng gồm một vòng tròn và một đuôi móc, hai tầng gồm hai vòng nối nhau. Chữ a cũng vậy, kiểu một tầng là vòng tròn với nét đứng, kiểu hai tầng có mái cong ở trên. Font hình học thường dùng kiểu một tầng, font nhân văn thường dùng kiểu hai tầng. Đây là hai chữ đáng nhìn đầu tiên.
Font gợi ý có dùng được cho dự án thương mại không?
Phần lớn font trong danh sách đến từ kho Google Fonts với giấy phép mã nguồn mở cho phép dùng thương mại. Dù vậy hãy mở trang của từng font để đọc phần giấy phép trước khi đưa vào sản phẩm bán ra, vì vẫn có ngoại lệ và các phiên bản khác nhau của cùng một tên font.
Không tìm được font gốc thì làm gì?
Chọn một font thay thế có cùng phân loại và cùng tỷ lệ chiều cao chữ thường, rồi bù phần khác biệt bằng cách chỉnh giãn chữ và độ đậm. Trong đa số trường hợp thương mại, một font thay thế hợp pháp và gần giống tốt hơn nhiều so với dùng bản tải lậu của font gốc.
Từ khóa liên quan
- tìm font từ ảnh
- nhận diện font chữ
- font detector online
- tra font trong ảnh
- biết font của website
- tìm font trong file pdf
- font gì đây
- font tiếng việt tương tự
- nhận dạng chữ trong ảnh ocr
- tesseract nhận dạng tiếng việt
- phân biệt font serif và sans serif
- chữ g một tầng hai tầng
- x-height chiều cao chữ thường
- font geometric và humanist
- google fonts giấy phép ofl
- font thay thế gần giống
- devtools xem font đang dùng
- font không nhúng trong pdf
- bản quyền font thương mại
- công cụ tìm font miễn phí
