Đánh Giá Logo Online

Tính năng nổi bật

• Nhận PNG, JPG, SVG, WebP đến 25 MB; nhận dạng loại tệp qua nội dung, không chỉ dựa vào đuôi tệp
• Ảnh rất lớn được thu nhỏ một lần về cạnh dài 1.024 px trước khi đo, nên không treo trình duyệt
• Kiểm tra SVG có thật là vector không (có nhúng ảnh bitmap không) và chữ đã chuyển thành nét chưa
• Đo phần chi tiết mất đi khi thu logo về 16, 32, 48 px và xem trước đúng kích thước lẫn phóng to 4 lần
• Gom cụm màu bằng thuật toán k-means tự viết trên tối đa 20.000 điểm ảnh, ra danh sách màu chính kèm diện tích; dải chuyển màu (gradient) được gộp thành một màu và báo riêng
• Tính tỉ lệ tương phản từng màu với nền trắng và nền tối theo công thức độ chói tương đối của WCAG 2.x
• Phát hiện cặp màu khác nhau nhưng cùng độ sáng, sẽ dính vào nhau khi in đen trắng; có bản xem thang xám
• Đo khoảng trống thừa, lề lệch, tỉ lệ khung và trọng tâm trái/phải; mockup danh thiếp, đầu trang web, ảnh đại diện tròn vẽ bằng canvas

Khi nào nên đánh giá logo bằng công cụ

Bạn vừa nhận logo từ nhà thiết kế, từ một dịch vụ giá rẻ hoặc từ công cụ tạo logo, và cần biết trước khi in hàng nghìn danh thiếp: tệp có đủ nét không, có bản vector không, có bản nền trong suốt không. Bạn đang chọn giữa hai ba phương án và muốn so bằng số đo thay vì chỉ cảm giác. Bạn thấy logo trên tab trình duyệt hay trên ảnh đại diện Facebook, Zalo bị nhòe và muốn biết vì chữ quá nhỏ, vì nét quá mảnh hay vì ảnh có quá nhiều khoảng trống. Hoặc bạn chuẩn bị đưa logo cho nhà in, xưởng thêu, đơn vị làm biển hiệu và muốn biết logo có bao nhiêu màu, in một màu có ổn không. Những câu hỏi đó trả lời được bằng phép đo, công cụ làm việc đó trong vài giây. Còn logo có đẹp, có ý nghĩa, có hợp thương hiệu hay không thì cần người xem, nên công cụ để thành checklist cho bạn tự trả lời.

Lợi ích khi sử dụng

• •Phát hiện thiếu sót kỹ thuật trước khi in ấn, tránh in lại tốn tiền
• •Có số đo cụ thể để trao đổi với nhà thiết kế thay vì nhận xét chung chung
• •Thấy ngay logo trông thế nào ở cỡ favicon và ảnh đại diện tròn
• •Biết có cần thêm bản đảo màu cho nền tối, bản biểu tượng rút gọn cho cỡ nhỏ hay không
• •Ảnh xử lý trên máy bạn, logo chưa công bố không bị tải lên đâu
• •Miễn phí, không cần tài khoản, dùng được trên điện thoại

Cách dùng công cụ đánh giá logo

1. 1Kéo thả tệp logo vào khung hoặc bấm để chọn tệp PNG, JPG, SVG hay WebP. Nếu bạn chọn liền hai tệp, công cụ chỉ giữ kết quả của tệp sau cùng.
2. 2Đọc khung Kết quả chấm kỹ thuật: điểm trên 100, điểm từng nhóm trên 10, và từng tiêu chí được đánh dấu Đạt, Nên cải thiện, Cần sửa hoặc Lưu ý, kèm số đo và giải thích.
3. 3Xem bảng Màu chính để biết logo có mấy màu, mỗi màu chiếm bao nhiêu diện tích, tương phản bao nhiêu với nền trắng và nền tối.
4. 4Kéo xuống phần Xem trước: logo ở 16, 32, 48 px, trên nền trắng, nền tối, bản thang xám, ảnh đại diện tròn, danh thiếp và đầu trang web.
5. 5Tự tích checklist cảm quan: ý nghĩa, độc đáo, hợp ngành, dễ nhớ, đọc đúng tên, bản quyền phông chữ, tra cứu nhãn hiệu.
6. 6Sửa logo theo các mục Cần sửa rồi tải lại để so sánh.

Công cụ chấm điểm thế nào

Có bốn nhóm: Kích thước và định dạng, Độ rõ ở cỡ nhỏ, Màu và tương phản, Bố cục. Mỗi tiêu chí trong nhóm được đánh dấu Đạt (10 điểm), Nên cải thiện (5 điểm) hoặc Cần sửa (0 điểm); mục Lưu ý chỉ để đọc, không tính điểm. Điểm nhóm là trung bình các tiêu chí của nhóm, điểm kỹ thuật là trung bình bốn nhóm nhân 10, thang 100. Ví dụ một logo PNG 512×512 px là hình tròn đen trên nền trong suốt: độ phân giải 512 px ở mức Nên cải thiện (đủ cho web nhưng thiếu cho in), không có bản vector (Nên cải thiện), nền trong suốt (Đạt), nên nhóm Kích thước được 6,7. Thu về 32 px chỉ mất 8% chi tiết, về 16 px mất 16%, tỉ lệ khung 1:1, nhóm Độ rõ được 10. Một màu, tương phản với trắng 21:1 (Đạt) nhưng với nền tối chỉ 1,12:1 (Nên cải thiện), nhóm Màu được 8,3. Lề đều 11% mỗi phía, trọng tâm ở giữa, nhóm Bố cục được 10. Điểm kỹ thuật (6,7 + 10 + 8,3 + 10) / 4 × 10 = 88. Điểm này chỉ nói logo có sẵn sàng để dùng trên nhiều nơi hay không, không nói logo đẹp hay xấu.

Độ phân giải, bản vector và nền trong suốt

Logo được dùng ở rất nhiều cỡ: biểu tượng 16 px trên tab trình duyệt, ảnh đại diện mạng xã hội, danh thiếp, bảng hiệu vài mét. Ảnh điểm ảnh (PNG, JPG, WebP) chỉ có số điểm ảnh cố định, phóng to sẽ vỡ hạt; bản vector (SVG, AI, EPS, PDF vector) là các đường cong toán học, phóng bao nhiêu cũng nét. Vì vậy ảnh PNG dù lớn vẫn bị đánh Nên cải thiện ở mục Bản vector: bạn nên giữ thêm một tệp vector gốc. Công cụ coi cạnh ngắn từ 1.000 px là đủ cho web, mạng xã hội và in khổ nhỏ, từ 500 đến dưới 1.000 px là tạm dùng cho web, dưới 500 px là Cần sửa. Đây là ngưỡng thực hành, không phải quy định của nền tảng nào. Với SVG, công cụ còn kiểm tra hai lỗi hay gặp: SVG chỉ là vỏ bọc một ảnh bitmap (có thẻ image bên trong, phóng to vẫn vỡ), và chữ còn là văn bản (thẻ text) nên phụ thuộc phông của máy người xem; khi giao logo, chữ nên được chuyển thành nét. Cuối cùng là nền: JPG không có kênh trong suốt nên đặt lên nền màu sẽ lộ khung trắng. PNG, WebP, SVG có thể trong suốt; công cụ coi là nền trong suốt khi có ít nhất 2 góc ảnh trong suốt và hơn 2% điểm ảnh trong suốt.

Độ rõ ở cỡ favicon và ảnh đại diện

Cách đo: công cụ cắt phần logo theo hộp bao, đệm thành hình vuông, thu về bản tham chiếu 256×256, rồi thu tiếp về 16, 32, 48 px và phóng ngược lại 256 để so. Phần chênh lệch trung bình chia cho độ tương phản trung bình của bản tham chiếu là phần trăm chi tiết mất đi. Hình khối đơn giản mất rất ít: hình tròn đen nói ở trên mất 8% ở 32 px. Nét mảnh và chữ nhỏ mất nhiều: một ảnh thử 800×200 px gồm các vạch dọc rộng 5 px cách nhau 16 px, giống một dòng chữ mảnh, mất 61% ở 32 px và 63% ở 16 px, các vạch nhòe thành một mảng xám. Con số này đo trên cả logo, nên một logo có biểu tượng lớn kèm dòng chữ phụ nhỏ vẫn có thể Đạt dù dòng chữ phụ đã không đọc được ở 32 px; hãy nhìn bản xem trước phóng to 4 lần để kiểm tra. Ở 32 px, dưới 25% là Đạt, 25% đến 45% là Nên cải thiện, trên 45% là Cần sửa; ở 16 px ngưỡng nới thành 35% và 60% vì gần như logo nào có chữ cũng nhòe ở cỡ đó. Google Search yêu cầu favicon hình vuông tỉ lệ 1:1, tối thiểu 8×8 px, và khuyên dùng ảnh lớn hơn 48×48 px (trang Search Central, mục favicon trong kết quả tìm kiếm). Tiêu chí Vừa khung ảnh đại diện tròn xét tỉ lệ ngang trên dọc của phần logo: từ 0,6 đến 1,67 là Đạt; logo ngang 8,6:1 như ảnh thử sọc ở trên đặt vào khung tròn sẽ chỉ còn một dải mỏng. Cách xử lý phổ biến là có thêm một phiên bản biểu tượng hoặc chữ viết tắt riêng cho cỡ nhỏ.

Màu chính, tương phản WCAG và bản đen trắng

Công cụ lấy mẫu đều tối đa 20.000 điểm ảnh thuộc logo (bỏ nền và điểm ở mép mảng màu, nơi khử răng cưa pha hai màu với nhau), gom cụm bằng k-means trong không gian màu CIELAB, gộp các cụm có ΔE dưới 12, rồi tính diện tích mỗi màu trên toàn bộ điểm ảnh của logo; chỉ màu chiếm từ 3% diện tích trở lên mới là màu chính. Dải chuyển màu (gradient) bị k-means cắt thành nhiều cụm nối tiếp nhau; công cụ nhận ra chuỗi đó nhờ khoảng giữa hai cụm kề nhau vẫn đầy điểm màu, gộp lại thành một và báo riêng mục Dải chuyển màu. Từ 1 đến 3 màu là Đạt, 4 đến 5 là Nên cải thiện, từ 6 màu là Cần sửa, vì in lụa, in decal, thêu đều tính tiền theo số màu. Tương phản tính theo định nghĩa trong WCAG 2.2 của W3C: độ chói tương đối L = 0,2126 R + 0,7152 G + 0,0722 B sau khi đổi từng kênh sRGB sang tuyến tính, tỉ lệ tương phản = (L sáng + 0,05) / (L tối + 0,05), từ 1:1 đến 21:1. Vài số để đối chiếu: đen trên trắng 21:1, xám #777777 trên trắng 4,48:1, đỏ #FF0000 trên trắng 4:1, xanh #0000FF trên trắng 8,59:1, vàng #FFC300 trên trắng chỉ 1,61:1 nhưng trên nền #121212 được 11,65:1. Công cụ dùng mốc 3:1 của tiêu chí 1.4.11 (tương phản thành phần không phải chữ). WCAG cũng ghi rõ chữ thuộc logo hay tên thương hiệu không bắt buộc đạt mức tương phản tối thiểu (ngoại lệ Logotypes ở tiêu chí 1.4.3), nên con số ở đây là để logo dễ nhìn, không phải điều kiện pháp lý. Cuối cùng là bản đen trắng: hai màu khác nhau rõ (ΔE từ 20) nhưng tương phản giữa chúng dưới 1,5:1 sẽ thành cùng một mảng xám khi in đen trắng hoặc photocopy. Ví dụ đỏ #DC2828 và xanh lá #009600 khác nhau ΔE 125 nhưng tương phản chỉ 1,23:1.

Bố cục: khoảng trống, lề và độ cân đối

Công cụ tìm hộp bao của các điểm ảnh thuộc logo: điểm ảnh đủ đậm (điểm trong suốt quá một nửa bị bỏ qua) và khác màu nền (với ảnh nền đặc, màu nền ước từ viền ảnh, khác nhau ΔE từ 10 mới tính là logo). Khoảng trống mỗi phía là phần ảnh nằm ngoài hộp bao. Nếu phía rộng nhất chiếm không quá 20% chiều tương ứng là Đạt, đến 35% là Nên cải thiện, quá 35% là Cần sửa. Khoảng trống thừa nghe vô hại, nhưng khi Facebook, Zalo, Google hay trình duyệt tự thu ảnh về cỡ nhỏ, phần logo thật bị nhỏ thêm theo. Nên cắt sát rồi tự chừa lề đều. Nếu lề trái và phải, hoặc trên và dưới, chênh nhau quá 8% thì có thêm mục Lề không đều: logo không nằm giữa khung, đặt vào ảnh đại diện tròn sẽ lệch. Độ cân đối trái phải đo bằng trọng tâm của các mảng đậm so với tâm hộp bao: lệch không quá 6% bề rộng là Đạt, đến 12% là Nên cải thiện, nhiều hơn chỉ là Lưu ý vì kiểu biểu tượng bên trái, chữ bên phải vốn lệch có chủ ý. Khi đặt căn giữa trên danh thiếp hay ảnh đại diện, hãy căn theo mắt nhìn chứ không theo hộp bao.

Phần công cụ không chấm: checklist cảm quan

Một logo đạt 100 điểm kỹ thuật vẫn có thể là logo tồi: vô nghĩa, giống hệt đối thủ, hay dùng phông chữ không có bản quyền. Những điều đó không đo được trên điểm ảnh, và công cụ này không dùng AI để đoán thay bạn. Checklist gồm tám câu: logo có ý nghĩa gắn với tên, sản phẩm hay giá trị thương hiệu không; có giống logo đối thủ cùng ngành không (thử tìm bằng Google Hình ảnh); màu và kiểu chữ có hợp ngành, hợp khách hàng không; người xem vài giây có vẽ lại được hình dáng chính không; tên thương hiệu trên logo có đọc đúng, dấu tiếng Việt có đặt đúng chỗ không; phông chữ và hình có giấy phép thương mại không; đã tra cứu nhãn hiệu trùng hoặc tương tự trước khi nộp đơn bảo hộ chưa; logo có chạy theo xu hướng nhất thời không. Câu về dấu tiếng Việt đáng chú ý: nhiều phông chữ thiết kế đẹp không hỗ trợ đủ dấu, hoặc dấu bị đặt lệch, đè lên chữ. Một cách thử đơn giản là cho ba bốn người chưa thấy logo xem trong năm giây, cất đi, nhờ họ tả lại hoặc vẽ lại. Lựa chọn của bạn được lưu trên trình duyệt để lần sau mở lại vẫn còn.

Logo tốt cần có những phiên bản nào

Kết quả của công cụ thường dẫn tới cùng một kết luận: một tệp logo không đủ dùng cho mọi nơi. Bộ tệp tối thiểu nên có: bản màu đầy đủ, bản một màu đen, bản đảo màu trắng cho nền tối (vì logo màu đậm trên nền tối thường dưới 3:1, như logo đen chỉ được 1,12:1 trên nền #121212), bản biểu tượng hoặc chữ viết tắt vuông cho favicon và ảnh đại diện, bản ngang và bản xếp chồng. Mỗi bản có tệp vector gốc (SVG hoặc PDF, AI, EPS) và tệp PNG nền trong suốt cạnh dài từ 1.000 px. Kèm theo là bảng mã màu (HEX cho web, CMYK cho in, mã Pantone nếu in màu pha), quy định khoảng trống an toàn quanh logo, kích thước nhỏ nhất được phép dùng và vài ví dụ dùng sai. Nếu logo hiện tại thiếu nhiều thứ trong danh sách, bạn có thể nhờ nhà thiết kế cũ bổ sung, hoặc làm lại cả bộ nhận diện. Nếu đang ở bước phác thảo, công cụ tạo logo online trên cùng trang có thể giúp thử nhanh vài hướng trước khi làm việc với nhà thiết kế.

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

Từ khóa liên quan

• đánh giá logo
• đánh giá logo online
• chấm điểm logo
• kiểm tra logo
• tiêu chí đánh giá logo
• logo đạt chuẩn
• kiểm tra tương phản màu logo
• logo nền trong suốt
• logo vector
• logo svg
• logo favicon
• logo ở kích thước nhỏ
• mockup logo danh thiếp
• logo đen trắng
• số màu trong logo
• kích thước logo chuẩn
• logo ảnh đại diện tròn
• logo cho nền tối
• kiểm tra logo trước khi in
• checklist thiết kế logo