ทำ Dither ให้รูปภาพ

กำลังโหลดเครื่องมือ dither รูปภาพ…

เปลี่ยน PNG, JPEG หรือ WebP เป็นแรสเตอร์พาเลตจำกัดด้วย Floyd-Steinberg, Atkinson หรือ Bayer 4×4 เลือกขาวดำ ระดับสีเทา หรือสีจำกัด แล้วส่งออก PNG การประมวลผลอยู่ในเบราว์เซอร์ ไม่มีการอัปโหลด Livewire หรือ URL ในโหมดขั้นตอน สำเนาชั่วคราวแยกตามแท็บอยู่ได้สูงสุดสองชั่วโมง โดย Reset ลบและหมดอายุอัตโนมัติ นี่คือการประมวลผลพิกเซล ไม่ใช่ AI หรือเวกเตอร์ ข้อมูลเข้าจำกัด 15 MiB, 20 เมกะพิกเซล และด้านละ 8,192 พิกเซล ผลลัพธ์จำกัดอัตโนมัติที่ 4 เมกะพิกเซลเพื่อให้ตอบสนองได้ดี dither เปลี่ยนเฉพาะ RGB และรักษา alpha ต้นฉบับ

วิธีทำ dither ให้ภาพในเบราว์เซอร์

  1. 1

    เลือกภาพ

    เปิด PNG, JPEG หรือ WebP ไม่เกิน 15 MiB, 20 เมกะพิกเซล และด้านละ 8,192 พิกเซล โดยถอดรหัสในเบราว์เซอร์

  2. 2

    เลือกอัลกอริทึม

    ใช้การแพร่ข้อผิดพลาด Floyd-Steinberg หรือ Atkinson หรือเลือก Bayer 4×4 สำหรับรูปแบบเรียงลำดับสม่ำเสมอ

  3. 3

    เลือกพาเลต

    เลือกขาวดำ ระดับสีเทา หรือสีจำกัด แล้วตรวจว่าสีที่ลดลงแสดงไล่ระดับ ขอบ และพื้นผิวอย่างไร

  4. 4

    ดาวน์โหลด PNG

    ตรวจตัวอย่างแรสเตอร์ในระดับซูมที่เหมาะสม แล้วส่งออกพิกเซลที่ประมวลผลเป็น PNG โดยรักษา alpha ต้นฉบับ

ความแตกต่างของอัลกอริทึมทั้งสาม

Dithering ใช้ชุดสีที่เล็กลงเพื่อแสดงโทน โดยจัดพิกเซลที่มีอยู่ในพื้นที่ Floyd และ Steinberg เสนอการแพร่ข้อผิดพลาดไปข้างหน้าในงานปี 1976 An Adaptive Algorithm for Spatial Greyscale ทุกพิกเซลที่ถูกควอนไทซ์ทิ้งข้อผิดพลาดไว้ แล้วกระจายไปยังพิกเซลข้างเคียงที่ยังไม่ประมวลผล วิธีนี้มักให้พื้นผิวละเอียดไม่สม่ำเสมอและรักษาการเปลี่ยนโทนทีละน้อยได้ดีกว่าการใช้เกณฑ์เดียวทั้งภาพ

Atkinson ก็เป็นการแพร่ข้อผิดพลาด แต่ใช้รูปแบบพิกเซลข้างเคียงและสัดส่วนข้อผิดพลาดที่เก็บไว้ต่างกัน Apple แสดง Floyd-Steinberg และ Atkinson เป็นวิธี dithering ของ vImage คนละแบบ Atkinson มักให้ผลคมและคอนทราสต์สูงกว่า แต่อาจเสียการเปลี่ยนโทนที่นุ่มนวลบางส่วน

Bayer 4×4 เป็น dithering แบบเรียงลำดับ โดยทำซ้ำเมทริกซ์เกณฑ์ 4×4 คงที่ทั่วภาพ แทนการส่งข้อผิดพลาดจากพิกเซลหนึ่งไปอีกพิกเซล วิธีนี้มาจากงานปี 1973 ของ B. E. Bayer ที่บันทึกชื่อ An Optimum Method for Two-Level Rendition of Continuous-Tone Pictures รูปแบบสม่ำเสมอที่มองเห็นได้เหมาะกับกราฟิกย้อนยุคและพื้นผิวที่คาดเดาได้

อัลกอริทึม รูปแบบประมวลผล ลักษณะทั่วไป ข้อแลกเปลี่ยน
Floyd-Steinberg แพร่ข้อผิดพลาดควอนไทซ์ไปยังพิกเซลข้างเคียงถัดไป รายละเอียดละเอียดไม่สม่ำเสมอ พื้นที่เรียบอาจเกิดลายคล้ายหนอน
Atkinson แพร่ข้อผิดพลาดบางส่วนในรูปแบบท้องถิ่นที่กว้างกว่า ขอบคมและส่วนสว่างเปิด อาจเสียความแม่นยำของโทนกลางบางส่วน
Bayer 4×4 เทียบแต่ละพิกเซลกับเมทริกซ์เกณฑ์ซ้ำ พื้นผิว 4×4 สม่ำเสมอ เห็นรูปแบบชัดกว่าการแพร่ข้อผิดพลาด

ขอบเขตของพาเลตและ alpha

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

การคำนวณ dither เปลี่ยนเฉพาะ RGB และคัดลอก alpha ต้นฉบับของทุกพิกเซล รวมถึงความโปร่งใสบางส่วน พิกเซลโปร่งใสทั้งหมดยังคงเดิม ข้อกำหนด PNG กำหนด alpha ต่อพิกเซลตั้งแต่โปร่งใสทั้งหมดถึงทึบทั้งหมด JPEG ไม่มี alpha แต่ PNG และ WebP บางไฟล์อาจมี

ประมวลผลในเบราว์เซอร์และส่งออก PNG

เบราว์เซอร์ถอดรหัสไฟล์ อ่านพิกเซล ใช้อัลกอริทึม และสร้างไฟล์ดาวน์โหลดในเครื่อง ไบต์ภาพไม่ถูกอัปโหลดหรือใส่ในคำขอ Livewire หรือ URL ในโหมดขั้นตอน พื้นที่เก็บชั่วคราวที่แยกตามแท็บจะพาโปรเจกต์ข้ามหน้าได้นานสูงสุดสองชั่วโมง Reset จะลบและข้อมูลที่ทิ้งไว้หมดอายุอัตโนมัติ ข้อกำหนด HTML Canvas กำหนดการอ่านพิกเซลและการส่งออก toBlob() โดยกำหนด PNG เป็นรูปแบบสำรอง

ขีดจำกัด 15 MiB, ภาพต้นฉบับ 20 เมกะพิกเซล และด้านละ 8,192 พิกเซลปกป้องหน่วยความจำ ไฟล์เล็กอาจเป็นบัฟเฟอร์ใหญ่ ผลลัพธ์จะย่ออัตโนมัติเมื่อจำเป็นไม่ให้เกิน 4 เมกะพิกเซลเพื่อคงการตอบสนอง หากข้อมูลเข้าเกินขีดจำกัดให้ย่อก่อน PNG รักษาพิกเซลที่ประมวลผลและ alpha แต่ไม่เก็บข้อมูลกำกับ เลเยอร์ หรือวัตถุเวกเตอร์

คำถามที่พบบ่อย

ลอง Floyd-Steinberg สำหรับพื้นผิวแพร่ข้อผิดพลาดที่ละเอียด Atkinson สำหรับลักษณะคมและคอนทราสต์สูง และ Bayer 4×4 สำหรับรูปแบบย้อนยุคสม่ำเสมอที่มองเห็นได้ ตัวเลือกที่ดีที่สุดขึ้นอยู่กับภาพและลักษณะที่ต้องการ

ไม่ เครื่องมือควอนไทซ์และทำ dither พิกเซลแบบกำหนดผลได้ในเบราว์เซอร์ ไม่รู้จำวัตถุ สร้างเนื้อหา ลากเส้นตามรูปทรง หรือส่งออก SVG ไฟล์ดาวน์โหลดคือ PNG แรสเตอร์

alpha ต้นฉบับถูกคัดลอกให้ทุกพิกเซล ขณะที่ dither มีผลเฉพาะ RGB พิกเซลโปร่งใสทั้งหมดยังคงโปร่งใส และ alpha บางส่วนคงอยู่ใน PNG

เปิด PNG, JPEG และ WebP ได้ถึง 15 MiB, 20 เมกะพิกเซล และด้านละ 8,192 พิกเซล ผลลัพธ์จำกัดอัตโนมัติที่ 4 เมกะพิกเซลเพื่อให้ประมวลผลได้ตอบสนองดี

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

เครื่องมือที่เกี่ยวข้อง

เครื่องมือปรับขนาดรูปภาพสำหรับโซเชียลมีเดีย

ปรับขนาดรูปภาพหนึ่งภาพเป็นพรีเซ็ตโซเชียลมีเดียในตัวสำหรับ Instagram, Facebook, X, LinkedIn, YouTube, Pinterest และ TikTok ดูตัวอย่าง PNG แต่ละไฟล์และดาวน์โหลดขนาดที่ต้องใช้

แปลง WebP เป็น JPG

แปลงรูปภาพ WebP เป็น JPG/JPEG ได้โดยตรงในเบราว์เซอร์ เลือกคุณภาพ ผสานความโปร่งใสเข้ากับสีพื้นหลัง แล้วดาวน์โหลดโดยไม่ต้องอัปโหลดไฟล์

บีบอัด GIF

ลดขนาด GIF แอนิเมชันในเบราว์เซอร์ด้วยการย่อมิติ เก็บเฟรมน้อยลง และปรับคุณภาพการเข้ารหัส ดูตัวอย่างลูปก่อนดาวน์โหลด

แปลง PNG เป็น SVG แบบเวกเตอร์

แปลงภาพ PNG แบบราสเตอร์เป็นพาธ SVG ในเบราว์เซอร์ เหมาะกับโลโก้ ไอคอน และงานลายเส้น ปรับค่า threshold จำนวนสี และการทำให้เส้นเรียบได้

ตัวสร้างบาร์โค้ด

สร้างบาร์โค้ด 1D ที่สแกนได้ใน Code 128, Code 39, EAN-13, UPC-A, ITF-14 และ Codabar ส่งออกเป็น PNG, SVG หรือ PDF สำหรับงานพิมพ์

BMP เป็น PNG

แปลงไฟล์ BMP เป็น PNG ในเบราว์เซอร์ แบบไม่สูญเสียคุณภาพ คงความลึกของสี และเพิ่มความโปร่งใสจากช่อง alpha ของ BMP ต้นฉบับได้