ฟิลเตอร์รูปภาพ

คลิกหรือลากมาวางเพื่ออัปโหลด

JPG / PNG / WEBP / GIF

อัปโหลดรูปภาพเพื่อดูตัวอย่างที่นี่

ใช้ 8 ฟิลเตอร์มืออาชีพกับภาพถ่ายออนไลน์: ขาวดำ, ซีเปีย, กลับสี, เบลอ, ความสว่าง, คอนทราสต์, ความอิ่มตัว, หมุนฮิว — แต่ละตัวปรับความแรง 0-200% พร้อมพรีวิวเรียลไทม์. สิ่งที่เห็นคือสิ่งที่ส่งออก.

คำแนะนำที่เกี่ยวข้อง

ครอปตัดรูปภาพ

เพิ่มลายน้ำรูปภาพ

บีบอัดรูปภาพ

แปลงรูปภาพ

สร้าง ICO

ฟิลเตอร์รูปภาพคืออะไร?

ฟิลเตอร์รูปภาพเป็นกลุ่มเทคนิคที่แมปค่าพิกเซลไปยังค่าพิกเซลใหม่ผ่านการแปลงทางคณิตศาสตร์. มาตรฐานที่พบมากที่สุดบนเว็บและมือถือคือคุณสมบัติ CSS filter (blur / brightness / contrast / grayscale / sepia / saturate / hue-rotate / invert). เครื่องมือนี้สร้างบนชุด API เดียวกันใน Canvas จึงซ้อนฟิลเตอร์ได้ด้วยคลิกเดียว.

**ความแตกต่างจากตัวแก้ไขภาพถ่าย:** ตัวแก้ไขมืออาชีพ (Photoshop, Lightroom) รองรับแปรงเฉพาะที่ เลเยอร์ และมาสก์. เครื่องมือนี้เน้นการปรับสีทั้งภาพและการใส่ฟิลเตอร์เป็นชุด. เบากว่า เร็วกว่า เหมาะเมื่อไม่ต้องการแก้ไขเฉพาะที่อย่างละเอียด.

**ขาวดำ vs ซีเปีย:** ขาวดำรวม RGB ตามความสว่างที่รับรู้ (น้ำหนัก ITU-R BT.601) และลบสีทั้งหมด. ซีเปียเติมโทนน้ำตาลบนฐานเทา ให้ความรู้สึกย้อนยุคที่เข้มกว่า.

**ทำไมการซ้อนเอฟเฟกต์มากมายจึงไม่ทำให้ภาพเพี้ยน?** ฟิลเตอร์เป็นคณิตศาสตร์ระดับพิกเซล ไม่เปลี่ยนโครงสร้างพิกเซล. ทุกชุดผสมในช่วง 0-200% รักษาภาพไว้ แม้ผลลัพธ์อาจดราม่า. ทดสอบด้วยขั้นเล็กๆ.

กรณีการใช้งาน

แก้ไขภาพที่ขาดแสงหรือสีซีดอย่างรวดเร็วด้วยความสว่าง คอนทราสต์ และความอิ่มตัว
เพิ่มสไตล์วินเทจ ขาวดำ หรือกลับสีให้กับภาพโซเชียล
ปรับโทนสีให้สอดคล้องกันหรือตกแต่งภาพหลักและ素材การ์ดสินค้าอีคอมเมิร์ซอย่างรวดเร็ว
ปรับความอิ่มตัวและฮิวสำหรับภาพถ่ายบัตรประชาชน อวาตาร์ หรือสีพื้นหลังภาพบุคคล
ใช้กลับสีกับแบบร่างออกแบบหรือภาพหน้าจอ UI เพื่อทดสอบทางสายตา
ใช้ฟิลเตอร์เบลอเพื่อปกป้องข้อมูลส่วนบุคคล (เบอร์โทร ที่อยู่) ในภาพหน้าจอ

วิธีการใช้งาน

อัปโหลดไฟล์ภาพที่ต้องการใส่ฟิลเตอร์ (JPG / PNG / WEBP / GIF)
เลือกหนึ่งใน 8 ฟิลเตอร์พื้นฐานในตารางภาพย่อ: ขาวดำ / ซีเปีย / กลับสี / เบลอ / ความสว่าง / คอนทราสต์ / ความอิ่มตัว / หมุนฮิว
ลากสไลเดอร์ความแรงเพื่อปรับละเอียด (0% ปิด, 100% มาตรฐาน, 200% สูงสุด) และดูพรีวิวสด
ซ้อนเอฟเฟกต์เพิ่มโดยสลับฟิลเตอร์อื่นและปรับความแรงเพื่อสร้างโทนที่ต้องการ
คลิกดาวน์โหลดเพื่อส่งออกเป็น PNG; ชื่อไฟล์จะได้รับคำต่อท้าย _filtered โดยอัตโนมัติ

คุณสมบัติ

8 เอฟเฟกต์ในตัว: ขาวดำ, ซีเปีย, กลับสี, เบลอ, ความสว่าง, คอนทราสต์, ความอิ่มตัว, หมุนฮิว
ความแรง 0-200%: แต่ละฟิลเตอร์มีสไลเดอร์แยก, 100% คือมาตรฐาน, 200% คือสูงสุด
พรีวิวเรียลไทม์: สลับและปรับใช้งานทันที, ไม่ต้องส่งออกซ้ำ
รองรับทุกฟอร์แมต: JPG / PNG / WEBP / GIF และฟอร์แมตภาพยอดนิยมอื่นๆ
รีเซ็ตด้วยคลิกเดียว: ล้างฟิลเตอร์ทั้งหมดและคืนค่าต้นฉบับเพื่อเปรียบเทียบสไตล์
ประมวลผลในเครื่อง: ทุกฟิลเตอร์ทำงานใน Canvas ของเบราว์เซอร์, ไฟล์ไม่ออกจากอุปกรณ์

Best Practices

ลำดับการแก้ไข: แสงก่อน สีตาม สไตล์ท้ายสุด

เวิร์กโฟลว์แนะนำ: ปรับความสว่างและคอนทราสต์เพื่อแก้แสงก่อน แล้วใช้ความอิ่มตัวแก้สี และสุดท้ายเพิ่มฟิลเตอร์สไตล์เช่น ขาวดำ ซีเปีย หรือหมุนฮิว. สอดคล้องกับตรรกะการปรับสีของ Photoshop และป้องกันไม่ให้ฟิลเตอร์สไตล์ที่แรงมาบดบังปัญหาแสงตั้งแต่แรก.

เริ่มสไลเดอร์ความแรงที่ 50% อย่ากระโดดไป 200% ทันที

ฟิลเตอร์ส่วนใหญ่ทำงานดีที่สุดในช่วง 50-150%. การข้ามไป 200% มักทำให้ความอิ่มตัวคลิป บิดเบือนฮิว หรือเบลอมากเกินไป. เริ่มที่ 100% เพื่อประเมิน แล้วปรับทีละ ±20%.

รักษาความอิ่มตัวที่ 100-150% เพื่อหลีกเลี่ยงการคลิปสี

ความอิ่มตัวเกิน 150% ทำให้แดงและเหลืองล้นขอบเขตและสูญเสียรายละเอียด. เกิน 200% อาจเกิดบล็อกสีที่กู้คืนไม่ได้. ช่วง 0-200% ถูกออกแบบมาสำหรับเอฟเฟกต์สร้างสรรค์; สำหรับการแก้ไขประจำวัน 80-130% เหมาะที่สุด.

ขาวดำ + คอนทราสต์ปานกลาง = สไตล์สารคดีคลาสสิก

ขาวดำล้วนอาจดูแบน. ลองขาวดำ 100% + คอนทราสต์ 110-130% + ปรับความสว่างเล็กน้อย (ขึ้นกับแสงเดิม). ส่วนผสมนี้เลียนแบบสไตล์สารคดียุคฟิล์มและเป็นสูตรขาวดำที่นิยมที่สุดในยุคแรกของ Instagram.

ซีเปียเหมาะกับภาพเก่าและย้อนยุค ไม่เหมาะกับผลิตภัณฑ์สมัยใหม่

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

ความแรงเบลอเกิน 30 ให้โบเก้ชัดเจน

สไลเดอร์เบลอ 0-200% เทียบเท่ารัศมี 0-20px. ความแรง 30 (3px) ให้ความนุ่มนวลเบาๆ. ความแรง 50 (5px) เหมาะจำลองโบเก้พื้นหลัง. ความแรง 100 (10px) ขึ้นไปเหมาะปกป้องข้อมูลส่วนบุคคลหรือแยกวัตถุภาพคน.

หมุนฮิว 0/360/720 กลับสู่สีเดิม

ฮิวเป็นปริภูมิสีแบบวนรอบ. ความแรง 0-200 เทียบเท่าการหมุน 0°-360°. ความแรง 100 เทียบเท่า 180° (สีเติมเต็ม), 200 กลับสู่ต้นฉบับ. สำหรับการแก้ไขเชิงสร้างสรรค์ให้อยู่ในช่วง 10-30; เกิน 50 สีตามธรรมชาติของวัตถุเปลี่ยนอย่างมาก.

หลังปรับสี รันตัวบีบอัดภาพเพื่อลดขนาด

เครื่องมือนี้ส่งออก PNG แบบไม่สูญเสียซึ่งอาจใหญ่. สำหรับหน้าเว็บ ไฟล์แนบอีเมล หรืออัปโหลดโซเชียล ทำต่อด้วยตัวบีบอัดภาพ — แปลง PNG เป็น JPG มักประหยัดได้ 50-80% โดยคุณภาพที่มองเห็นไม่ลดลง.

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

มีฟิลเตอร์รูปภาพอะไรบ้าง? ทำขาวดำและวินเทจได้ไหม?

มี 8 ฟิลเตอร์มืออาชีพในตัว: ขาวดำ, ซีเปีย, กลับสี, เบลอ, ความสว่าง, คอนทราสต์, ความอิ่มตัว, หมุนฮิว. คลิกเดียวสร้างสไตล์วินเทจ, ภาพขาวดำศิลปะ, หรือเอฟเฟกต์เบลอฝัน. ทุกฟิลเตอร์รองรับความแรง 0-200%; แค่ 1% ก็เห็นการเปลี่ยนแปลงเล็กน้อย, 100% คือมาตรฐาน, 200% คือสูงสุด.

ปรับให้เอฟเฟกต์แรงขึ้นหรืออ่อนลงได้ไหม?

ได้. แต่ละฟิลเตอร์มีสไลเดอร์ความแรงอิสระ. 0% คือปิด, 100% คือมาตรฐาน, 200% คือสูงสุด. เช่น ความอิ่มตัว 50% เพิ่มสีสดเล็กน้อย, 150% ให้ฟีลฟิล์มทันที. หมุนฮิว 50 เทียบเท่าหมุน 90°, 200 กลับสู่สีเดิม.

ภาพมืดเกินไปหรือสีซีด ฟิลเตอร์นี้ซ่อมได้ไหม?

เหมาะสุดๆ. สไลเดอร์ความสว่างช่วยภาพวันครึ้มที่ขาดแสง. คอนทราสต์เติมความลึกให้ภาพแบน. ความอิ่มตัวฟื้นภาพเก่าที่ซีดจาง. ใช้ร่วมกับหมุนฮิวสลับระหว่างโทนอุ่นและเย็น, สร้างบรรยากาศฟ้ายามเย็น หรือสไตล์นีออนไซเบอร์.

ซ้อน 8 ฟิลเตอร์พร้อมกันได้ไหม?

ได้. ใส่หลายฟิลเตอร์ในภาพเดียวได้ เช่น ผสม 'ซีเปียอ่อน + ความสว่าง + คอนทราสต์สูง + ความอิ่มตัวสูง' เพื่อหาโทนแบรนด์ที่สอดคล้องอย่างรวดเร็ว. เพราะฟิลเตอร์เป็นคณิตศาสตร์ระดับพิกเซล การซ้อนไม่ทำลายโครงสร้างภาพ แต่ผลลัพธ์อาจดราม่า จึงควรปรับทีละน้อย.

รองรับฟอร์แมตภาพอะไรบ้าง? บันทึกผลลัพธ์อย่างไร?

เข้ากันได้เต็มรูปแบบกับ JPG, PNG, WEBP และ GIF. ระหว่างประมวลผลเห็นพรีวิวเรียลไทม์. เมื่อพอใจคลิกดาวน์โหลดเพื่อส่งออกเป็น PNG (ไม่สูญเสียคุณภาพ แต่ไฟล์ใหญ่). หากต้องการ JPG ขนาดเล็ก ใช้เครื่องมือนี้ปรับสีแล้วบีบอัดด้วยตัวบีบอัดภาพ.

ใช้ฟิลเตอร์รูปภาพออนไลน์ปลอดภัยไหม? ภาพจะรั่วไหม?

ปลอดภัยเต็มที่. การประมวลผลภาพทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณผ่าน Canvas filter API. ไม่มีไฟล์ใดถูกส่งไปยังเซิร์ฟเวอร์ ไม่ต้องติดตั้งซอฟต์แวร์. แม้แต่ภาพครอบครัว สแกนสัญญา และเอกสารระบุตัวตนก็ประมวลผลได้อย่างปลอดภัย; การปิดเบราว์เซอร์จะปลดปล่อยหน่วยความจำทันที.

การปรับสีส่งผลต่อขนาดไฟล์ไหม?

ส่งผลเล็กน้อย. การทำให้สว่างขึ้น เพิ่มคอนทราสต์ หรือเพิ่มความอิ่มตัวอาจทำให้ไฟล์ใหญ่ขึ้นเล็กน้อย. การมืดลง ขาวดำ หรือซีเปียจะลบรายละเอียดความถี่สูง ซึ่งอาจทำให้ขนาดเล็กลงเล็กน้อย. หากต้องการเล็กลงอีก ให้รันตัวบีบอัดภาพหลังปรับสี. ปรับก่อน บีบอัดทีหลังคือเวิร์กโฟลว์มาตรฐาน.

ขาวดำกับซีเปียต่างกันอย่างไร?

ขาวดำรวม RGB เข้าเป็นค่าความสว่าง (น้ำหนัก ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B) และลบสีออกทั้งหมด. ซีเปียเพิ่มโทนน้ำตาล (Tint) บนฐานสีเทา จำลองการย้อมสีเคมีของภาพถ่ายในศตวรรษที่ 19 ให้ความรู้สึกย้อนยุคที่เข้มข้นกว่า.

อภิธานศัพท์

CSS filter: คุณสมบัติ CSS ที่รวมฟิลเตอร์ภาพที่เบราว์เซอร์รองรับโดยกำเนิด: blur / brightness / contrast / drop-shadow / grayscale / hue-rotate / invert / opacity / saturate / sepia. เครื่องมือนี้ใช้ชุดเดียวกันผ่าน Canvas filter API.MDN - CSS filter
โทนซีเปีย: โทนวินเทจคลาสสิกที่เลียนแบบการย้อมสีเคมีของภาพถ่ายศตวรรษที่ 19. เมทริกซ์ RGB: R = 0.393R + 0.769G + 0.189B; G = 0.349R + 0.686G + 0.168B; B = 0.272R + 0.534G + 0.131B.
การหมุนฮิว (Hue Rotate): การหมุนแบบวนรอบของช่อง H (ฮิว) ในปริภูมิสี HSL. การหมุน 360° กลับสู่สีเดิม. ความแรง 0-200% ในเครื่องมือนี้เทียบเท่าการหมุน 0°-360°.
น้ำหนัก BT.601: สูตรความสว่างจากมาตรฐาน ITU-R BT.601: Y = 0.299R + 0.587G + 0.114B. ฟิลเตอร์ขาวดำและสัญญาณโทรทัศน์ใช้น้ำหนักนี้เพราะสะท้อนความไวของตามนุษย์ต่อสีเขียวได้ดีกว่าค่าเฉลี่ยธรรมดา.
แสง: ปริมาณแสงทั้งหมดที่ภาพถ่ายรับ. ภาพมืด = แสงน้อยเกิน; ภาพสว่างจ้า = แสงมากเกิน. ฟิลเตอร์ความสว่างชดเชยได้ แต่กู้คืนรายละเอียดไฮไลต์ที่หายไปไม่ได้.
ความอิ่มตัว: ความสดของสี. 0% = เทาเต็มที่; 100% = สีเดิม; >100% = เข้มข้น. ความอิ่มตัวสูงเกินไปทำให้สีคลิปและสูญเสียรายละเอียด.

8 ฟิลเตอร์ในตัวในช่วงเดียว

ฟิลเตอร์	อัลกอริทึม / การใช้งาน	สถานการณ์ทั่วไป
ขาวดำ (Grayscale)	`R=G=B=0.299R+0.587G+0.114B`	สารคดี ศิลปะ ธีมวินเทจ
ซีเปีย (Sepia)	`เมทริกซ์ Sepia Tone คลาสสิก`	ย้อนยุค เอฟเฟกต์ภาพเก่า ภาพขนาดย่อวิดีโอ
กลับสี (Invert)	`255 ลบค่าต้นฉบับต่อช่อง RGB`	เอ็กซ์เรย์ โปสเตอร์ศิลปะ UI มืด
เบลอ (Blur)	`Canvas filter: blur(radius)`	โบเก้พื้นหลัง โฟกัส มาสก์ความเป็นส่วนตัว
ความสว่าง (Brightness)	`เพิ่มค่าออฟเซ็ตให้ RGB`	แก้แสงน้อย/มาก สว่างในวันครึ้ม
คอนทราสต์ (Contrast)	`(RGB-128) × factor + 128`	ความลึกในภาพแบน สไตล์ HDR
ความอิ่มตัว (Saturate)	`ปรับสเกลช่อง S ใน HSL`	ทำให้สด ฟื้นสีซีด สีแบรนด์
หมุนฮิว (Hue Rotate)	`หมุนช่อง H ใน HSL`	เลื่อนสร้างสรรค์ เปลี่ยนสี ทดสอบภาพ

ตารางอ้างอิงเอฟเฟกต์สไลเดอร์ 0-200%

ความแรง	เอฟเฟกต์ภาพ	การใช้งานแนะนำ
`0%`	ปิดสนิท เทียบเท่าต้นฉบับ	รีเซ็ต ทดสอบ A/B
`1-30%`	ละเอียดอ่อนมาก เกือบมองไม่เห็น	ปรับละเอียด ต้องสังเกต
`30-70%`	เอฟเฟกต์เบา	ปรับสีภาพถ่ายประจำวัน
`100%`	ความแรงมาตรฐาน	ค่าเริ่มต้นสำหรับสถานการณ์ส่วนใหญ่
`130-170%`	เอฟเฟกต์เข้มข้น	งานสร้างสไตล์ สีแบรนด์สอดคล้อง
`200%`	เอฟเฟกต์สูงสุด	งานศิลปะ นามธรรม