เทรนด์สีของปี 2020

มาดูกันครับว่า เทรนด์ในการใช้สี ของปีหน้า 2020 นั้น เป็นแนวไหนกัน

ดู ๆ จากตารางแล้ว แนวสีที่มาแรงในปีหน้า ก็น่าจะออกแนว พาสเทล เหมือน ๆ ปีนี้ คุณสามารถนำเอาไปเป็น guide line เพื่อที่จะใช้สำหรับงาน design ต่าง ๆ ของคุณได้ ถือว่าเป็นแนวทางแบบนึงที่ใช้สำหรับปีหน้าครับ

มารู้จักการ Compress ไฟล์รูปภาพ เพื่อใช้บนเว็บไซท์กัน

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

สิ่งที่ผมจะมาแนะนำนั้น เป็นเทคนิคของการทำเว็บไซท์ให้เร็วขึ้น ซึ่งมีหลาย ๆ เรื่องในการทำให้เว็บเราเร็วขึ้นได้ หนึ่งในนั้นคือ การ reduce ไฟล์รูปภาพ คือ ทำให้ขนาดของรูปภาพเล็กที่สุดเท่าที่จะเล็กได้ อ่านให้ดีนะครับ ขนาดของไฟล์ ไม่ใช่ ขนาดของรูป นะครับ ซึ่งวิธีการที่จะนำมาใช้ก็มีหลากหลายวิธีอีกเช่นกัน เราเรียกรวมรวม ๆ ว่า การ Compress and optimize images for website

ก่อนอื่นมารู้จักศัพท์ของการทำ compress ก่อนว่าแตกต่างกันยังไง ในปัจจุบัน การทำ compress นั้นมีอยู่ 3 รูปแบบดังนี้
1. Lossy compression
2. Glossy Compression
3. Lossless Compression

แล้วแบบไหนล่ะที่ดีที่สุดสำหรับเราในการเลือกใช้ ก็ให้ข้อมูลตามนี้ครับ

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

Glossy Compression
Glossy เป็นตัวเลือกที่ดีที่สุด หากคุณกังวลเรื่อง Google Insights แต่คุณเชื่อว่าการสูญเสียความเร็วของหน้าเว็บเล็กน้อยนั้นเป็นสิ่งที่ยอมรับได้สำหรับคุณภาพของภาพที่ดีที่สุด

Lossless Compression
ภาพที่ปรับให้เหมาะสมแบบไม่สูญเสียนั้นมีขนาดพิกเซลต่อพิกเซลเหมือนกันกับต้นฉบับ แต่มีขนาดเล็กลงเมื่อเปรียบเทียบกับไฟล์ที่ประมวลผลแบบ Lossy หรือ Glossy หากคุณต้องการให้ภาพของคุณไม่ถูกแตะต้องให้เลือกตัวเลือกนี้

ทางเลือกในการ compress image นั้นมีหลากหลายวิธี ตัวผมเองผมใช้ tools ตัวนึง รันบน windows ชื่อว่า RIOT เป็น free tools ที่โหลดมาติดตั้งบนเครื่องใช้งานได้สะดวกดีครับ ค่อนข้างอัตโนมัติดี ส่วนอีกทางเลือกก็ต้อง online compress ซิครับ แนะนำที่นี่ ผมถือว่า ดีพอใช้ได้ https://shortpixel.com/online-image-compression ง่ายและสะดวก มีให้เลือกใช้ครับผม

ส่วนใครที่ใช้ wordpress เป็นเครื่องมือทำเว็บ ก็แนะนำ plugin ตัวนี้ครับ https://wordpress.org/plugins/shortpixel-image-optimiser/ ของเจ้าเดียวกัน