ออกแบบ ขั้นตอนการทำงาน 4 ขั้นตอน
ขั้นตอนการทำงาน ที่แนะนำประกอบด้วยสี่ขั้นตอน หนึ่งคือรวบรวมและจัดกลุ่มรูปตามประเภทงาน สองคือบีบอัดด้วยค่ามาตรฐานที่กำหนดไว้ สามคือตรวจสอบคุณภาพจากตัวเลขบนการ์ดและดูภาพจริง และสี่คือจัดเก็บไฟล์พร้อมตั้งชื่อที่เป็นระบบ
การมีขั้นตอนชัดเจนทำให้ไม่ลืมทำขั้นไหน โดยเฉพาะขั้นตรวจสอบที่หลายคนมักข้าม พอข้ามแล้วมารู้ทีหลังว่ารูปบางรูปคุณภาพไม่ดีก็ต้องกลับมาทำใหม่ เสียเวลากว่าทำให้ครบตั้งแต่แรก
กำหนดค่ามาตรฐานของตัวเองหรือของทีม
เลือกค่าคุณภาพและฟอร์แมตมาตรฐานสำหรับงานแต่ละประเภทแล้วจดไว้ เช่น รูปเว็บใช้ WebP คุณภาพ 80 รูปโซเชียลใช้ JPG คุณภาพ 75 สกรีนช็อตใช้ PNG คุณภาพ 90 เมื่อมีมาตรฐานแล้ว ทุกครั้งที่บีบอัดก็ใช้ค่าเดิมได้เลยไม่ต้องมานั่งทดลองใหม่
ถ้าทำงานเป็นทีม ให้แชร์มาตรฐานนี้ให้ทุกคนใช้เหมือนกัน รูปทั้งเว็บจะมีคุณภาพสม่ำเสมอ ไม่เกิดปัญหารูปบางรูปชัดบางรูปแตกเพราะแต่ละคนตั้งค่าไม่เหมือนกัน
ผนวกเข้ากับขั้นตอนอัปโหลด CMS
คนทำเว็บที่ใช้ WordPress หรือ CMS อื่นๆ ควรกำหนดให้การบีบอัดเป็นขั้นตอนบังคับก่อนอัปโหลดทุกรูป โดยบีบอัดเสร็จแล้วค่อยอัปโหลดไฟล์ที่ผ่านการบีบอัดแล้วขึ้นไป อย่าอัปโหลดต้นฉบับแล้วหวังให้ปลั๊กอินจัดการ
เหตุผลคือการควบคุมคุณภาพเองตั้งแต่ต้นให้ผลดีกว่าและแน่นอนกว่า แถมประหยัดพื้นที่โฮสติ้งด้วย เพราะไฟล์ต้นฉบับขนาดใหญ่จะไม่ถูกเก็บไว้บนเซิร์ฟเวอร์โดยไม่จำเป็น
จัดเก็บไฟล์อย่างเป็นระบบ
ตั้งชื่อไฟล์และโฟลเดอร์ให้สื่อความหมาย เช่น แยกโฟลเดอร์ต้นฉบับกับโฟลเดอร์ที่บีบอัดแล้วออกจากกัน ตั้งชื่อไฟล์ให้บอกขนาดหรือวัตถุประสงค์ เช่น product-shoe-web.webp วิธีนี้ทำให้หยิบใช้ทีหลังได้เร็ว
อย่าลบไฟล์ต้นฉบับทันทีหลังบีบอัด ให้เก็บไว้อย่างน้อยจนกว่าจะมั่นใจว่าไฟล์ที่บีบอัดแล้วใช้งานได้ดีในทุกที่ เพราะถ้าต้องการคุณภาพสูงกว่านี้ทีหลัง จะได้กลับมาบีบอัดใหม่จากต้นฉบับโดยไม่เสียคุณภาพ
ทบทวนและปรับปรุง ขั้นตอนการทำงาน เป็นระยะ
ทุกสองสามเดือนลองทบทวนว่ามาตรฐานที่ตั้งไว้ยังเหมาะสมหรือไม่ เทคโนโลยีเปลี่ยนไป เช่น เบราว์เซอร์รองรับ WebP ครบแล้วอาจเปลี่ยนมาตรฐานจาก JPG เป็น WebP ได้ หรือค่าคุณภาพที่เคยใช้ก่อให้เกิดปัญหาอะไรบ้าง
การทบทวนเป็นระยะทำให้ ขั้นตอนการทำงาน ไม่ล้าสมัย และมักเจอจุดที่ปรับปรุงให้ดีขึ้นได้อีก เช่น เพิ่มขั้นตอนตรวจสอบอัตโนมัติหรือเปลี่ยนวิธีตั้งชื่อไฟล์ให้ค้นหาง่ายขึ้น
คำถามที่พบบ่อย
ต้องบีบอัดรูปทุกรูปก่อนอัปโหลดเว็บหรือไม่
ควรทำเป็นนิสัยกับทุกรูป เพราะรูปแม้แต่รูปเดียวที่ไฟล์ใหญ่เกินไปก็ทำให้หน้าเว็บโหลดช้าได้ การทำเป็นขั้นตอนประจำใช้เวลาเพิ่มไม่มากแต่ผลลัพธ์ดีขึ้นชัดเจน
ขั้นตอนการทำงาน นี้ใช้กับทีมใหญ่ได้หรือไม่
ได้และยิ่งจำเป็น เพราะยิ่งคนเยอะยิ่งต้องมีมาตรฐานร่วมกัน ให้จดค่ามาตรฐานไว้ในเอกสารทีมและทบทวนร่วมกันเป็นระยะ
ควรบีบอัดก่อนหรือหลังแต่งรูป
แต่งรูปให้เสร็จก่อนแล้วค่อยบีบอัดเป็นขั้นตอนสุดท้ายเสมอ เพราะการบีบอัดก่อนแต่งทำให้คุณภาพลดลงตั้งแต่ต้น และไฟล์ที่ส่งออกตอนแต่งอาจมีขนาดใหญ่อีก
มีวิธีทำให้ ขั้นตอนการทำงาน เร็วขึ้นอีกหรือไม่
ใช้ประโยชน์จากการประมวลผลอัตโนมัติของเครื่องมือ คือเลือกรูปทั้งกลุ่มทีเดียวแล้วปรับค่าคุณภาพรวม ไม่ต้องทำทีละไฟล์ และดาวน์โหลดเป็น ZIP ในครั้งเดียว