เหตุใดการลบรอยหยักในอักขระสีดำจึงใช้สีอื่นที่ไม่ใช่ระดับสีเทา


17

ฉันเป็นนักพัฒนาฉันไม่ใช่นักออกแบบกราฟิก แต่มีคำถามหนึ่งข้อที่ทำให้ฉันรำคาญทุกคนตั้งแต่ฉันสังเกตเห็นเมื่อหลายปีก่อน

การลบรอยหยักเป็นวิธีการลบความคมชัดออกจากส่วนที่มีความเปรียบต่างสูงเช่นขอบตัวอักษรและรูปทรงเรขาคณิตหากมีคนที่ไม่รู้จัก

เมื่อคุณได้รับตัวละครต่อต้านนามแฝงที่เขียนด้วยสีดำบนพื้นหลังสีขาวและคุณซูมเข้าเพื่อดูพิกเซลมีสีที่แตกต่างจากตัวอักษรที่พบในระดับสีเทาซึ่งสำหรับฉันดูเหมือนจะเป็นอุบายเพราะเราต้องทำ การถ่ายที่ราบรื่นจากสีดำเป็นสีขาว

ป้อนคำอธิบายรูปภาพที่นี่

คำถาม: ทำไมสีแตกต่างจากสีเทาในระดับที่ใช้สำหรับป้องกันนามแฝงของอักขระสีดำในพื้นหลังสีขาว

ป.ล. : ฉันจะสร้างแท็ก "การลบรอยหยัก" ถ้าฉันมีชื่อเสียงเพียงพอ


อัปเดต : ตอนนี้ฉันนึกถึงทฤษฎีแล้ว
หากตัวอักษรนั้นตั้งใจที่จะแสดงบนหน้าจอคอมพิวเตอร์และส่วนที่เล็กที่สุดของหน้าจอที่สามารถเป็นสีดำได้คือทั้งพิกเซลที่ประกอบไปด้วยแสงน้อยสามดวงซึ่งจะทำให้จุดที่เล็กที่สุดในจดหมายใด ๆ มีขนาดค่อนข้างใหญ่ แต่ถ้า anti-aliasing ที่ประกอบขึ้นด้วยจุดโดยรอบหรือจุดภายในสามารถแสดงเพียง 1/3 ของพิกเซลด้วยความช่วยเหลือบางอย่างจากสีไปด้านข้างซึ่งหมายความว่าตัวอักษรอาจมีขนาดเล็กลง

มันคืออะไร


5
แค่นั้นแหละ เรียกว่า 'การแสดงผลพิกเซลย่อย': en.wikipedia.org/wiki/Subpixel_rendering
DA01

1
ในการแสดงผลตัวอักษรสีเทา "เรียบ" มักจะเรียกว่าAnti-aliasingและว่ารุ่นที่มีสีสันจะเรียกว่าการแสดงผล subpixel นอกจากลิงค์ของ @ DA01 ดูได้ที่: en.wikipedia.org/wiki/Font_rasterization
Jari Keinänen

1
กรุณาเปิดการโพสต์การอัปเดตเป็นคำตอบเมื่อคุณได้รับโอกาส :)
JamesHenare

ว้าวฉันเข้าใจแล้ว .. ขอบคุณสำหรับลิงค์และคำอธิบายทุกคน!
MarceloRamires

คำตอบ:


10

สิ่งนี้เรียกว่า clearType ใน windows (หรือการแสดงผลพิกเซลย่อยอย่าง Marcelo กล่าว) แนวคิดก็คือแทนที่จะใช้ 1 ค่าต่อ 1 พิกเซล:
(127,127,127) <สีเทา

เราสามารถทำให้ด้านซ้ายของพิกเซลนี้รุนแรงน้อยลงและด้านขวามากกว่า
(55,127,185) - โทนสีน้ำเงินออก

มาเหมือนกันสำหรับพิกเซลด้านขวา
(185,127,55) - การแต้มสีส้ม
ด้านล่างแสดง (ไม่มี AA) - (Early Clear Type) - (AA แบบชัดเจนล่าสุด) - (ประเภท Clear ล่าสุด)
ป้อนคำอธิบายรูปภาพที่นี่

ในความคิดของฉันมันใช้งานได้ดีกับแบบอักษรเล็ก ๆ (เช่นที่คุณอ่านอยู่ตอนนี้)
สำหรับกราฟิกปกติคุณใช้ AA ปกติ (ในความเป็นจริง photoshop ไม่รองรับ clearType)
หวังว่านี่จะช่วยได้! สนุก


3

ฉันเดาถูกหลังจากทั้งหมด:

หากตัวอักษรนั้นตั้งใจที่จะแสดงบนหน้าจอคอมพิวเตอร์และส่วนที่เล็กที่สุดของหน้าจอที่สามารถเป็นสีดำได้คือทั้งพิกเซลที่ประกอบไปด้วยแสงน้อยสามดวงซึ่งจะทำให้จุดที่เล็กที่สุดในจดหมายใด ๆ มีขนาดค่อนข้างใหญ่ แต่ถ้า anti-aliasing ที่ประกอบขึ้นด้วยจุดโดยรอบหรือจุดภายในสามารถแสดงเพียง 1/3 ของพิกเซลด้วยความช่วยเหลือบางอย่างจากสีไปด้านข้างซึ่งหมายความว่าตัวอักษรอาจมีขนาดเล็กลง

ตรวจสอบความคิดเห็นในคำถามเพื่อขอความช่วยเหลือเพิ่มเติมจาก DA01 และ koiyu (ขอบคุณ)


เพื่อการอ้างอิงนี่คือลิงค์ Wikipedia ในความคิดเห็นจาก DA01 และ koiyu:

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.