การแสดงผลข้อความที่ดีขึ้นในเบราว์เซอร์ที่ใช้ Chromium ใน Windows

Kurt Catti-Schmidt
Kurt Catti-Schmidt
Patrick Brosset
Patrick Brosset

เผยแพร่เมื่อวันที่ 12 กุมภาพันธ์ 2025

หน้าที่ของกลไกการแสดงผลเว็บนั้นกว้างขวาง และงานส่วนใหญ่ เช่น การจัดสไตล์ สื่อ หรือเลย์เอาต์ จะขับเคลื่อนด้วยมาตรฐาน มาตรฐานเหล่านี้ช่วยให้กลไกการแสดงผลอิสระทำงานร่วมกันได้ ซึ่งทำให้เว็บเติบโตอย่างรวดเร็ว แต่รายละเอียดปลีกย่อยบางอย่าง เช่น วิธีการแสดงผลข้อความที่ระดับพิกเซล มักจะขึ้นอยู่กับการตีความของหน่วยงานที่กำหนดมาตรฐาน และโดยทั่วไปแล้วจะขึ้นอยู่กับระบบปฏิบัติการที่เบราว์เซอร์ทำงาน

ในปี 2020 Microsoft Edge มีโอกาสที่หาได้ยาก นั่นคือการเปลี่ยนกลไกการแสดงผลพื้นฐานทั้งหมด Edge เปลี่ยนไปใช้ Chromium, แทนแพลตฟอร์มที่ใช้ได้เฉพาะใน Windows ซึ่งเคยใช้ Windows API โดยตรง และ กลายเป็นกลไกการแสดงผลเว็บข้ามแพลตฟอร์มอย่างแท้จริง ก่อนที่จะเปลี่ยนไปใช้ Chromium นั้น Edge อาศัย Windows API ที่เรียกว่า DirectWrite ในการแสดงผลข้อความทั้งหมด อย่างไรก็ตาม Chromium ใช้ Skia ซึ่งเป็น กลไกกราฟิกข้ามแพลตฟอร์มที่มีประสิทธิภาพและยืดหยุ่น ซึ่งจะแยกโค้ดจำนวนมากที่เฉพาะเจาะจงกับระบบปฏิบัติการออกจาก API

ระหว่างการเปลี่ยนไปใช้ Chromium ของ Edge ทีม Edge มีโอกาสรวบรวมความคิดเห็นจากผู้ใช้เกี่ยวกับกลไกการแสดงผลของ Chromium ความคิดเห็นหนึ่งที่สำคัญคือ ผู้ใช้ Edge จำนวนมากแชร์ว่าข้อความดู "ซีดจาง" และไม่สอดคล้องกับข้อความในส่วนอื่นๆ ของ Windows

ข้อความดูจางใน Chrome บน Windows เวอร์ชันก่อน 132

ทีมงานให้ความสำคัญกับความคิดเห็นนี้และได้ทำการตรวจสอบ แม้ว่า Skia จะใช้ DirectWrite ใน Windows สำหรับฟังก์ชันการทำงานบางอย่าง เช่น การค้นหาแบบอักษร แต่ Skia จะจัดการการแรสเตอร์ข้อความขั้นสุดท้ายโดยตรง และปัจจัยสำคัญอย่างหนึ่งในความคิดเห็น "ซีดจาง" จากผู้ใช้คือการตั้งค่าความคมชัดและแกมมาภายในสำหรับการแสดงผลข้อความ

เราพบความแตกต่างหลัก 2 ประการในค่าความคมชัดและแกมมาของข้อความระหว่างกลไกการแสดงผลที่ใช้ Chromium ของ Edge กับกลไกการแสดงผลก่อนหน้านี้ ประการแรก Skia ไม่ได้ดึงค่าความคมชัดและแกมมาของข้อความจาก Windows ClearType Tuner ประการที่สอง Skia ใช้ค่าเริ่มต้นที่แตกต่างกันสำหรับความคมชัดและแกมมาของข้อความกับค่าที่ใช้โดยสแต็กข้อความที่อิงตาม DirectWrite ของ Edge

ทีม Edge ได้เพิ่มการรองรับการใช้ค่า ClearType Tuner ใน Chromium โดยตรงเมื่อปีที่แล้ว ซึ่งช่วยให้ผู้ใช้เบราว์เซอร์ที่ใช้ Chromium สามารถควบคุมการตั้งค่าความคมชัดและแกมมาของข้อความใน Windows ได้ แม้ว่าจะเป็นก้าวสำคัญในทิศทางที่ถูกต้อง แต่ผู้ใช้ส่วนใหญ่มีแนวโน้มที่จะไม่ปรับการตั้งค่าความคมชัดและแกมมาของข้อความทั่วทั้งระบบ ดังนั้นระยะต่อไปในการเดินทางครั้งนี้คือการพิจารณาอย่างจริงจังในการปรับการตั้งค่าความคมชัดและแกมมาของข้อความเริ่มต้นสำหรับเนื้อหาข้อความทั้งเว็บและ UI ของเบราว์เซอร์

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

ทีม Edge เริ่มทดลองใช้ค่าความคมชัดของข้อความต่างๆ ในปี 2021 หลังจากทำการวิจัยผู้ใช้จำนวนมาก สมาชิกของทั้ง Edge และ Chromium ได้ข้อสรุปว่าค่าความคมชัด 1.0 ตรงกับการแสดงผลข้อความของ Edge เวอร์ชันก่อน Chromium มากที่สุด และดูสอดคล้องกับแอปพลิเคชัน Windows ดั้งเดิมอื่นๆ

ในทีม Edge เราเชื่อว่าการวิจัยและการทดลองของเราจะเป็นประโยชน์ต่อชุมชน Chromium โดยรวมใน Windows ดังนั้นเราจึงแชร์ผลการวิจัยกับทีม Chrome ที่ Google ซึ่งได้ยืนยันผลการวิจัยด้วยการทดลองของตนเอง จากนั้นเราจึงดำเนินการเปิดใช้ค่าความคมชัดใหม่เป็นค่าเริ่มต้นสำหรับบิลด์ Windows โดยเริ่มจาก Chrome 132

ปัจจุบันผู้ใช้เบราว์เซอร์ที่ใช้ Chromium ทั้งหมดใน Windows สามารถได้รับประโยชน์จากการวิจัย การทดลอง และการนำไปใช้ร่วมกันในช่วงหลายปีที่ผ่านมา

ข้อความจะคมชัดและชัดเจนหลังจากเปลี่ยน

ขอขอบคุณเป็นพิเศษสำหรับ Ian Prest, Daniel Libby และ Alison Maher จาก Microsoft รวมถึง Dominik Röttsches, David Yeung, Ben Wagner และ Brian Osman จาก Google ที่มีส่วนร่วมในโปรเจ็กต์นี้