10 วิธีในการลดขนาดภาพของคุณ

เผยแพร่แล้ว: 2018-02-15

reducir imagenes

เราทุกคนต้องการมีเว็บไซต์ที่มีภาพที่มีคุณภาพเพื่อดึงดูดความสนใจของผู้อ่านใช่ไหม?

หากคุณมีหน้าที่คุณเสนอบริการ คุณขายสินค้าหรือคุณกำลังทำงานกับบล็อก แน่นอนว่าคุณมีรูปภาพมากมาย เช่น ในบทความ ในหน้าภาพนิ่ง หรือผลิตภัณฑ์ เป็นต้น

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

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

  • 1 · เหตุใดคุณจึงควรลดขนาดของรูปภาพในไซต์ของคุณ
  • 2 ·สิบเครื่องมือในการลดขนาดรูปภาพสำหรับเว็บไซต์ของคุณ
    • 2.1 1) ShortPixel
    • 2.2 2) เครื่องมือเพิ่มประสิทธิภาพรูปภาพ EWWW
    • 2.3 3) บีบอัด JPG และ PNG
    • 2.4 4) Compressor.io
    • 2.5 5) Optimizilla
    • 2.6 6) WP Smush
    • 2.7 7) Kraken.io
    • 2.8 8) Imagify Image Optimizer
    • 2.9 9) Photoshop
    • 2.10 10) จลาจล
  • 3 · วิธีอัปโหลดรูปภาพของคุณไปยัง Mailrelay
    • 3.1 กระทู้ที่เกี่ยวข้อง:

Envia hasta 75.000 emails gratis!

· เหตุใดคุณจึงควรลดขนาดของรูปภาพในไซต์ของคุณ

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

ในปัจจุบันนี้ เว็บไซต์จะต้องเร็ว กล่าวคือใช้เวลาโหลดเพียงไม่กี่วินาที (ตามหลักแล้วควรน้อยกว่า 3 วินาที)

การเพิ่มประสิทธิภาพรูปภาพของไซต์ของคุณอย่างเหมาะสมนั้นมีความสำคัญด้วยเหตุผลสามประการ:

  1. ขนาดรูปภาพส่งผลต่อความเร็วในการโหลดของไซต์ และเราเพิ่งเห็นความสำคัญของการมีเว็บไซต์ที่รวดเร็ว
  2. เวลาในการโหลดเป็นหนึ่งในปัจจัยสำคัญที่ส่งผลต่อ SEO เว็บไซต์ที่รวดเร็วจะอยู่ในอันดับที่ดีกว่าใน Google มากกว่าเว็บไซต์ที่ช้า (อาจมีข้อยกเว้นอยู่เสมอ แต่นั่นเป็นกฎทั่วไป)
  3. รูปภาพของเว็บไซต์จะต้องปรับให้เข้ากับความกว้างของหน้า ตัวอย่างเช่น ฉันมักจะเห็นหลายหน้าใช้รูปภาพที่ใหญ่กว่าพื้นที่ว่างมาก หากพื้นที่กว้าง 300px ผู้ดูแลระบบไม่ควรอัปโหลดภาพที่มีขนาด 1000px นี่เป็นข้อผิดพลาดทั่วไปในหน้าเว็บหลายหน้า คำแนะนำของฉันคือการปรับขนาดของรูปภาพทั้งหมดบนเว็บไซต์ของคุณ

·สิบเครื่องมือในการลดขนาดภาพสำหรับเว็บไซต์ของคุณ

1) ShortPixel

เป้าหมายของเครื่องมือนี้คือการปรับปรุงประสิทธิภาพของไซต์ของเรา ลดขนาดของรูปภาพ

มีอยู่ในเวอร์ชันเว็บและเป็นปลั๊กอินสำหรับ WordPress โดยมีการบีบอัดรูปภาพสามประเภท:

  1. การบีบอัดที่สูญเสีย เป็นตัวเลือกที่ดีที่สุดสำหรับผู้ใช้ส่วนใหญ่ ตัวเลือกนี้ทำให้เกิดความสมดุลระหว่างการเพิ่มประสิทธิภาพและคุณภาพของภาพ
  2. การบีบอัดแบบมันวาว เป็นตัวเลือกที่ดีที่สุดหากคุณกำลังมองหาเครื่องมือที่เน้นที่ Google Insights แต่ไม่กังวลเกี่ยวกับความเร็วในการโหลด ตัวเลือกนี้อนุญาตให้มีการบีบอัดที่ยอมรับได้พร้อมคุณภาพของภาพ ยิ่งไฟล์ถูกบีบอัดมากเท่าไร คุณภาพของภาพสุดท้ายก็จะยิ่งลดลง
  3. การบีบอัดแบบไม่สูญเสีย ตัวเลือกสุดท้ายช่วยให้คุณสามารถบีบอัดพิกเซลของภาพต่อพิกเซล เมื่อเทียบกับภาพต้นฉบับ แต่ให้การลดลงที่น้อยกว่ามาก เมื่อเทียบกับไฟล์ที่ประมวลผลด้วยสองตัวเลือก

ShortPixel เวอร์ชันเว็บช่วยให้คุณลดขนาดภาพเป็นชุดๆ ละ 50 ไฟล์

สำหรับปลั๊กอิน WordPress นั้นใช้งานง่ายมากและเบามาก คุณเพียงแค่ต้องติดตั้ง และปลั๊กอินจะบีบอัดรูปภาพทั้งหมดในไซต์ของคุณรวมถึงไฟล์ PDF ของคุณด้วยการคลิกเพียงครั้งเดียว

นอกจากนี้ รูปภาพใหม่ที่คุณอัปโหลดจะถูกปรับขนาดโดยอัตโนมัติโดยไม่จำเป็นต้องดำเนินการใดๆ เพิ่มเติม

สุดท้ายนี้ เราต้องอธิบายว่ามันคือเครื่องมือ "ฟรีเมียม" นั่นคือคุณสามารถบีบอัดภาพ 100 ภาพต่อเดือนได้ฟรี หากคุณเกินจำนวนนั้น จะเสนอแผนชำระเงินหลายแผน

https://shortpixel.com/

เครื่องมือเพิ่มประสิทธิภาพภาพ ShortPixel

2) EWWW Image Optimizer

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

เช่นเดียวกับกรณีของ ShortPixel EWWW Image Optimizer มีเวอร์ชันเว็บและปลั๊กอินสำหรับ WordPress รวมถึงแผนชำระเงินหลายแผน

EWWW Image Optimizer ช่วยให้คุณสามารถเพิ่มความเร็วในการโหลดหน้าเว็บของคุณ เพิ่มประสิทธิภาพรูปภาพทั้งหมดบนไซต์ของคุณ

ความเร็วที่เพิ่มขึ้นนี้สามารถช่วยให้คุณได้รับตำแหน่งที่ดีขึ้นในเครื่องมือค้นหา และปรับปรุงอัตราการแปลง (เช่น การเพิ่มยอดขายหรือสมาชิกใหม่ เป็นต้น)

EWWW Image Optimizer สามารถเพิ่มประสิทธิภาพรูปภาพทั้งหมดที่คุณอัปโหลดโดยอัตโนมัติ นอกจากนี้ยังสามารถเพิ่มประสิทธิภาพรูปภาพทั้งหมดที่โฮสต์บนเซิร์ฟเวอร์แล้ว นอกจากนี้ยังสามารถแปลงไฟล์ทั้งหมดของคุณให้อยู่ในรูปแบบที่แนะนำได้ดีที่สุด

สำหรับตัวเลือกการบีบอัด คุณสามารถเลือกบีบอัดต่อพิกเซลหรือตัวเลือกการบีบอัดสูงโดยไม่สูญเสียคุณภาพ

https://ewww.io/

เครื่องมือเพิ่มประสิทธิภาพรูปภาพ EWWW

3)บีบอัด JPG และ PNG

เครื่องมือออนไลน์ดังกล่าวจะช่วยให้คุณสามารถบีบอัดชุดภาพได้สูงสุด 20 ภาพในรูปแบบ JPG และ PNG

การใช้งานนั้นง่ายมาก เพียงแค่อัปโหลดหรือลากไฟล์ เมื่อพร้อมแล้ว คุณจะต้องดาวน์โหลดรูปภาพที่บีบอัดแยกกันหรือบีบอัดเป็นไฟล์ ZIP

http://compressjpeg.com/es/

4) Compressor.io

เป็นหนึ่งในเครื่องมือที่ฉันโปรดปรานเมื่อฉันต้องบีบอัดรูปภาพสองสามรูปเพื่ออัปโหลดไปยังเพจของฉัน

มีอยู่ใน compressor.io และการใช้งานนั้นง่ายมาก คุณเพียงแค่ต้องโหลดหรือลากรูปภาพที่คุณต้องการบีบอัด รอให้กระบวนการเสร็จสิ้น (ใช้เวลาเพียงไม่กี่วินาที) และดาวน์โหลดไฟล์ที่บีบอัด

นอกจากนี้ เมื่อกระบวนการเสร็จสิ้น เครื่องมือจะแสดงเปอร์เซ็นต์ของการบีบอัดเทียบกับภาพต้นฉบับ

โปรดทราบว่ามันให้คุณบีบอัดไฟล์ได้สี่รูปแบบ: JPEG, PNG, GIF และ SVG

5) Optimizilla

เป็นซอฟต์แวร์เพิ่มประสิทธิภาพรูปภาพออนไลน์ที่ใช้การผสมผสานที่ชาญฉลาดกับอัลกอริธึมการบีบอัดที่แตกต่างกัน เพื่อลดขนาดของรูปภาพในรูปแบบ JPEG และ PN โดยรักษาคุณภาพของไฟล์

ช่วยให้คุณสามารถทำงานกับภาพได้สูงสุด 20 ภาพในแต่ละครั้ง ควบคุมการบีบอัดและเปรียบเทียบภาพ

http://optimizilla.com/es/

6) WP Smush

เป็นปลั๊กอิน WordPress ที่ฉันติดตั้งบนไซต์ของฉันเสมอ ชื่อที่ถูกต้องของปลั๊กอินนั้นคือ Smush Image Compression and Optimization

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

ในความคิดของฉัน ฟังก์ชันที่ดีที่สุดของปลั๊กอินนี้คือช่วยให้คุณสามารถตั้งค่าความกว้างและความสูงเริ่มต้นสำหรับรูปภาพทั้งหมดของคุณได้ หากเกินขนาดเหล่านี้ ปลั๊กอินจะลดขนาดไฟล์โดยอัตโนมัติ

นอกจากนี้ยังมีเวอร์ชันที่ต้องชำระเงินพร้อมคุณสมบัติพิเศษ เช่น ตัวเลือกในการบีบอัดรูปภาพเพิ่มเติมพร้อมๆ กัน หรือบันทึกข้อมูลสำรองของรูปภาพต้นฉบับทั้งหมด

Smush - รูปภาพโหลดขี้เกียจ เพิ่มประสิทธิภาพ & บีบอัดรูปภาพ

7) Kraken.io

Kraken Image Optimizer เป็นเครื่องมือที่มีอยู่ในเวอร์ชันออนไลน์ แต่ก็มีปลั๊กอินสำหรับ WordPress หรือ Magento

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

ปลั๊กอินช่วยให้คุณปรับแต่งและปรับขนาดรูปภาพใหม่ของคุณ รวมถึงรูปภาพที่จัดเก็บไว้ในเซิร์ฟเวอร์แล้ว

ซอฟต์แวร์นี้รองรับไฟล์ JPEG, PNG และ GIF และขนาดไฟล์สูงสุดคือ 32 MB

https://kraken.io/

เครื่องมือเพิ่มประสิทธิภาพรูปภาพ Kraken.io

8) Imagify Image Optimizer

เช่นเดียวกับเครื่องมือก่อนหน้าอื่น ๆ Imagify มีอยู่ในเวอร์ชันเว็บและปลั๊กอินสำหรับ WordPress

เมื่อใช้ปลั๊กอินนี้ คุณจะสามารถ: ปรับปรุงความเร็วในการโหลดไซต์ของคุณ ประหยัดเวลาในงานเพิ่มประสิทธิภาพรูปภาพ และตรวจสอบคุณภาพของไฟล์ที่คุณใช้

ปลั๊กอินสามารถบีบอัดและปรับขนาดไลบรารี WordPress ของคุณได้ในคลิกเดียว และยังเข้ากันได้กับตัวเลือกอื่นๆ เช่น WooCommerce และ NextGen Gallery

https://imagify.io/

จินตนาการ – เพิ่มประสิทธิภาพรูปภาพของคุณและแปลง WebP

9) Photoshop

เพื่อสิ้นสุดการทบทวนเครื่องมือสิบชิ้นนี้ในการบีบอัดรูปภาพ ฉันจะพูดถึงซอฟต์แวร์สองตัว

หากคุณชื่นชอบการทำงานในสภาพแวดล้อมของ Adobe Photoshop มีตัวเลือกในการปรับรูปภาพให้เหมาะสมเพื่อใช้ในเว็บไซต์

โดยเฉพาะอย่างยิ่ง คุณจะพบฟังก์ชันนี้ใน "บันทึกไปที่เว็บหรือ "ส่งออกไปยังเว็บ" และช่วยให้คุณสามารถเลือกขนาด คุณภาพ และรูปแบบของรูปภาพได้

คุณเพียงแค่ต้องปรับภาพตามความต้องการของคุณและดาวน์โหลดไฟล์ที่บีบอัด

reducir imagenes photoshop

10) จลาจล

สุดท้ายนี้ ฉันต้องการพูดเกี่ยวกับ RIOT ซึ่งเป็นซอฟต์แวร์ที่ช่วยให้คุณได้รับความสมดุลที่ถูกต้องระหว่างคุณภาพและขนาดของรูปภาพของคุณ

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

สำหรับรูปแบบนั้น จะอนุญาตให้บีบอัดไฟล์ใน JPG, GIF และ PNG สามารถเปลี่ยนขนาดของภาพโดยใช้อัลกอริธึมหกแบบ

· วิธีอัปโหลดรูปภาพของคุณไปยัง Mailrelay

เมื่อคุณรู้จักเครื่องมือทั้งสิบเหล่านี้ในการบีบอัดและปรับแต่งรูปภาพของคุณแล้ว ฉันต้องการอธิบายวิธีอัปโหลดรูปภาพเหล่านี้ทีละขั้นตอนไปยังบัญชี Mailrelay ของคุณและรวมไว้ในจดหมายข่าวของคุณ

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

ในแง่นี้ เราขอแนะนำให้คุณโฮสต์รูปภาพที่คุณต้องการใช้ในจดหมายข่าวของคุณภายนอก ตอนนี้ ฉันจะอธิบายวิธีการนำเข้าไปยัง WordPress ของคุณ

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

reducir imagenes

ขั้นตอนต่อไปคือการนำเข้าภาพของคุณ เมื่อภาพเหล่านั้นได้รับการปรับให้เหมาะสมโดยใช้เครื่องมือบางอย่างที่เราได้แสดงไว้ในส่วนก่อนหน้า

คุณสามารถลากหรือวางได้โดยตรงโดยคลิกที่ "เพิ่มใหม่" และเลือกบนคอมพิวเตอร์ของคุณ

reducir imagenes

หลังจากโหลดรูปภาพแล้ว คุณสามารถเลือกรูปภาพเพื่อเปิดรายละเอียดได้

reducir imagenes

วางเมาส์เหนือรูปภาพ คลิกขวา แล้ว เลือกตัวเลือก "คัดลอกที่อยู่รูปภาพ"

reducir imagenes

ด้วย URL ของรูปภาพ ให้ เปิดบัญชี Mailrelay ของคุณและสร้างจดหมายข่าวใหม่ หากคุณได้สร้างข้อความแล้ว เพียงแค่แก้ไขและใส่รูปภาพ

reducir imagenes

หากต้องการเพิ่ม ให้คลิกปุ่ม "รูปภาพ" แล้วคุณจะเห็นหน้าจอต่อไปนี้:

reducir imagenes

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

reducir imagenes

คุณสามารถกำหนดค่าคุณสมบัติของรูปภาพได้อย่างไร

  1. ข้อความสำรอง เป็นข้อความที่ผู้ใช้จะเห็นเมื่อโหลดรูปภาพไม่ถูกต้อง อาจเกิดขึ้นได้ว่ารูปภาพไม่สามารถโหลดได้สำเร็จ ทั้งนี้ขึ้นอยู่กับซอฟต์แวร์อีเมล เราแนะนำให้เพิ่ม URL เว็บไซต์ของคุณเพื่อหลีกเลี่ยงปัญหา
  2. ขนาด (ความกว้างและความสูงเป็นพิกเซล) ที่นี่คุณควรแทรกขนาดของภาพของคุณ คำแนะนำของฉันคือความกว้างไม่เกิน 600px เพื่อให้แสดงบนสมาร์ทโฟนได้อย่างถูกต้อง อันที่จริงแล้ว หากคุณสามารถใช้ความกว้าง 400 หรือ 500px ได้ จะยิ่งดียิ่งขึ้นไปอีก
  3. ขอบ. ขนาดเส้นขอบเป็นพิกเซล ฉันมักจะปล่อยให้ฟิลด์นี้ว่าง แต่ถ้าคุณต้องการเพิ่มเส้นขอบ คุณต้องกำหนดค่าในตัวเลือกนี้
  4. พื้นที่แนวนอนและแนวตั้ง คุณสามารถกำหนดค่าพื้นที่แนวนอนและแนวตั้งสำหรับรูปภาพในหน่วยพิกเซล
  5. การจัดตำแหน่ง เลือกการจัดตำแหน่งซ้ายหรือขวาของรูปภาพ

หลังจากตั้งค่าตามการออกแบบจดหมายข่าวของคุณแล้ว คุณจะมีลักษณะดังนี้:

reducir imagenes

ตอนนี้คุณเพียงแค่ต้องคลิกปุ่ม "ยอมรับ" เพื่อแทรกรูปภาพของคุณในจดหมายข่าว

ฉันหวังว่าการตรวจสอบ 10 เครื่องมือสำหรับการบีบอัดรูปภาพนี้จะเป็นประโยชน์ คุณต้องเลือกตัวเลือกที่เหมาะสมกับความต้องการของคุณมากที่สุดเท่านั้น

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

ท้ายที่สุด ฉันแน่ใจว่าคุณต้องการอยู่ในหน้าแรกสำหรับคำหลักของคุณ