“ ความปลอดภัยบนเว็บ” ยังคงมีความสำคัญหรือไม่?


62

หลายปีก่อนขอแนะนำเสมอว่าผู้ออกแบบเว็บควรใช้สีที่ปลอดภัยสำหรับเว็บเท่านั้น

มีการศึกษาเพื่อดูว่าเป็นกรณีนี้หรือไม่? ถ้าเป็นเช่นนั้นคำตอบคืออะไร?

ไม่มีใครทราบหรือมีการอ้างอิงถึงการศึกษาหรือรายงานที่ครอบคลุมถึงเรื่องนี้?


ฉันไม่แน่ใจว่ามีสีที่ปลอดภัยบนเว็บจริงๆ (ชุดของสีที่จะแสดงผลเสมอโดยไม่ทำให้เกิดความสับสนในแพลตฟอร์มสี 256) อย่างน้อยไม่ใช่ classic 216
e100

แก้ไข: นี่คือบทความที่เขียนในปี 2000 หรือมากกว่านั้นซึ่งชี้ให้เห็นว่ามีปัญหาสำคัญกับจานสี 216 สีแบบคลาสสิกโดยเฉพาะในระบบ 16 บิต: physics.ohio-state.edu/~wilkins/color/websafecolors.html
e100

ที่เกี่ยวข้อง: stackoverflow.com/q/1041113/2890522
Hugo Rocha

คำตอบ:


53

ส่วนใหญ่คุณไม่มีอะไรต้องกังวล ผู้เยี่ยมชมเว็บไซต์ส่วนใหญ่ที่ไม่ธรรมดาจะสามารถรองรับสีได้มากกว่า 256 สี

หากด้วยเหตุผลบางประการฐานผู้ใช้ของคุณมีแนวโน้มที่จะมีสมาชิกสูงกว่าสัดส่วนปกติที่ใช้ระบบจาก 90 ต้น ๆ คุณอาจต้องการพิจารณา .. แต่ในสถานการณ์ทั่วไปมันไม่มีปัญหาอีกต่อไป

สถิติการแสดงผลของเบราว์เซอร์ w3schools แสดงให้เห็นว่าในเดือนมกราคม 2010 ผู้ใช้อินเทอร์เน็ต 0% ยังคงอยู่ที่ 256 สี


13
สิ่งนี้พูดถึงสีอะไร? ฉันยังใช้ขาวดำ!
Mateen Ulhaq

"ในวันของฉันเราต้องทำให้หน้าจอเป็นสีขาว!"
Kaji

4
และผู้ใช้ใด ๆ ที่ยังคงใช้จอแสดงผล 256 สีมีแนวโน้มที่จะ (a) ถูกนำมาใช้มากในการทำสำเนาสีที่ไม่ดีทั่วทั้งกระดาน; หรือบางที (b) ทำงานรอบ ๆ ตัวอย่างเช่นบังคับให้ไซต์แสดงเป็นข้อความสีดำบนพื้นหลังสีขาว
e100

@Kaji ไม่เห็นนั่นเป็นเพียงคุณ
Sylverdrag

2
W3schools.com ไม่ใช่เว็บไซต์ตัวแทนสำหรับสถิติของเบราว์เซอร์: มันมีจุดประสงค์เพื่อนักพัฒนาเว็บและดึงดูดนักพัฒนาจำนวนมากซึ่งมีแนวโน้มที่จะมีหน้าจอความละเอียดสูงกว่าที่มีสีมากกว่าผู้ใช้รายอื่น (ยกเว้นนักออกแบบกราฟิก) ที่กล่าวมามันปลอดภัยที่จะสมมติว่าผู้ใช้ทั่วไปในปัจจุบันใช้กราฟิกการ์ดที่สามารถผลิตสีจำนวนมากในความละเอียดสูง
Marcel Korpel

17

คำตอบสั้น ๆ :

เลขที่

คำตอบยาว:

ผู้ใช้โดยเฉลี่ยมีการ์ดกราฟิก / จอภาพเพียงพอที่ "ปลอดภัยสำหรับเว็บ" ไม่มีปัญหาอีกต่อไป


8

ย้อนกลับไปในยุคต้น ๆ การ์ดกราฟิกส่วนใหญ่ (รวมถึงการ์ดกราฟิกที่เวิร์กสเตชัน 'SGI Indy' £ 20K) มีหน่วยความจำไม่เพียงพอที่จะแสดงภาพความละเอียดสูงสีจริง สิ่งที่ต้องทำคือใช้ 256 สีที่ทำงานกับอัลกอริธึมการค้นหา

256 สีของ 'look up table' อาจเป็นสีใดสีหนึ่งใน 2 ^ 24 สีที่คุณได้รับจากพีซีที่ทันสมัยอย่างไรก็ตามสีเหล่านี้บางสีถูกสงวนไว้สำหรับระบบปฏิบัติการที่จะใช้ โดยทั่วไปแล้วจะใช้สี 32-40 สีสำหรับขอบหน้าต่างข้อความเมนูและการตกแต่งหน้าจออื่น ๆ ที่เหลือ 216 สีสำหรับแอปพลิเคชัน

ด้วยแอปพลิเคชั่นพีซีบนหน้าจอขนาด 8 บิตแต่ละหน้าต่าง / แอปพลิเคชั่นอาจมีชุดสีของตัวเองโดยเฉพาะกับเวิร์กสเตชัน Unix สิ่งนี้อาจนำไปสู่การกระพริบของสีเมื่อไปจากหน้าต่างหนึ่งไปยังอีก - หน้าต่างที่เลือกจะดูดี แต่หน้าต่างพื้นหลังอาจดูแปลก ๆ

เมื่อเว็บมาพร้อมกับเบราว์เซอร์ Mosaic (และต่อมา Netscape) เบราว์เซอร์จะต้องทำงานร่วมกับแอปพลิเคชันอื่น ๆ โดยแสดงภาพจำนวนมากที่นักออกแบบเว็บไซต์รวมไว้ในหน้าเว็บ สิ่งเหล่านี้สามารถทำให้เป็นสี 'ปลอดภัยสำหรับเว็บ' 216 ​​(6 x 6 x 6) โดยอัตโนมัติ โดยปกติองค์ประกอบอื่น ๆ ของหน้า (เช่น 'H1 - H6') ก็สามารถลดสีของสีได้ถึง 216 สี

หากผู้ใช้ไม่ยึดติดกับ 'สีที่ปลอดภัยบนเว็บ' 216 ​​(เบราว์เซอร์ใด ๆ ที่สามารถแสดงผลได้) ผลลัพธ์จะไม่สามารถคาดเดาได้สีแดงที่บอบบางอาจแสดงผลเป็นสีแดงไม่แน่นอนเป็นต้นตามที่คนอื่น ๆ ในหัวข้อนี้ - สีมาพร้อมกับพีซีส่วนใหญ่ในช่วงกลางยุค 90 ทำให้ 'เว็บปลอดภัย' มีปัญหาน้อยลง อย่างไรก็ตามหน้าจอ 16 บิตใช้บิตน้อยกว่าสำหรับแต่ละสีแทนที่จะเป็นตารางค้นหาเช่นเดียวกับวิธีที่มีสี 8 บิต 5 บิตสำหรับแต่ละองค์ประกอบสีแดงสีเขียวและสีน้ำเงินให้ค่าประมาณของสีจริง แต่ไม่จริง ค่า RGB ที่กำหนดเช่น #ABCDEF จะไม่สามารถแสดงผลได้อย่างแม่นยำเหมือนกับ #ABCDEF ดังนั้น 'เว็บที่ปลอดภัย' ยังคงมีความเกี่ยวข้องบางอย่างถ้าคุณต้องการให้สีเหมือนกันจากพีซีไปยังพีซี


8

ย้อนกลับไปเมื่ออินเทอร์เน็ต (และคอมพิวเตอร์) ใหม่หน้าจอไม่มีการสนับสนุนสีที่พวกเขามีอยู่ในปัจจุบันเรามี 24 หรือ 32- บิตสีตอนนี้ที่เราเคยมีสี 8 บิตเท่านั้น

เนื่องจากคอมพิวเตอร์บางเครื่องไม่สามารถแสดงสีบางสีได้ (เพียง 256 (2 ^ 8)) หากมีการใช้สีที่ไม่ใช่หนึ่งในเว็บที่ปลอดภัยเหล่านั้นคอมพิวเตอร์จะพยายามแสดงสีที่ใกล้เคียงที่สุด ถูกปิดจริงๆ)

ตอนนี้เราไม่ต้องกังวลเรามีหน้าจอที่สามารถแสดงสีได้หลายพันหรือหลายล้านสีดังนั้นพาเลทที่ปลอดภัยสำหรับเว็บจึงล้าสมัยไปเล็กน้อย (สิบห้าปีหรือมากกว่านั้น)


สี 16 บิตคือ 2 ^ 16 = 65536 สี ไม่ใช่ 16x16 สิ่งที่คุณอาจหมายถึงคือสี 8 บิต นั่นคือ 2 ^ 8 = 256
Vaibhav Garg

2

คนประมาณ 99% ใช้จอภาพ / โทรศัพท์มือถือที่มีจอแสดงผล 24 บิตหรือ 32 บิต การทำ dithering จะไม่เกิดขึ้นกับสิ่งเหล่านี้ (มันยังสามารถเกิดขึ้นได้กับการแสดงผล 16 บิต แต่มันผิดปกติและทำให้เวลาในการโหลดนานขึ้นเล็กน้อย) ดังนั้นนี่คือส่วนใหญ่ไม่ใช่ปัญหาในแง่ของ dithering อย่างไรก็ตามมีสาเหตุหลายประการที่ทำให้สีที่ปลอดภัยบนเว็บมีประโยชน์

พวกเขาให้สีที่ต่างกันและตัดกันอย่างสม่ำเสมอซึ่งเป็นประโยชน์ในการทำงานเมื่อมันมาถึงผู้ชมที่ตาบอดสีเนื่องจากพวกเขาจะมีโอกาสที่ดีกว่าในการบอกส่วนต่าง ๆ ของสีที่ต่างกันเมื่อเทียบกับการใช้พาเลทอื่น ๆ สีที่คุณคิดว่าดูดี สีมีประโยชน์สำหรับโค้ด shorthand CSS หรืออีกนัยหนึ่งคือการเข้ารหัสสีที่มีเพียง 3 ตัวอักษรแทนที่จะเป็น 6 (เช่น#663399สามารถ#639)


รุ่งโรจน์สำหรับการกล่าวถึงการเข้าถึงสำหรับผู้ชมตาบอดสี ที่กล่าวว่าจะเป็นการดีกว่าที่จะใช้ความพยายามในการเลือกสีที่แม่นยำซึ่งแตกต่างจาก deuteranopes (และ protanopes, อุดมคติ) จริง ๆ แทนที่จะหวังว่าสีที่ปลอดภัยบนเว็บจะทำงาน ฉันขอแนะนำให้สร้างจานสีแบบกำหนดเองที่ paletton.com โดยเปิดการจำลองสำหรับ "ดิวเทอเรเนียน" (ถ้ามันน่ากลัวเกินไป "deuteranomaly" น่าจะใช้ได้กับพวกมันส่วนใหญ่) Color Contrast Analyzer เป็นเครื่องมือฟรีที่ยอดเยี่ยมเช่นกัน ลองใช้เฉดสีที่มีสีฟ้าสีเหลืองสีเขียวสีม่วงและสีเทา
Jon Coombs

-2

ยังคงใช้สีที่ปลอดภัยบนเว็บหนึ่งครั้งคือเมื่อใช้ภาพ GIF เนื่องจากมี จำกัด 256 สี แน่นอนว่าสีเหล่านั้นสามารถเป็นชุดสีใดก็ได้ที่คุณต้องการ แต่สามารถมีได้เพียง 256 ใน 1 ภาพ


2
แต่บรรดา 256 สีในจานสี GIF ไม่จำเป็นต้องมี216 สีเว็บปลอดภัย
jensgram

ประเด็นก็คือยิ่งถ้าคุณต้องการใช้ GIF (เนื่องจากขนาดอาจ) สำหรับส่วนหนึ่งของการออกแบบ (เช่นโลโก้) มันจะดีกว่าถ้าจะลดจำนวนสีลง
Darryl Hein

1
-1: ไม่เกี่ยวข้อง
e100

1
อาจไม่เกี่ยวข้องเกือบตลอดเวลา แต่ฉันสามารถจินตนาการกรณีที่มันจะเป็น หากคุณตกอยู่ในสถานการณ์ที่คุณต้องการ GIF จำนวนมาก (หรือขนาดใหญ่ที่รวบรวมเนื้อหาจำนวนมาก) เพื่อใช้จานสีที่สอดคล้องกันนี่จะเป็นวิธีที่ดีในการทำเช่นนั้นใช่ไหม
Jon Coombs
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.