PNG: สำหรับตรวจพิกเซล 1:1
PNG มีขนาดตายตัว เหมาะกับการตรวจการตัดขอบ กริด รูปทรงวงกลม และการแมปพิกเซลเมื่อปลายทางไม่ขยายภาพ
เครื่องสร้าง Test Card สำหรับจอ
เลือกความละเอียดและเลเยอร์ทดสอบเพื่อสร้างการ์ด PNG หรือ SVG สำหรับทีวี จอ และโปรเจกเตอร์
การตั้งค่าการ์ด
พรีเซ็ตความละเอียด
รูปแบบส่งออก
การ์ดพร้อมแล้ว ปรับการตั้งค่าหรือส่งออกได้เลย
ตัวอย่างและเอาต์พุต
1920 × 1080
กด Esc เพื่อออกจากเต็มจอ
กด Esc เพื่อออกจากเต็มจอ
สรุปเอาต์พุตพร้อมส่งออก
ขนาดการ์ด1920 × 108016:9 · PNG
- พิกเซลทั้งหมด
- 2,073,600
- หน่วยความจำ RGBA โดยประมาณ
- 7.9 MB
- เลเยอร์ที่เปิดใช้
- 8
- ชื่อไฟล์
- display-test-card-1920x1080.png
เลเยอร์ปัจจุบัน
- ขอบพิกเซล
- กริด
- วงกลมเรขาคณิต
- เป้าเล็งกลางภาพ
- Safe Area
- แถบสีมาตรฐาน
- แถบโทนเทา
- เครื่องหมายมุม
ตัวอย่างใช้ Canvas ที่ปรับขนาด ส่วนไฟล์ดาวน์โหลดยังสร้างตามขนาดพิกเซลเป้าหมายหรือ SVG viewBox
เลือกการ์ดพิกเซลคงที่หรือการ์ดที่ขยายได้
SVG: สำหรับหลายขนาดและเอาต์พุตเวกเตอร์
SVG เก็บเลเยอร์ไว้ใน viewBox เดียวและขยายโดยไม่เสียคุณภาพ แต่เมื่อปลายทางขยาย เส้น 1px อาจถูกสุ่มตัวอย่างใหม่ จึงไม่ใช่หลักฐานพิกเซลแบบเคร่งครัด
ข้อมูลเพิ่มเติม
สร้างและใช้ Test Card
เลือกความละเอียดเป้าหมาย แล้วรวมกริด วงกลม เป้าเล็งกลาง Safe Area แถบสี และโทนเทา สำหรับตรวจ 1:1 ให้ดาวน์โหลด PNG และปิดการขยาย Overscan และการปรับภาพที่เครื่องเล่น ใช้ SVG สำหรับงานพิมพ์หรือหลายขนาด
วิธีสร้างและคำนวณขนาด
ตัวอย่างวาดให้พอดีกับพื้นที่ ส่วนการส่งออกจะสร้างตามขนาดเป้าหมาย Safe Area ใช้เปอร์เซ็นต์เดียวกันกับความกว้างและความสูง โดยเว้นขอบเท่ากัน วงกลมใช้ด้านที่สั้นกว่าเพื่อดูการยืดรูป
ประสิทธิภาพและขอบเขต
เบราว์เซอร์แต่ละตัวสร้าง Canvas ขนาดเท่ากันไม่ได้ PNG 8K อาจใช้หน่วยความจำ RGBA ดิบประมาณ 126.6 MB ก่อนรวมแคช หากล้มเหลวให้ใช้ SVG ลดขนาด หรือลดเลเยอร์
ควรเลือก PNG หรือ SVG
ใช้ PNG สำหรับการแมปพิกเซล การตัดขอบ และเส้น 1 พิกเซล ใช้ SVG สำหรับการขยาย พิมพ์ หรือใช้หลายขนาด เพราะ SVG ที่ขยายแล้วไม่แทนพิกเซลต้นฉบับ
ถ้าส่งออกการ์ด 4K หรือ 8K ไม่สำเร็จต้องทำอย่างไร
ลอง SVG ลบเลเยอร์ที่ไม่ใช้ ลดความถี่กริด ปิดหน้าอื่นที่ใช้หน่วยความจำ หรือ ลดขนาด ขีดจำกัด Canvas ต่างกันตามเบราว์เซอร์และอุปกรณ์
ทำไมวงกลมดูเป็นวงรีบนทีวี
อินพุต เครื่องเล่น หรือทีวีอาจขยายภาพไม่เท่ากัน ให้ใช้ความละเอียดและโหมดภาพที่ตรงกัน แล้วปิดการยืด การขยาย และ Overscan
ควรตั้ง Safe Area กี่เปอร์เซ็นต์
90% เป็นแนวทางทั่วไป งานออกอากาศ ไลฟ์สตรีม ซับไตเติล และแพลตฟอร์มอาจมีขอบเขตต่างกัน
ความเป็นส่วนตัว การทำงาน และแหล่งข้อมูล
ตัวอย่างและการส่งออกทำในเบราว์เซอร์นี้ ไม่อัปโหลดการตั้งค่าหรือไฟล์ และไม่เรียก Runtime API จากบุคคลที่สาม
เครื่องมือใช้ HTML, CSS และ JavaScript ดั้งเดิม ไม่รวมไลบรารี Runtime จากบุคคลที่สาม