การตั้งค่าสีของ Photoshop สำหรับการออกแบบเว็บ

ควรใช้การตั้งค่าโปรไฟล์สีใดใน Photoshop สำหรับการออกแบบเว็บ? เอฟเฟกต์การสอบเทียบของจอแสดงผลบันทึกภาพในเว็บหรือไม่

ฉันทำการปรับเทียบจอแสดงผลของฉันด้วย colorimeter และต้องการตรวจสอบให้แน่ใจว่าสีของฉันจะเป็น acros ที่สอดคล้องกันเบราว์เซอร์หลักทั้งหมด

ฉันใช้โปรไฟล์การสอบเทียบที่ได้รับการปรับเทียบสำหรับพื้นที่ทำงานของฉันการจัดการสีและไม่ฝังโปรไฟล์สำหรับบันทึกสำหรับเว็บและลองใช้. png 24 ทุกครั้งที่ทำได้ นี่เป็นวิธีปฏิบัติที่ดีที่สุดหรือไม่?

การตั้งค่าสี

บันทึกสำหรับเว็บ

"การจัดการสี" และ "การพัฒนาเว็บ" ไม่ควรนำมาใช้ในประโยคเดียวกันเว้นแต่จะผ่านการรับรองด้วย "ไม่ต้องรำคาญ" "เสียเวลา" หรือ "fuggedaboudit" เหตุผล lawndartcatcher ที่ระบุไว้ถูกต้อง ฉันยังไม่เห็นออฟฟิศ (นอกเหนือจากสตูดิโอออกแบบกราฟิก) ที่จอภาพสองจอแสดงสีเดียวกัน คอมพิวเตอร์ในบ้านอย่างน้อยก็แย่

หากคุณทำงานบนเว็บเป็นหลัก sRGB ต้องเป็นค่าเริ่มต้นของคุณเพราะนั่นเป็นมาตรฐานสำหรับอินเทอร์เน็ตและเป็นสิ่งที่ตัวแทนผู้ใช้ (เบราว์เซอร์) ทั้งหมดจะถูกสร้างขึ้นเพื่อแสดง

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

หากต้องการตอบคำถามอื่น ๆ ของคุณ: การปรับเทียบจอภาพไม่ส่งผลกระทบต่อภาพ SfW ยกเว้นเมื่อคุณใช้คุณตรวจสอบโปรไฟล์เป็นโปรไฟล์สีสำหรับภาพ (ซึ่งคุณไม่ควรทำด้วยเหตุผลใดก็ตามหรือเพื่อจุดประสงค์อื่นนอกเหนือจากวอลล์เปเปอร์เดสก์ทอปส่วนตัว)

PNG-24 มีประโยชน์สำหรับภาพที่มีความโปร่งใส หากไม่มีส่วนเกี่ยวข้องกับความโปร่งใส jpeg มักจะให้ไฟล์ขนาดเล็กลงสำหรับคุณภาพของภาพที่เหมือนกันและสำหรับรูปภาพที่เรียบง่ายที่มีสีไม่กี่สีและโดยเฉพาะอย่างยิ่งถ้าพวกเขามีขอบแข็ง (โลโก้เป็นตัวอย่างคลาสสิก) .gif

ปัญหาใหญ่ก็คือคุณจะต้องใช้เวลามากและใส่ใจในการปรับและเลือกสี (ดีสำหรับคุณ!) และพวกเขามักจะถูกมองโดยคนที่ไม่สามารถทำงานได้ ปุ่ม "ความสว่าง" บนหน้าจอ เพื่อนร่วมงาน (ที่ไม่ได้ออกแบบ) ของฉันทุกคนมีสองหน้าจอและไม่มีใครเทียบได้เลย ดังนั้นหากคุณถามว่า "มีวิธีใดสีแดงนี้โดยเฉพาะอย่างยิ่งที่ลูกค้าของฉันร้องขอจะมีลักษณะที่ถูกต้องเสมอตามการสอบเทียบที่ฉันทำ คำตอบที่น่าเศร้าคือ:

เลขที่

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

โดยไม่ฝังโปรไฟล์อาจเปิดประตูให้เบราว์เซอร์แทนที่โปรไฟล์ปัจจุบัน หากคุณสามารถรับเบราว์เซอร์หลัก ๆ ที่เห็นด้วยกับการจัดการสีอาจมีรางวัลโนเบลสำหรับคุณ

เรื่องสั้นสั้นใช่ - การดูแลที่คุณทำมีความสำคัญและการตั้งค่าที่คุณใช้นั้นดี (แม้ว่าฉันจะมองหาโปรไฟล์ RGB ทั่วไปเพิ่มเติมอีกเล็กน้อย) แต่มีเพียงการควบคุมมากมายที่คุณจะได้รับเมื่อการออกแบบของคุณออกจากเครื่องและออกไปสู่โลกกว้างของผู้ใช้งานเว็บที่ไม่รู้ตัว

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

1. การจัดการสีโดย ivan
2. เคล็ดลับการจัดการสีใน Photoshop สำหรับเว็บ
3. การจัดการสีเพื่อจับคู่สีข้ามอุปกรณ์หลายชิ้น
4. การตั้งค่านี้ไม่มีใครควรใช้สำหรับ photoshop

หวังว่าจะช่วยได้สักนิด .......

ความรู้สึกที่ซื่อสัตย์ของฉันเกี่ยวกับการจัดการสีเว็บสะท้อนสิ่งที่กล่าวมาข้างต้น แต่มีข้อแม้บางประการ

โดยทั่วไปการพูดนั้นเหมาะสมที่จะรักษาเวิร์กโฟลว์ที่มีการจัดการสีไว้ที่จุดสิ้นสุดเพื่อให้คุณสามารถมีจุดเริ่มต้นที่ดีอย่างน้อยถ้าคุณออกแบบนอกเวิร์กโฟลว์ที่มีการจัดการสีและชุดคำสั่ง / ซอฟต์แวร์ของคุณ อาหารกลางวัน (สีที่ไม่ได้ตั้งใจ, ปัญหาโทนเสียงดนตรี, และแกมม่า ฯลฯ ) คุณเพิ่มความเสี่ยงที่อุปกรณ์ของผู้ใช้ปลายทางที่ไม่ได้ปรับเทียบอีกเครื่องหนึ่งจะตีในปริมาณที่เท่ากันในทิศทางตรงกันข้าม แสดงได้ไม่ดีกว่าถ้าได้รับการออกแบบภายในเวิร์กโฟลว์ที่มีการจัดการสีตั้งแต่แรกขึ้นอยู่กับการตัดสินใจเลือกสีที่ลำเอียง

นอกจากนี้ในขณะที่ฉันไม่เคยแท็กรูปภาพกราฟิก (ส่วนหัวการนำทางพื้นหลัง ฯลฯ ) สำหรับเว็บไซต์และแม่แบบเว็บไซต์ (เนื่องจากอาจทำให้เกิดความไม่ตรงกันที่น่าเกลียดระหว่างสีฐานสิบหกที่ระบุและรูปภาพที่จัดการสี ในเบราว์เซอร์ไม่กี่ที่จริงเคารพโปรไฟล์สี) ผมทำมักจะถ่ายภาพแท็ก รูปภาพความละเอียดสูงโดยเฉพาะอย่างยิ่ง ในโอกาสที่หายากที่ผู้ใช้กำลังดูเนื้อหาในเบราว์เซอร์ที่จัดการสีโปรไฟล์จะทำให้แน่ใจว่าผู้ใช้จะเห็นรูปถ่ายขณะที่ถูกยิงและโทนสีผิวมนุษย์ท้องฟ้าน้ำและอื่น ๆ แสดงอย่างถูกต้อง