Tại sao trình duyệt thêm màu hơi xanh và nâu vào màu phông chữ vững chắc?


8

Tôi đang tự hỏi tại sao trình duyệt của tôi (Firefox) lại thêm các tông màu xanh ở bên phải và các tông màu nâu ở bên trái của một phông chữ màu xám (# 333333) như thể hiện trong hình ảnh bên dưới.

công cụ chọn màu trong Firefox hiển thị các tông màu hơi xanh và nâu được thêm vào phông chữ màu xám

Ai đó có thể giải thích cho tôi tại sao điều này xảy ra?


1
Khử răng cưa ? Có rất nhiều tùy chọn liên quan, bạn có thể thiết lập chúng bằng cách sử dụng một plugin .
Paolo Gibellini

Câu trả lời:


16

Nó được gọi là kết xuất subpixel , hoặc khử răng cưa subpixel. Microsoft làm một cái gì đó tương tự cho hầu hết các ứng dụng Windows.

Màn hình của bạn bao gồm các màu nằm cạnh nhau. Nếu bạn thực hiện một mẫu khử răng cưa đơn giản, bạn sẽ không có được kết quả tốt nhất có thể. Nhưng bằng cách tận dụng kiến ​​thức về cách đặt các pixel, bạn có thể nhận được kết quả tốt hơn. Vì bạn đang làm việc với dữ liệu ít hơn một pixel.

Bạn nên cẩn thận với điều này mặc dù. Các màn hình khác nhau có cách sắp xếp khác nhau để phát xạ màu (do đó bộ chỉnh được đề cập bởi @PaoloGibellini). Do đó, nếu bạn chuẩn bị ảnh chụp màn hình chất lượng rất cao, có thể bạn nên tắt kết xuất pixel phụ hoặc bạn sẽ gặp lỗi 2 lần *. Tương tự như vậy nếu bạn chụp ảnh màn hình để in, tốt nhất là vô hiệu hóa điều này hoặc văn bản của bạn sẽ trông giống như một cầu vồng mờ.

* Một lần bởi màn hình, có một đơn hàng và một lần bởi hình ảnh có thứ tự khác


Này, không có gì sai với cầu vồng bôi nhọ!
Janus Bahs Jacquet

Trong Windwos, nó được gọi là ClearType - microsoft.com/en-us/Typography/ClearTypeInfo.aspx và nó được thực hiện ở cấp hệ thống, tôi không nghĩ rằng Actuallz FF của nó làm điều đó.
Hurda

@hurda no firefox không tự làm điều đó, bạn có thể thấy nó trong các tùy chọn mà họ đang nói về vẽ trực tiếp và bao gồm loại rõ ràng. Bạn có thể tắt nó trên toàn cầu nếu bạn muốn.
joojaa

1
Ảnh chụp màn hình chứa kết xuất pixel phụ sẽ không được áp dụng lại khi xem. Đây là một chức năng trên văn bản và một số thành phần UI, không phải trên tất cả các đồ họa. Ngoài ra, bất kỳ cửa hàng in có giá trị muối của họ sẽ chuyển đổi văn bản màu đen của ảnh chụp màn hình đó thành màu đen thuần túy trước khi tách.
Logarr

@Logarr không nó sẽ không được áp dụng lại, nhưng nó sẽ được sửa nếu thứ tự pixel khác nhau sau đó lỗi được thực hiện 2 lần. Tôi thực sự rất nghi ngờ bất kỳ cửa hàng in nào sẽ đi và sửa ảnh hồi tố theo cách này mà không phải trả phí. Bởi vì điều đó có nghĩa là họ sẽ phải đi ra ngoài và làm điều này cho từng yếu tố trên các nền khác nhau (trên màu xám, trên màu trắng trên màu vàng, v.v.). Nó chỉ dễ dàng hơn để vô hiệu hóa nó trước khi chụp màn hình
joojaa

6

Điều này được gọi là kết xuất subpixel . Các màu khác nhau chỉ có thể nhìn thấy vì hình ảnh đã bị nổ tung. Sẽ dễ dàng hơn để đưa ra một ví dụ về màu trắng trên màu đen.

Giải thích về kết xuất pixel phụ

Hãy tưởng tượng một dòng trắng dày một pixel. Trên hầu hết các màn hình LCD để bàn, các màu con riêng lẻ được sắp xếp theo chiều ngang. Miễn là cả ba pixel màu được bật, chúng ta sẽ thấy một dòng trắng dày một pixel - không quan trọng màu sắc theo thứ tự nào. Đây là những gì hai hàng đầu tiên hiển thị. Sử dụng kết xuất pixel phụ giúp tăng độ phân giải ngang của màn hình lên gấp ba lần, điều này đặc biệt hữu ích khi đọc văn bản ngang.

Nhưng khi bạn chụp ảnh màn hình và phóng to nó, thay vì nhìn thấy các subpixels, bạn sẽ thấy màu sắc chúng kết hợp để tạo ra. Khi một dòng pixel của chúng tôi được căn chỉnh với các pixel, bạn chỉ thấy một dòng trắng một pixel. Nhưng nếu không thì bạn sẽ thấy một dòng dày hai pixel được tạo thành từ hai màu. Bạn có thể nhìn thấy điều này nếu bạn ở gần màn hình của mình, bạn có thể thấy các khoảng trống giữa các pixel - nếu bạn đủ gần mắt bạn có thể không giải quyết các pixel bị chia tách với nhau và bạn sẽ thấy đường thẳng là hai pixel rộng. Nhưng nếu độ phân giải màn hình đủ cao thì kết xuất pixel phụ có thể hoạt động thực sự tốt và sẽ chỉ được chú ý khi bạn phóng to ảnh chụp màn hình.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.