• วิธี Resize และ Crop รูป ด้วย Pixlr Editor


    27/01/2018 16:25

    จำนวนครั้งที่เปิดอ่าน : 290

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

    Crop (ตัดรูป)

    การ Crop เป็น วิธีลดขนาดรูป ให้เล็กลง ด้วยวิธีการ "ตัด" พื้นที่บางส่วน ของรูป เพื่อให้ได้ รูปภาพ ตามสัดส่วน ที่ต้องการ ยกตัวอย่างเช่น การนำ ภาพต้นฉบับ ที่มีลักษณะ เป็นแนวนอน มา Crop หรือ ตัดใหม่ ให้เป็นภาพ แบบ สี่เหลี่ยมจตุรัส หรือ นำภาพ แบบ สี่เหลี่ยมจตุรัส มา Crop ให้เป็นภาพ แบบสี่เหลี่ยม ผืนผ้า เป็นต้น

    Resize (ปรับขนาด)

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

8columns ให้บริการ เว็บสำเร็จรูป ขนาดเล็ก แบบ Microsite พร้อม ระบบแก้ไขข้อมูล ที่ใช้งานง่าย แก้ไขได้จริง! เหมาะสำหรับ บริษัท และ ธุรกิจทั่วไป ที่ต้องการเว็บไซต์ เพื่อนำเสนอข้อมูล และ เสริมสร้าง "ภาพลักษณ์" ให้ธุรกิจ สอบถาม เพิ่มเติม หรือ ขอรับการสาธิต ฟรี! ผ่านอินเตอร์เน็ต ไม่ต้องเดินทาง ใช้เวลาเพียง 20 นาที โทร. 080-597-9990 LINE: 8columns