Image Effects – ใช้ตัวกรอง CSS กับรูปภาพออนไลน์
Image Effects คือเครื่องมือในเบราว์เซอร์สำหรับปรับแต่งรูปภาพแบบสไตล์ CSS ปรับความสว่าง คอนทราสต์ ความอิ่มตัวของสี เกรย์สเกล กลับสี เซเปีย หมุนเฉดสี และเบลอด้วยแถบเลื่อน แล้วดูตัวอย่างอัปเดตสด ๆ เครื่องมือแสดงสตริงตัวกรอง CSS ที่ตรงกันและให้คุณดาวน์โหลดผลลัพธ์ที่แก้ไขแล้วเป็น PNG รูปภาพของคุณอยู่ในเบราว์เซอร์และไม่ได้อัปโหลด
เครื่องมือ Image Effects คือโปรแกรมแก้ไขรูปภาพในเบราว์เซอร์สำหรับใช้ตัวกรองสไตล์ CSS ปรับความสว่าง คอนทราสต์ ความอิ่มตัวของสี เกรย์สเกล กลับสี เซเปีย หมุนเฉดสี และเบลอด้วยแถบเลื่อน และดูตัวอย่างรูปภาพอัปเดตสด ๆ เครื่องมือยังแสดงสตริงตัวกรอง CSS ที่ตรงกันและให้คุณดาวน์โหลดรูปภาพที่แก้ไขแล้วเป็น PNG
วิธีใช้คือระบุรูปภาพและเปลี่ยนแถบเลื่อนที่มีเพื่อปรับลักษณะของมัน ขณะปรับเอฟเฟกต์ ตัวอย่างสะท้อนการเปลี่ยนแปลงและสตริงตัวกรอง CSS อัปเดตให้ตรงกัน คุณสามารถคัดลอกสตริงนั้นเพื่อใช้ใน CSS หรือดาวน์โหลดผลลัพธ์เป็น PNG
ตัวกรอง CSS อธิบายเอฟเฟกต์ภาพที่สามารถใช้กับรูปภาพได้ ส่วน PNG คือรูปแบบไฟล์รูปภาพ เครื่องมือนี้ช่วยเมื่อคุณต้องการแสดงตัวอย่างการปรับตัวกรองด้วยภาพ นำสตริงตัวกรอง CSS ที่สอดคล้องกลับไปใช้ใหม่ หรือบันทึกรูปภาพที่ปรับแล้วเป็น PNG ตัวควบคุมที่มีครอบคลุมการเปลี่ยนแปลงสีและโทน รวมถึงเบลอ
Image Effects ทำงานในเบราว์เซอร์ของคุณทั้งหมด รูปภาพของคุณไม่ได้อัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ และไม่ต้องสมัครสมาชิก หลังจากหน้าเว็บโหลดแล้ว เครื่องมือยังใช้งานออฟไลน์ได้เพราะไม่มีการพึ่งพาเซิร์ฟเวอร์
เครื่องมือนี้มีประโยชน์สำหรับนักพัฒนาที่เตรียมสไตล์รูปภาพสำหรับเว็บไซต์ นักออกแบบที่ปรับภาพอย่างรวดเร็ว และทุกคนที่ต้องการวิธีง่าย ๆ ในการแสดงตัวอย่างเอฟเฟกต์รูปภาพ นอกจากนี้ยังช่วยวิศวกร DevOps และผู้ใช้ทางเทคนิคอื่น ๆ ทำการเปลี่ยนแปลงจากเครื่องต่าง ๆ โดยไม่ต้องติดตั้งโปรแกรมแก้ไขรูปภาพ
ขั้นตอนที่ 1: วาง ป้อน หรือลากรูปภาพของคุณลงในเครื่องมือเพื่อเริ่มต้น รูปภาพถูกประมวลผลในเบราว์เซอร์ของคุณ
ขั้นตอนที่ 2: ปรับแถบเลื่อนความสว่าง คอนทราสต์ ความอิ่มตัวของสี เกรย์สเกล กลับสี เซเปีย หมุนเฉดสี และเบลอ การปรับแต่ละอย่างอัปเดตตัวอย่างรูปภาพขณะทำงาน
ขั้นตอนที่ 3: ตรวจสอบตัวอย่างสดและสตริงตัวกรอง CSS ที่ตรงกัน ใช้สตริงหากต้องการใช้การตั้งค่าตัวกรองเดียวกันใน CSS
ขั้นตอนที่ 4: คัดลอกสตริงตัวกรอง CSS หรือดาวน์โหลดรูปภาพที่ปรับแล้วเป็น PNG เมื่อคุณพอใจกับผลลัพธ์
กรณีการใช้งาน: ปรับแต่งรูปภาพอย่างรวดเร็วโดยไม่ต้องติดตั้งซอฟต์แวร์ เปลี่ยนเอฟเฟกต์ภาพทั่วไปได้โดยตรงในเบราว์เซอร์
กรณีการใช้งาน: ทำงานกับรูปภาพจากเครื่องที่แชร์หรือเครื่องชั่วคราว เครื่องมือทำงานในเบราว์เซอร์ คุณจึงปรับรูปภาพได้โดยไม่ต้องตั้งค่าโปรแกรมแก้ไขในเครื่อง
กรณีการใช้งาน: หลีกเลี่ยงการอัปโหลดรูปภาพภายในไปยังบริการของบุคคลที่สาม รูปภาพถูกประมวลผลในเบราว์เซอร์ของคุณและไม่มีอะไรถูกอัปโหลด
กรณีการใช้งาน: แสดงตัวอย่างการตั้งค่าตัวกรอง CSS ก่อนใช้ในโปรเจกต์เว็บ สตริงตัวกรอง CSS ที่แสดงให้การตั้งค่าที่ตรงกันเพื่อคัดลอก
กรณีการใช้งาน: สร้างรูปภาพเกรย์สเกล เซเปีย หรือกลับสีสำหรับม็อกอัพการออกแบบ ปรับแถบเลื่อนและตรวจสอบตัวอย่างสดก่อนดาวน์โหลด PNG
กรณีการใช้งาน: เพิ่มเบลอหรือปรับความสว่าง คอนทราสต์ ความอิ่มตัวของสี หรือเฉดสีให้กับรูปภาพ ตัวอย่างสดช่วยให้คุณเห็นผลของแถบเลื่อนแต่ละอันขณะเปลี่ยน