รูปภาพและภาพถ่าย · ตัวปรับขนาดรูปภาพโซเชียล
จอแสดงผล P3, sRGB และ Canvas: ทำไมสีถึงเปลี่ยนได้เมื่อคุณปรับขนาด
· พื้นหลัง
การจัดการสี ผ้าใบ คุณภาพของภาพ
โทรศัพท์หลายเครื่องจับภาพในพื้นที่สี Display P3 แบบกว้าง ในขณะที่ผืนผ้าใบของเบราว์เซอร์และฟีดโซเชียลส่วนใหญ่ใช้ sRGB ดังนั้นการเข้ารหัสรูปภาพอีกครั้งสามารถเปลี่ยนความอิ่มตัวของภาพได้ โพสต์นี้จะอธิบายปริภูมิสี โปรไฟล์ที่ฝัง และสิ่งที่ต้องตรวจสอบหลังจากการปรับขนาด
พระอาทิตย์ตกที่สูญเสียหมัด — อาการที่เป็นรูปธรรมของภาพถ่ายช่วงกว้างที่ถูกเข้ารหัสใหม่สำหรับเว็บ
พระอาทิตย์ตกที่อิ่มตัวอาจดูเรียบขึ้นหลังจากปรับขนาดเบราว์เซอร์ แต่อาการเพียงอย่างเดียวไม่สามารถระบุการแปลงสีได้เพียงครั้งเดียว แหล่งที่มาอาจมีโปรไฟล์ เบราว์เซอร์อาจตีความ ผืนผ้าใบอาจใช้พื้นที่สีของตัวเอง และไฟล์ที่เข้ารหัสใหม่อาจละเว้นข้อมูลเมตาที่ผู้ชมรายอื่นต้องการ
ข้อจำกัดของ ToolAcre มีการระบุอย่างระมัดระวัง: โปรไฟล์สีจะไม่ถูกเก็บรักษาไว้บนแคนวาส ดังนั้นรูปภาพที่มีโปรไฟล์ที่ฝังอยู่อย่างผิดปกติอาจเปลี่ยนแปลงเล็กน้อย ไม่รับประกันอัลกอริธึมการแปลง sRGB แบบคงที่ บทความนี้เป็นไปตามหลักฐานที่แคบลงและแนะนำให้ทำการเปรียบเทียบโดยตรงแทนการวินิจฉัยแบบสากล
sRGB และ Display P3 เป็นแนวคิดที่มีประโยชน์ แต่พฤติกรรมการจับโทรศัพท์ถือเป็นหลักฐานนอกพื้นที่เก็บข้อมูล
ปริภูมิสีจะกำหนดวิธีที่ค่าช่องตัวเลขจับคู่กับสี sRGB ถูกนำมาใช้กันอย่างแพร่หลายสำหรับภาพบนเว็บ ในขณะที่ Display P3 ครอบคลุมขอบเขตที่กว้างกว่าสำหรับบางสี “กว้างขึ้น” ไม่ได้หมายความว่าทุกภาพถ่ายจะใช้ช่วงพิเศษนั้น และพื้นที่เก็บข้อมูลไม่ได้กำหนดว่าโทรศัพท์เครื่องใดจะบันทึก P3 ตามค่าเริ่มต้น
ไฟล์สองไฟล์สามารถมีหมายเลขช่องที่เหมือนกันและแสดงผลต่างกันเมื่อแปลภายใต้โปรไฟล์ที่ต่างกัน ในทางกลับกัน การแปลงที่จัดการด้วยสีสามารถเปลี่ยนตัวเลขได้ในขณะที่ยังคงรูปลักษณ์ที่มองเห็นได้ นั่นคือสาเหตุที่การคัดลอกค่าพิกเซลหรือการดูความอิ่มตัวของสีไม่เพียงพอที่จะอธิบายเส้นทางสีทั้งหมด
โปรไฟล์ ICC แบบฝัง — วิธีที่ไฟล์บอกผู้ดูว่าตัวเลขหมายถึงช่องว่างใด และจะเกิดอะไรขึ้นเมื่อโปรไฟล์หายไป
โปรไฟล์ ICC แบบฝังจะให้ข้อมูลการตีความแก่ผู้ชมที่จัดการสี หากไม่มีโปรไฟล์ ซอฟต์แวร์จะใช้สมมติฐานเริ่มต้นของตนเอง Social Image Resizer ไม่ได้แยกโปรไฟล์แหล่งที่มาและไม่ส่งผ่านไปยัง encodeCanvas Blob ใหม่ถูกสร้างขึ้นจากผืนผ้าใบที่แสดงผล
การละเว้นจะแตกต่างจากการพิสูจน์ว่าทุกเอาต์พุตมีการติดแท็ก sRGB หากต้องการทราบว่าโปรแกรมเปลี่ยนไฟล์ของเบราว์เซอร์เขียนอะไร ให้ตรวจสอบไฟล์ หากต้องการทราบว่ารูปลักษณ์ยังคงยอมรับได้หรือไม่ ให้เปรียบเทียบต้นฉบับและผลงานที่เรนเดอร์ภายใต้สภาวะที่ได้รับการควบคุม หลักฐานเมตาดาต้าและหลักฐานเชิงภาพตอบคำถามที่เกี่ยวข้องแต่ชัดเจน
เครื่องมือนี้จะไม่รักษาโปรไฟล์แหล่งที่มา การแปลงสีแคนวาสที่แน่นอนนั้นควบคุมโดยเบราว์เซอร์
เวิร์กบุ๊กแจ้งว่าผืนผ้าใบทำงานใน sRGB ตามค่าเริ่มต้น Canvas API ของเบราว์เซอร์มีความสามารถในการจัดการสีที่พัฒนาขึ้น และแอปนี้ไม่ขอตัวเลือก colourSpace ที่ชัดเจนในการสร้างหรือเข้ารหัสบริบท ลักษณะการถอดรหัส การแปลง และเอาต์พุตที่แน่นอนจึงเป็นของการใช้งานเบราว์เซอร์
การกล่าวอ้างผลิตภัณฑ์ที่ปลอดภัยคือโปรไฟล์แหล่งที่มาไม่ได้ถูกเก็บรักษาไว้ในเวิร์กโฟลว์นี้ บันทึกเบราว์เซอร์และเวอร์ชันเมื่อสีมีความสำคัญ กลไกอื่นอาจตีความหรือเข้ารหัสแหล่งที่มาเดียวกันแตกต่างกัน แม้ว่าทั้งคู่จะดำเนินการเรียก renderFrame เดียวกันและส่งกลับขนาดเดียวกันก็ตาม
ต้องสังเกตพฤติกรรมฟีดปลายทางและสีหน้าจอมากกว่าที่จะสังเกตโดยทั่วไป
นอกจากนี้ยังอาจกว้างเกินไปที่จะบอกว่าฟีดและหน้าจอส่วนใหญ่ทำให้มองไม่เห็นการเปลี่ยนแปลงนี้ พื้นที่เก็บข้อมูลไม่มีปลายทางหรือแสดงหลักฐานประชากร การเปลี่ยนสีอาจไม่สำคัญสำหรับผู้ชมรายเดียว และสำคัญสำหรับกราฟิกของแบรนด์ งานศิลปะ หรือการถ่ายภาพผลิตภัณฑ์ การยอมรับเป็นของบริบทการจัดส่งจริง
เปรียบเทียบบนหน้าจอตัวแทนที่ความสว่างปกติและในภาพตัวอย่างปลายทางเมื่อเป็นไปได้ วางต้นฉบับให้มองเห็นได้ข้างเอาต์พุตในเครื่อง เพื่อไม่ให้หน่วยความจำมาแทนที่หลักฐาน หากจำเป็นต้องระบุสีแบรนด์ที่แน่นอน ให้ใช้ขั้นตอนการผลิตที่จัดการด้วยสีพร้อมโปรไฟล์ที่ชัดเจนและการควบคุมการพิสูจน์อักษร
ตัวอย่างการทำงาน: เปรียบเทียบแหล่งที่มาและเอาต์พุตที่ทำโปรไฟล์หนึ่งรายการโดยไม่ต้องกำหนดผลลัพธ์สองหน้าจอ
เลือกแหล่งที่ไม่ละเอียดอ่อนซึ่งมีโปรไฟล์ฝังอยู่และสีอิ่มตัวแต่เป็นธรรมชาติ ตรวจสอบโปรไฟล์ ปรับขนาดผ่าน ToolAcre และตรวจสอบเอาต์พุต ดูทั้งสองไฟล์เคียงข้างกันในแอปพลิเคชันและเบราว์เซอร์ที่จัดการด้วยสีเดียวกัน จดบันทึกการเปลี่ยนแปลงใดๆ โดยไม่ต้องกำหนดให้กับขั้นตอนที่ยังไม่ได้รับการยืนยัน
ทำซ้ำบนหน้าจอที่สองเฉพาะในกรณีที่หน้าจอนั้นเป็นส่วนหนึ่งของผู้ชมจริงหรือขั้นตอนการตรวจสอบ เป้าหมายไม่ใช่เพื่อสร้างผลลัพธ์ P3-versus-sRGB ที่กำหนดไว้ล่วงหน้า เป็นการรวบรวมหลักฐานไฟล์และลักษณะที่ปรากฏสำหรับแหล่งที่มา ตัวเข้ารหัสเบราว์เซอร์ และจอแสดงผลที่เกี่ยวข้องโดยเฉพาะ
สิ่งนี้ไม่ครอบคลุม — การจัดการสีระดับมืออาชีพ, การพิสูจน์อักษรแบบนุ่มนวล และรูปแบบ HDR; หมายเหตุทางเทคนิคของ Social Image Resizer จะอธิบายวิธีจัดการโปรไฟล์
การพิสูจน์อักษรแบบนุ่มนวลระดับมืออาชีพ รูปแบบ HDR และการจัดส่งการพิมพ์ที่ปรับเทียบแล้วอยู่นอกแอปนี้ อินพุตถูกจำกัดไว้ที่ JPEG, PNG และ WebP ที่ถอดรหัสได้โดยเบราว์เซอร์ และเอาต์พุตใช้ตัวเข้ารหัส Canvas ของเบราว์เซอร์ ไม่มีตัวเลือกโปรไฟล์ การควบคุมจุดประสงค์ในการเรนเดอร์ หรือขั้นตอนการปรับเทียบจอภาพ
ความต้องการเหล่านั้นจำเป็นต้องมีซอฟต์แวร์จัดการสีโดยเฉพาะ ToolAcre ยังคงเหมาะสมสำหรับอนุพันธ์ทางสังคมอย่างรวดเร็ว เมื่อผลลัพธ์ที่สังเกตได้เป็นที่ยอมรับ การทราบขอบเขตโปรไฟล์ช่วยให้ทีมตัดสินใจได้ว่ารูปภาพใดเป็นประจำและรูปภาพใดต้องใช้ขั้นตอนสีที่เข้มงวดมากขึ้น
สิ่งสำคัญ: รู้ว่าไฟล์ของคุณอยู่ในพื้นที่ใด — Social Image Resizer จะเข้ารหัสอีกครั้งในเบราว์เซอร์ ดังนั้นเปรียบเทียบเอาต์พุตกับต้นฉบับบนหน้าจอที่ผู้ชมของคุณใช้
รู้สถานะโปรไฟล์ของแหล่งที่มาและถือว่าไฟล์ที่ปรับขนาดเป็นสิ่งประดิษฐ์สีใหม่ แอปสามารถพิสูจน์ได้ว่าวาดพิกเซลใหม่ และไม่ได้จงใจเก็บโปรไฟล์ต้นทางไว้ ไม่สามารถรับประกันได้ว่าจะมี Conversion ที่แน่นอนในเบราว์เซอร์หรือปลายทางทั้งหมด
เปรียบเทียบ ตรวจสอบ และจัดทำเอกสาร หากผลลัพธ์ผ่านหน้าจอตัวแทนและไปยังปลายทาง หลักฐานจะสนับสนุนการส่งมอบ หากล้มเหลว ให้กลับสู่เวิร์กโฟลว์สีที่ได้รับการควบคุม แทนที่จะพยายามแก้ไขความอิ่มตัวของสีแบบสุ่มสี่สุ่มห้าด้วยการส่งออกแคนวาสอื่น