[Project] qID – โปรแกรมแต่งรูปง่ายๆ เพื่อการอัพลงเว็บ

qID | Quick Image Develop – โปรแกรมแต่งรูปง่ายๆ อย่างรวดเร็ว ใช้สำหรับแปลงภาพก่อนลงเว็บ

 

เกี่ยวกับโปรแกรม

  • โปรเจ็ค Software Engineer ปี 1 เทอม 1
  • ภาษาทีใช้ Python

โปรเจ็ค qID หรือ Quick Image Develop เนี่ย คือโปรแกรมที่ใช้สำหรับปรับแต่งรูปก่อนอัพโหลดลงเว็บ โดยจุดประสงค์หลัคคือเพื่อย่อขนาดและลดไฟล์รูป เพื่อให้อัพลงเน็ตได้เร็วขึ้น และขนาดภาพไม่ใหญ่เกินไปนอกจากนี้ยังมีฟังก์ชั่นการปรับแต่งรูปแบบพื้นฐานให้ปรับกันเพื่อแก้ไขภาพกันก่อนที่จะอัพโหลดด้วย

ฟีเจอร์ของโปรแกรม

  1. ปรับแต่งแสงและสีอย่างง่าย (Basic Adjustment)
    • Brightness
    • Contrast
    • Saturation
  2. ใส่ฟิลเตอร์สำเร็จรูป (Instant Filter)
  3. ตั้งค่าความกว้างของรูปที่ต้องการจะ Export
  4. ทำรูปให้ดูคมขึ้น (Sharpen) โดยเทคนิค Unsharp Mask เพื่อรักษาความคมชัดของภาพหลังจากการ Export
  5. ใส่ลายน้ำลงไปในรูปได้
  6. สามารถสร้างและโหลด Preset ได้

ไลบรารี่ที่ใช้ในโปรแกรม

  1. Pillow – Python Imaging Library(PIL)  ใช้สำหรับการปรับแต่งรูป
  2. PIP – ใช้สำหรับ Download Module ที่จำเป็นอัตโนมัตเมื่อเปิดโปรแกรม
  3. Tkinter – สำหรับทำ GUI
  4. Pickle – สำหรับการเซฟ Preset
  5. globe, os, sys – สำหรับการเซฟไฟล์

เปรียบเทียบภาพก่อนและหลังการปรับแต่งด้วยโปรแกรม qID

 

c1 c2
  รูป Original รูปที่ได้จากการปรับแต่งด้วยโปรแกรม qID
ขนาดรูปภาพ 3796×2845 1080 × 809
ขนาดไฟล์ 8.36 MB 284 KB
การปรับแต่งสี ยังไม่ได้ปรับ –          Brightness

–          Contrast

–          Saturation

sharpen ไม่ ใช่
ลายน้ำ ไม่ ใช่
DPI 300 96

 

ทดสอบการโหลดรูปด้วยเน็ต 256kb/s (จำลองด้วย Chrome Devtools)

เวลาที่ใช้ 300ms 13ms
ความเร็ว 1x เร็วกว่ารูป Original 23 เท่า

 


การใช้งานโปรแกรม

    1. เปิดโปรแกรมโดยใช้ Python 3.5 ขึ้นไป  หลังจากนั้นโปรแกรมจะเริ่มเช็ค Modules ถ้าไม่มี จะทำการโหลดอัตโนมัติ2

 

  • เมื่อโปรแกรมเช็ค Modules เรียบร้อยแล้วก็จะแสดงหน้าหลัก  กดเมนู File > Open image file เพือโหลดภาพเข้าโปรแกรม

 

6
ปรับแสง ปรับสี รวมทั้งใส่ Filter ได้ตามใจชอบ

 

  • สามารถเซฟและโหลด Preset ได้ด้วยเมนู Preset 7

 

 

  •  สามารถใส่ลายน้ำหรือ Icon ที่มุมล่างขวาได้โดยเมนู Preset8

 

 

  • เมื่อพอใจแล้ว เลือกขนาดไฟล์ที่ต้องการแล้วกด Export 9

 

เปรียบเทียบรูปภาพก่อนและหลังการปรับแต่งด้วยโปรแกรม

10

ดาวน์โหลดโปรแกรม | Download qID 2.0

tumblr_inline_n3uva0VbA31sddigo

*นี่เป็นเพียงแค่โปรเจคนักศึกษา ปี 1 อาจจะมีข้อบกพร่องบ้างเล็กน้อย
Advertisements

2 thoughts on “[Project] qID – โปรแกรมแต่งรูปง่ายๆ เพื่อการอัพลงเว็บ

Add yours

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out /  เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out /  เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out /  เปลี่ยนแปลง )

Connecting to %s

Create a website or blog at WordPress.com

Up ↑

%d bloggers like this: