ปัญหาสำคัญ ที่ทำให้หน้าเว็บ แสดงผลช้า ส่วนมาก มักเกิดจาก "รูปภาพ" ที่มีขนาด "ใหญ่" เกินไป ดังนั้น ทุกครั้ง ก่อนนำรูป มาใช้บนเว็บ คุณจึงควร ปรับขนาด ให้เหมาะสม เสียก่อน ซึ่งวันนี้ ทีมงาน
8columns จะมานำเสนอ วิธีลดขนาดรูป ด้วยการ Resize และ Crop ผ่านเครื่องมือ ตัวนึง ที่มีชื่อว่า
Pixlr Editor ซึ่งจะมีขั้นตอนอย่างไร ติดตามอ่าน ในบทความ ได้เลย!
Pixlr Editor เป็น เครื่องมือปรับแต่ง และ แก้ไขรูปภาพ จากค่าย
Autodesk มีการทำงาน คล้ายโปรแกรม Photoshop โดยมีจุดเด่น คือ เป็นบริการ ออนไลน์ ที่ใช้งานได้ ฟรี! ผ่าน Web Browser โดยไม่ต้อง ติดตั้งโปรแกรม ช่วยให้ ใช้งานสะดวก
รูปภาพ ที่ถ่ายมาจาก กล้อง digital หรือ โทรศัพท์มือถือ โดยทั่วไป มักจะมี ขนาดใหญ่มาก หากนำมาใช้บนเว็บ ซึ่งมีพื้นที่ ในการแสดงผล "จำกัด" จะสิ้นเปลือง bandwidth โดยไม่จำเป็น และ ส่งผลให้ หน้าเว็บของคุณ แสดงผลช้า กว่าที่ควร ซึ่งจะเห็นผล ได้ชัดเจน โดยเฉพาะ ในเวลาที่ เน็ตของคุณ ทำงานช้า! ดังนั้น ก่อนนำรูป มาใช้บนเว็บไซต์ แนะนำว่า ควรลดขนาดรูป ให้เล็กลงก่อน! ซึ่งโดยทั่วไป สามารถทำได้ 2 วิธี ดังนี้
การ Crop เป็น วิธีลดขนาดรูป ให้เล็กลง ด้วยวิธีการ "ตัด" พื้นที่บางส่วน ของรูป เพื่อให้ได้ รูปภาพ ตามสัดส่วน ที่ต้องการ ยกตัวอย่างเช่น การนำ ภาพต้นฉบับ ที่มีลักษณะ เป็นแนวนอน มา Crop หรือ ตัดใหม่ ให้เป็นภาพ แบบ สี่เหลี่ยมจตุรัส หรือ นำภาพ แบบ สี่เหลี่ยมจตุรัส มา Crop ให้เป็นภาพ แบบสี่เหลี่ยม ผืนผ้า เป็นต้น
การ Resize เป็น วิธีลดขนาดรูป ให้เล็กลง โดยคง "ภาพเดิม" ไว้ทั้งหมด และ คงอัตราส่วนเดิม (หรือ ไม่คงอัตราส่วนเดิม ก็ได้) ด้วยวิธีการ กำหนด ความกว้าง หรือ ความสูงใหม่ ให้กับรูปภาพ ช่วยให้ ได้ภาพ ขนาดเล็กลง ตรงกับ วัตถุประสงค์ การใช้งาน อย่างเช่น ในกรณีของ การใช้งานบนเว็บ ซึ่งเป็นการดู ผ่านจอ Monitor ซึ่งความละเอียด ไม่สูงมาก ดังนั้น การเลือกใช้ ภาพขนาดเล็ก ที่แสดงผลเร็ว จึงเหมาะสมกว่า ในขณะที่ งานพิมพ์ จำเป็นต้อง ใช้ภาพขนาดใหญ่ ความละเอียดสูง เพื่อที่ เวลาพิมพ์ออกมา จะได้มีความคมชัด
โดยทั่วไป การ Crop หรือ Resize รูปภาพ มักใช้ โปรแกรม Photoshop แต่ในกรณี ที่ไม่มี สามารถ ใช้
Pixlr Editor แทนได้ โดยหากคุณ เคยใช้งาน Photoshop มาก่อนแล้ว แทบไปต้อง ปรับตัว อะไรมาก ก็สามารถใช้งาน
Pixlr Editor ได้ทันที เนื่องจาก มีวิธีใช้งาน ใกล้เคียงกัน ส่วนขั้นตอน จะเป็นอย่างไร ดูในคลิปวิดีโอ ต่อไปนี้ ได้เลย!
เว็บไซต์ ที่แสดงผล รวดเร็ว นอกจาก จะช่วยสร้าง Experience ในการใช้งาน ที่ดี ยังมีผลโดยตรง ต่อการจัดอันดับ การค้นหา ใน Google อีกด้วย ดังนั้น ก่อนนำรูป มาใช้งาน บนเว็บไซต์ คุณจึงควร ปรับขนาดรูป ให้เหมาะสมก่อน ทุกครั้ง ก็หวังว่า บทความนี้ จะมีประโยชน์ และ ช่วยให้คุณ เห็นแนวทาง ในการเตรียมรูปภาพ เพื่อใช้งาน บนเว็บไซต์ สำหรับวันนี้ ทีมงาน
8columns คงขอบจบบทความ เพียงเท่านี้ก่อน แล้วพบกันใหม่ ในบทความหน้า สวัสดีครับ!
ปัญหาสำคัญ ที่ทำให้หน้าเว็บ แสดงผลช้า ส่วนมาก มักเกิดจาก "รูปภาพ" ที่มีขนาด "ใหญ่" เกินไป ดังนั้น ทุกครั้ง ก่อนนำรูป มาใช้บนเว็บ คุณจึงควร ปรับขนาด ให้เหมาะสม เสียก่อน ซึ่งวันนี้ ทีมงาน 8columns จะมานำเสนอ วิธีลดขนาดรูป ด้วยการ Resize และ Crop ผ่านเครื่องมือ ตัวนึง ที่มีชื่อว่า Pixlr Editor ซึ่งจะมีขั้นตอนอย่างไร ติดตามอ่าน ในบทความ ได้เลย!Pixlr Editor เป็น เครื่องมือปรับแต่ง และ แก้ไขรูปภาพ จากค่าย Autodesk มีการทำงาน คล้ายโปรแกรม Photoshop โดยมีจุดเด่น คือ เป็นบริการ ออนไลน์ ที่ใช้งานได้ ฟรี! ผ่าน Web Browser โดยไม่ต้อง ติดตั้งโปรแกรม ช่วยให้ ใช้งานสะดวกรูปภาพ ที่ถ่ายมาจาก กล้อง digital หรือ โทรศัพท์มือถือ โดยทั่วไป มักจะมี ขนาดใหญ่มาก หากนำมาใช้บนเว็บ ซึ่งมีพื้นที่ ในการแสดงผล "จำกัด" จะสิ้นเปลือง bandwidth โดยไม่จำเป็น และ ส่งผลให้ หน้าเว็บของคุณ แสดงผลช้า กว่าที่ควร ซึ่งจะเห็นผล ได้ชัดเจน โดยเฉพาะ ในเวลาที่ เน็ตของคุณ ทำงานช้า! ดังนั้น ก่อนนำรูป มาใช้บนเว็บไซต์ แนะนำว่า ควรลดขนาดรูป ให้เล็กลงก่อน! ซึ่งโดยทั่วไป สามารถทำได้ 2 วิธี ดังนี้