ความแตกต่างระหว่างหน้าจอที่มีความละเอียด 2560 * 1440 พร้อมซูม - 200% และหน้าจอที่มีความละเอียด 1280 * 720 คืออะไร


34

ฉันมีแล็ปท็อปที่มีความละเอียดหน้าจอดั้งเดิมเป็น 2560 * 1440 นั่นหมายความว่ามันมี 2560 พิกเซลจุดแนวนอนและ 1440 พิกเซลจุดในแนวตั้ง

ฉันยังสามารถบังคับให้ระบบแสดงเป็นหน้าจอที่มีความละเอียด 1280 * 720 (ซึ่งโดยทั่วไปคือ 1/4 ของพิกเซลเมื่อเทียบกับ 2560 * 1440) ซึ่งบังคับให้ระบบใช้ 4 เนทีฟพิกเซลเพื่อแสดงรูปภาพ 1 พิกเซล

                   .    .
    .       -> 
                   .    .
[2560*1440]      [1280*720]

ผลกระทบที่คล้ายกันเมื่อฉันรักษาความละเอียดหน้าจอที่ 2560 * 1440 และซูม 200% คือเพื่อแสดงทุกพิกเซลของภาพหน้าจอใช้ 4 เนทีฟพิกเซล

ฉันยังเห็นความแตกต่างในความคมชัดของหน้าจอระหว่างการตั้งค่าทั้งสอง โปรดดูด้านล่างสำหรับภาพหน้าจอของสอง -

หน้าจอที่มีความละเอียด 2560 * 1440 พร้อมซูม 200% ป้อนคำอธิบายรูปภาพที่นี่

หน้าจอที่มีความละเอียด 1280 * 720 (ไม่มีการซูม) ป้อนคำอธิบายรูปภาพที่นี่

ใครสามารถอธิบายเหตุผลสำหรับความแตกต่างนี้อย่างชัดเจน?


2
“ ซึ่งบังคับให้ระบบใช้ 4 เนทีฟพิกเซลเพื่อแสดง 1 พิกเซลของรูปภาพ” - ไม่จำเป็น น่าเสียดายที่ Pixel Doubling ไม่ได้ถูกใช้งานเสมอไป // คุณหมายถึงอะไรโดย "ชัดเจน"? คุณภาพที่ดีที่สุดเท่านั้นที่สามารถทำได้ด้วยความละเอียดของเนทีฟซึ่งเป็นข้อเท็จจริงที่รู้จักกันดี
Daniel B

2
ดูภาพทั้งสองอย่างใกล้ชิดคุณสามารถเห็นความแตกต่าง การจับภาพเมื่อกำหนดค่าระบบด้วยความละเอียด 1280 * 720 ดูเป็นพิกเซลมากขึ้น หากคุณซูมภาพคุณสามารถสร้างความแตกต่างได้ ในขณะที่ทำงานกับระบบความแตกต่างนั้นค่อนข้างน่าสังเกต ระบบที่มีความละเอียด 1280 * 720 ดูเป็นพิกเซลมากขึ้น
Darshan L

ฉันยอมรับว่ารหัสคุณภาพที่ดีที่สุดนั้นได้รับจากความละเอียดของเนทีฟ แต่ที่นี่ฉันพยายามเข้าใจว่าเกิดอะไรขึ้นภายใต้ประทุนในการตั้งค่าทั้งสองนี้ ฉันอาจผิดกับการเพิ่มพิกเซลเป็นสองเท่านั่นคือความเข้าใจของฉัน อย่างไรก็ตามคุณสามารถอธิบายได้อย่างชัดเจนว่าเกิดอะไรขึ้นระหว่างการตั้งค่า 2 แบบ
Darshan L

คำตอบ:


78

ดูเหมือนว่าคุณกำลังอ้างถึง "ซูม 200%" ในการตั้งค่าระบบปฏิบัติการบางอย่าง

เมื่อคุณใช้ 1280 * 720 ทุกอย่างจะแสดงผลในความละเอียดนี้แล้วปรับขนาดเป็นบิตแมป (โดยจอภาพของคุณ) ภาพสุดท้ายแน่นอนประกอบด้วยบล็อก 2x2 พิกเซล

เมื่อคุณใช้ความละเอียด 2560 * 1440 พร้อมการซูม 200% วัตถุทุกชิ้นจะถูกปรับขนาดขึ้นก่อนจากนั้นจึงแสดงผลในความละเอียดเต็ม ด้วยบิตแมปมันอาจไม่สร้างความแตกต่าง แต่วัตถุเช่นแบบอักษร TrueType หรือกราฟิกเวกเตอร์มาตราส่วน "ราบรื่น" พวกเขาสามารถเปลี่ยนทุกพิกเซลที่มีอยู่แยกต่างหาก ในความเป็นจริงแล้วภาพที่ได้ไม่จำเป็นต้องสร้างบล็อคพิกเซล 2x2 บนหน้าจอของคุณในกรณีแรก


ตัวอย่าง

  1. เริ่มจากความละเอียดต่ำ 4x4:

    grid4

  2. เราวาดวัตถุที่อธิบายว่า "สามเหลี่ยมมุมฉากซ้าย, 4x4, ดำ":

    สามเหลี่ยม 4 บน grid4

  3. จอภาพได้รับบิตแมปข้างต้นและปรับความละเอียดเป็น 8x8 ความละเอียดดั้งเดิมดังนั้นแต่ละพิกเซลดั้งเดิมจะกลายเป็นบล็อก 2x2 พิกเซล:

    สัดส่วนสามเหลี่ยม 4

  4. ตอนนี้เราจะใช้ความละเอียด 8x8 ตั้งแต่ต้น:

    grid8

  5. เราพิจารณาวัตถุที่อธิบายว่า "สามเหลี่ยมมุมฉากซ้าย, 4x4, ดำ":

    สามเหลี่ยม 4 บน grid8

  6. แต่เราบอกให้ระบบปฏิบัติการใช้การซูม 200% ระบบปฏิบัติการคำนวณวัตถุใหม่และได้รับ "สามเหลี่ยมมุมฉากซ้ายบน, 8x8 , ดำ":

    trinagle8 บน grid8

    จากนั้นจะถูกส่งไปยังจอภาพและแสดงผล

เปรียบเทียบ:

สัดส่วนสามเหลี่ยม 4 trinagle8 บน grid8

หมายเหตุหากเรามีสามเหลี่ยม 4x4 ดั้งเดิมเป็นบิตแมปผลลัพธ์สุดท้ายก็จะเหมือนด้านซ้ายด้านบนโดยไม่คำนึงว่าการปรับสเกลทำได้โดยระบบปฏิบัติการหรือจอภาพ คำอธิบายทางคณิตศาสตร์ของรูปสามเหลี่ยมอนุญาตให้ระบบปฏิบัติการคำนวณใหม่เป็นขนาดใหม่และรับภาพที่ราบรื่นในตอนท้าย

ในระบบปฏิบัติการที่ทันสมัยองค์ประกอบ GUI, แบบอักษรและอื่น ๆ มีอยู่ในรูปแบบ "คำอธิบายทางคณิตศาสตร์" ซึ่งอาจคำนวณใหม่ได้อย่างราบรื่นตามขนาดที่กำหนด (ซูม) คำทั่วไปเป็นกราฟิกแบบเวกเตอร์


ใช่ฉันหมายถึงการตั้งค่าที่มีอยู่ใน windows 10 มีตัวเลือกเช่น "เปลี่ยนขนาดของข้อความแอพและรายการอื่น ๆ " และมีรายการแบบหล่นลงที่มีค่าเช่น 100%, 125%, 150%, 175%, 200%
Darshan L

2
@ DarshanL GIMP แต่งานของฉันใช้พิกเซลเดียวราวกับว่าฉันอยู่ในเครื่องมือแก้ไขขั้นพื้นฐานที่สุด (MS Paint จาก Windows เก่าบางรุ่นก็เพียงพอแล้ว) เดิมทีเส้นสีแดงเหล่านี้มีความกว้าง 1 พิกเซล ไฟล์จะถูกปรับขนาดโดยปัจจัย 500% ดังนั้นจึงไม่ปรากฏที่นี่เล็ก ๆ
Kamil Maciorowski

2
ตัวอย่างของคุณแสดงผลลัพธ์ของการปรับขนาดภาพ 4x4 เป็น 8x8 ไม่ใช่วิธีเดียวที่ทำได้ นอกจากนี้ยังเป็นไปได้ที่จะทำการปรับขนาดด้วยการใช้ anti-aliasing ในกรณีนี้พิกเซล 16 พิกเซลในรุ่น 8x8 จะมีค่าพิกเซลดั้งเดิม แต่พิกเซลที่อยู่ระหว่างนั้นจะเป็นค่าเฉลี่ยแทนที่จะคัดลอก ไม่ใช่ทุกคนที่เห็นด้วยกับวิธีที่ดีที่สุด แต่แน่นอนว่าจะไม่มีลักษณะเหมือนภาพที่วาดด้วยขนาด 8x8 พิกเซลตั้งแต่แรก
kasperd

8
@kasperd: " อาจเป็นไปได้ที่จะทำการปรับขนาดด้วยการใช้ anti-aliasing " ไม่มันไม่ใช่ นั่นไม่ใช่ "การลบรอยหยัก"; มันจะถูกกรอง เป็นการแก้ไขระหว่างข้อมูลที่มีอยู่ การแก้ไขไม่สามารถกำจัดนามแฝงได้ มันสามารถเปลี่ยนนามแฝงเป็นเสียงซึ่งมนุษย์พบว่าดึงดูดสายตามากขึ้น "การลบรอยหยัก" สามารถทำได้โดยเทคนิคที่ใช้ตัวอย่างมากขึ้นเท่านั้นเช่นการเรนเดอร์ด้วยความละเอียดที่สูงขึ้น
Nicol Bolas

1
@NicolBolas การกรองประเภทนี้เรียกว่า anti-aliasing เพราะมันจะป้องกัน aliasing ใช่มันเกิดการละเลงแทน แต่นั่นเป็นปัญหาอื่น
leftaroundabout

7

นอกจากคำตอบที่ยอดเยี่ยมของ Kamil (กราฟิกและข้อความจะถูกวาดที่ความละเอียดที่ปรับปรุงแล้วดังนั้นจึงดูดีกว่า), MacOS และ iOS ช่วยให้นักพัฒนาสามารถใช้งานศิลปะที่แตกต่างกันขึ้นอยู่กับความละเอียดหน้าจอ บนหน้าจอที่ซูมคุณอาจใช้งานศิลปะที่มีรายละเอียดเพิ่มเติมที่ไม่สามารถอ่านได้บนหน้าจอที่มีคุณภาพต่ำกว่าและใช้งานศิลปะที่มีรายละเอียดน้อยลงสำหรับหน้าจอที่มีคุณภาพต่ำกว่า

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


ตามงานศิลปะคุณหมายถึงภาพพื้นหลังหรือไม่
JoL

@JoL ไม่ฉันเชื่อว่า OP หมายถึงไฟล์ที่แตกต่างกันสำหรับภาพเดียวกัน บนMacOS, iOSและอื่น ๆ (เช่นAndroid ) ผู้พัฒนาสามารถใส่ไฟล์ที่แตกต่างกันด้วยขนาดภาพและรายละเอียดที่แตกต่างกันสำหรับภาพเดียวกันทั้งนี้ขึ้นอยู่กับความละเอียดหน้าจอ / การสนับสนุน Retina
แอนดรูว์ต.

ไม่เพียง แต่ใน MacOS แต่ยังรวมถึงระบบปฏิบัติการที่ใช้ BSD และ GNU / Linux AFAIK Windows ทำเช่นนี้ด้วย
Axel Advento

ระบบปฏิบัติการทั้งหมดทำสิ่งนี้ ...
Mikael Dúi Bolinder

2

ภาพแรกของคุณมี 2511x1151 พิกเซล แบบอักษรมีความคมชัดเต็มความละเอียดมากกว่าครึ่งความละเอียดดังนั้น "การย่อ / ขยาย 200%" ของคุณจึงเกี่ยวข้องกับมาตราส่วนการเรนเดอร์แทนที่จะเป็นเนื้อหา (เว้นแต่แน่นอนว่าเนื้อหานั้นมีให้เป็นบิตแมปในความละเอียดดั้งเดิมเท่านั้น) . ภาพของคุณดีกว่าที่คุณคาดไว้

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

ในกรณีนี้คุณอาจเห็นผลของการแสดงผลพิกเซลย่อย โดยสรุปแล้ว subpixels สีแดง, สีเขียวและสีน้ำเงินจะอยู่ในตำแหน่งที่แตกต่างกันเล็กน้อยและการเรนเดอร์พิกเซลย่อยจะรวมข้อมูลนี้สำหรับการเรนเดอร์รูปร่างที่ดีกว่าเรนเดอร์ที่ไม่มีความรู้เล็กน้อย แน่นอนเมื่อปรับขนาดหรือพิมพ์หรือดูบนหน้าจอที่มีสีเฉพาะที่แตกต่างกันความสัมพันธ์ของพิกเซลย่อยของจุดประสงค์ในการเรนเดอร์นั้นไม่ถูกต้องอีกต่อไปและผลลัพธ์อาจดูแย่กว่าที่คุณต้องการ

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.