การแสดงผลข้อความที่ดีขึ้นในเบราว์เซอร์ที่ใช้ 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

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

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

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

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

เมื่อปีที่แล้ว ทีม Edge ได้เพิ่มการรองรับการใช้ค่าตัวปรับ ClearType ใน 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 ที่ให้ความร่วมมือในโปรเจ็กต์นี้