รูปภาพและภาพถ่าย · ตัวปรับขนาดรูปภาพโซเชียล
อธิบายตัวกรองการสุ่มตัวอย่างใหม่: ใกล้ที่สุด, Bilinear, Bicubic และ Lanczos
· พื้นหลัง
การปรับขนาดภาพ การสุ่มตัวอย่างใหม่ ผ้าใบ
การปรับขนาดทุกครั้งจะต้องตัดสินใจว่าพิกเซลใหม่ควรเป็นสีใดจากพิกเซลเก่า: สำเนาเพื่อนบ้านที่ใกล้ที่สุด, ค่าเฉลี่ยไบลิเนียร์สี่, ไบคิวบิกหนักสิบหก และ Lanczos ใช้ sinc แบบหน้าต่าง โพสต์นี้จะอธิบายแต่ละข้อ ข้อดีข้อเสียระหว่างการเบลอ เสียงเรียกเข้า และนามแฝง และเบราว์เซอร์ที่ให้คุณ
ภาพถ่ายเดียวกัน เครื่องมือสามชิ้น สามผลลัพธ์ — ปริศนาคอนกรีตของภาพที่ปรับขนาดซึ่งมีความคมชัดและแสงระยิบระยับแตกต่างกัน
เครื่องมือปรับขนาดสองตัวสามารถสร้างไฟล์ที่มีขนาดเท่ากันและมีขอบที่แตกต่างกันอย่างเห็นได้ชัด รูปทรงเรขาคณิตอาจตรงกันในขณะที่การสุ่มตัวอย่างแตกต่างกัน: พิกเซลเอาต์พุตแต่ละพิกเซลต้องใช้สีที่ได้มาจากข้อมูลต้นฉบับ และการได้มานั้นอาจให้ความคมชัด ความเรียบเนียน หรือความต้านทานต่อนามแฝง ขนาดไฟล์เพียงอย่างเดียวไม่สามารถระบุวิธีการได้
Social Image Resizer จงใจให้คำมั่นสัญญาที่แคบลง ก่อน DrawImage จะช่วยให้ภาพเรียบขึ้นและขอคุณภาพการปรับให้เรียบสูง Canvas 2D API ไม่ได้บอกแอปว่าชื่อเคอร์เนลที่เบราว์เซอร์เลือก ดังนั้นผลิตภัณฑ์จึงไม่สามารถติดป้ายกำกับเอาต์พุตที่ใกล้ที่สุด ไบลิเนียร์ ไบคิวบิก หรือ Lanczos ได้ด้วยความแน่นอนระดับแหล่งที่มา
ปัญหาการสุ่มตัวอย่าง — เหตุใดการย่อขนาดรูปภาพโดยไม่กรองจึงทำให้เกิดมัวเรและขอบหยัก พูดง่ายๆ ก็คือ
การหดตัวจะลบตัวอย่าง หากแถบความถี่สูง ผม หรือตาข่ายถูกแมปโดยไม่มีการกรองที่เพียงพอ พวกมันอาจกลายเป็นรอยหยัก แวววาว หรือสร้างรูปแบบที่ผิดพลาดได้ การขยายจะสร้างตำแหน่งตัวอย่างใหม่ระหว่างตำแหน่งที่มีอยู่ ในทั้งสองทิศทาง รีแซมเปลอร์จะประมาณเอาต์พุตจากแหล่งที่มีจำกัด แทนที่จะเปิดเผยรายละเอียดที่ซ่อนอยู่
ภาพทดสอบที่มีประโยชน์จะรวมเส้นทแยงมุม เส้นหนึ่งพิกเซล เส้นตารางที่ซ้ำกัน และการไล่ระดับสีที่ราบรื่น ส่งออกในหลายระดับและตรวจสอบพิกเซลแบบหนึ่งต่อหนึ่งบวกกับขนาดการแสดงผลปกติ ข้อสังเกตแสดงให้เห็นว่าเบราว์เซอร์ที่ทดสอบจัดการกับเนื้อหาที่ยากได้อย่างไรโดยไม่ต้องแกล้งทำเป็นวิศวกรรมย้อนกลับในการใช้งานภายใน
Nearest และ Bilinear เป็นแนวคิดที่มีประโยชน์ แต่ ToolAcre ไม่ได้เปิดเผยเป็นตัวเลือก
เพื่อนบ้านที่ใกล้ที่สุดเลือกตัวอย่างแหล่งที่มาที่ใกล้ที่สุดตามแนวคิดและมีแนวโน้มที่จะรักษาบล็อกพิกเซลแบบแข็งไว้ การประมาณค่าแบบไบลิเนียร์จะผสมผสานตัวอย่างที่อยู่ใกล้เคียงเข้าด้วยกัน และโดยทั่วไปแล้วจะทำให้การเปลี่ยนภาพราบรื่นขึ้น คำอธิบายเหล่านั้นช่วยอธิบายความสุดขั้วที่มองเห็นได้ แต่ ToolAcre ไม่มีสวิตช์ที่มีป้ายกำกับว่าด้วยวิธีใดวิธีหนึ่ง และการทดสอบไม่ได้ระบุเคอร์เนลของเครื่องยนต์
อย่าอนุมานตัวกรองที่มีชื่อจากขอบด้านเดียวเท่านั้น การใช้งานเบราว์เซอร์สามารถเพิ่มประสิทธิภาพหรือเปลี่ยนแปลงพฤติกรรมตามขนาด คำแถลงผลิตภัณฑ์ที่เชื่อถือได้เพียงอย่างเดียวคือเปิดใช้งานการปรับให้เรียบและคุณสมบัติด้านคุณภาพถูกตั้งค่าไว้ที่สูง การจำแนกประเภทที่ลึกกว่านี้จำเป็นต้องมีหลักฐานเฉพาะเบราว์เซอร์ที่อยู่นอกโมดูลนี้
พฤติกรรม Bicubic ไม่ได้ถูกสัญญาไว้โดยการใช้งานแคนวาสนี้
วิธีการแบบไบคิวบิกใช้พื้นที่ใกล้เคียงที่กว้างขึ้นและการถ่วงน้ำหนักแบบลูกบาศก์ โดยมีตัวแปรที่แลกความนุ่มนวลกับส่วนที่เกินจากขอบ นั่นเป็นพื้นฐานอันมีค่าสำหรับการเปรียบเทียบแอปพลิเคชันรูปภาพโดยเฉพาะ ไม่ใช่สัญญาสำหรับเอาต์พุต Canvas 2D เนื่องจาก render.js ไม่ได้เลือกค่าสัมประสิทธิ์ลูกบาศก์หรือนำเข้าไลบรารี bicubic
หากเวิร์กโฟลว์การผลิตต้องใช้คิวบิกเคอร์เนลเฉพาะ ให้ใช้เครื่องมือที่ตั้งชื่อและทดสอบ Social Image Resizer จัดลำดับความสำคัญของความพร้อมใช้งานของเบราว์เซอร์ดั้งเดิมและการทำงานในเครื่อง ผลลัพธ์ควรได้รับการตัดสินว่าเป็นเอาต์พุตที่สุ่มตัวอย่างเบราว์เซอร์ใหม่ภายใต้กลไกและเวอร์ชันที่บันทึกไว้ ไม่ใช่การดำเนินการทางวิทยาศาสตร์ที่มีการควบคุมของตัวแปรเดียว
Lanczos อยู่นอกสัญญาเครื่องมือและไม่ได้อ้างว่าเป็นค่าเริ่มต้น
Lanczos ใช้แนวคิด Sinc แบบหน้าต่างเพื่อรักษารายละเอียดในขณะที่ควบคุมการใช้นามแฝง และขอบแข็งสามารถแสดงเสียงเรียกเข้าได้ภายใต้การตั้งค่าบางอย่าง สมุดงานบอกว่ามันเป็นค่าเริ่มต้นในเครื่องมือรูปภาพจำนวนมาก แต่ความแพร่หลายนั้นไม่ได้มาจากที่นี่ ที่สำคัญกว่านั้น ไม่มีสิ่งใดใน ToolAcre ที่ขอชื่อ Lanczos
การละเว้นนี้มีความสำคัญเมื่อวินิจฉัยรัศมี การเห็นสิ่งใดสิ่งหนึ่งไม่ได้พิสูจน์เคอร์เนลของ Lanczos และการไม่เห็นสิ่งใดสิ่งหนึ่งไม่ได้พิสูจน์อัลกอริธึมอื่น เปรียบเทียบแหล่งที่มาและเอาต์พุต ขนาดเอกสารและเบราว์เซอร์ และหลีกเลี่ยงการกำหนดสาเหตุที่แอปพลิเคชันไม่สามารถสังเกตได้ อาการทางสายตาสามารถเป็นแนวทางในการทดสอบโดยไม่ต้องรับรองโค้ดที่ซ่อนอยู่
สิ่งที่เบราว์เซอร์นำเสนอ — การสลับที่ราบรื่นและคำแนะนำด้านคุณภาพ แทนที่จะเป็นตัวกรองที่มีชื่อ และเหตุใดผลลัพธ์จึงแตกต่างกันระหว่างเบราว์เซอร์และเวอร์ชัน
Canvas ของเบราว์เซอร์จะแสดง imageSmoothingEnabled และ imageSmoothingQuality แทนที่จะเป็นแค็ตตาล็อกตัวกรอง ToolAcre ตั้งค่าจริงอันแรกและค่าสูงสุดอันที่สองทันทีก่อนที่จะวาดแหล่งที่มาที่ปรับขนาด เอ็นจิ้นอาจตีความคำใบ้แตกต่างออกไปหรือมีการพัฒนาระหว่างเวอร์ชัน ซึ่งเป็นสาเหตุที่ JavaScript ที่เหมือนกันสามารถสร้างความแตกต่างระหว่างเบราว์เซอร์ได้เล็กน้อย
รูปทรงเรขาคณิตยังคงมีความชัดเจนแม้ว่าจะไม่มีการสุ่มตัวอย่างก็ตาม computeFrame ส่งคืนขนาดที่แน่นอนและขนาดการวาด DrawRect จัดกึ่งกลางและชดเชยผลลัพธ์ ผืนผ้าใบเอาต์พุตมีขนาดเป้าหมายจำนวนเต็ม แยกข้อเท็จจริงที่ทราบเหล่านั้นออกจากตัวเลือกการสุ่มตัวอย่างที่ซ่อนอยู่เมื่อตรวจสอบความแตกต่างระหว่างเบราว์เซอร์
สิ่งนี้ไม่ครอบคลุมถึง — การทำให้คมชัดขึ้นหลังจากการปรับขนาด และตัวปรับขนาดที่รับรู้เนื้อหาหรือการเรียนรู้ของเครื่อง
การลับให้คมหลังจากการปรับขนาด ไม่มีวิธีการรับรู้เนื้อหา และการสร้างการเรียนรู้ด้วยเครื่องจักรขึ้นมาใหม่ ไม่มีการควบคุมมาสก์ที่ไม่คมชัด ตัวตรวจจับขอบ หรือโมเดลรายละเอียดที่สร้างขึ้น การควบคุมคุณภาพผลงานส่งผลต่อการเข้ารหัสสำหรับรูปแบบที่สูญหาย ไม่ใช่ขั้นตอนการเพิ่มความคมชัดหลังการปรับขนาด ถือว่าสิ่งเหล่านั้นเป็นการดำเนินการที่แตกต่างกัน
เวิร์กโฟลว์แบบเนทีฟของเบราว์เซอร์ยังคงมีประโยชน์อย่างแน่นอน เนื่องจากง่ายและพร้อมใช้งาน สำหรับพืชสังคมทั่วไป ให้ตรวจสอบผลลัพธ์ตามจริง สำหรับการสร้างภาพทางวิทยาศาสตร์ ผู้เชี่ยวชาญด้านการพิมพ์ หรือการอนุรักษ์ภาพพิกเซล ให้เลือกเครื่องมือที่มีการควบคุมตัวกรองที่ชัดเจนและการตรวจสอบความถูกต้องที่เหมาะสมกับเนื้อหานั้น
ประเด็นสำคัญ: ตัวกรองจะอธิบายรูปลักษณ์ — Social Image Resizer ใช้การสุ่มตัวอย่างใหม่ของเบราว์เซอร์ ดังนั้นการทราบคำศัพท์เหล่านี้จะบอกคุณถึงสิ่งที่คาดหวังและสิ่งที่ควรตรวจสอบ
การสุ่มตัวอย่างใหม่จะอธิบายว่าทำไมขนาดจึงไม่ใช่เรื่องราวทั้งหมด แต่หลักฐานต้องตรงกับเครื่องมือ Social Image Resizer ร้องขอการวาดภาพแคนวาสคุณภาพสูงและราบรื่น และปล่อยเคอร์เนลที่แน่นอนไว้ที่เบราว์เซอร์ นั่นก็เพียงพอแล้วที่จะผลิตพืชผลที่มีประโยชน์โดยไม่ต้องทำการตลาดตัวกรองที่รหัสไม่เคยเลือก
เก็บภาพทดสอบที่ยาก บันทึกรายละเอียดเบราว์เซอร์ และเปรียบเทียบการส่งออกเมื่อคุณภาพมีความสำคัญ คำศัพท์ช่วยอธิบายสิ่งที่คุณเห็น การใช้งานจะบอกคุณถึงสิ่งที่คุณสามารถอ้างสิทธิ์ได้อย่างตรงไปตรงมา อัลกอริธึมที่มีชื่อจะอยู่เฉพาะในกรณีที่โค้ดหรือหลักฐานเบราว์เซอร์ที่เชื่อถือได้แสดงให้เห็นเท่านั้น