10 วิธีในการลดขนาดภาพของคุณ
เผยแพร่แล้ว: 2018-02-15เราทุกคนต้องการมีเว็บไซต์ที่มีภาพที่มีคุณภาพเพื่อดึงดูดความสนใจของผู้อ่านใช่ไหม?
หากคุณมีหน้าที่คุณเสนอบริการ คุณขายสินค้าหรือคุณกำลังทำงานกับบล็อก แน่นอนว่าคุณมีรูปภาพมากมาย เช่น ในบทความ ในหน้าภาพนิ่ง หรือผลิตภัณฑ์ เป็นต้น
เมื่อพูดถึงรูปภาพสำหรับเว็บไซต์ เราไม่ต้องคิดแค่เกี่ยวกับจำนวนรูปภาพที่เราจะเพิ่ม เราควรพิจารณาขนาดของไฟล์ด้วย ดังนั้น พื้นที่ที่ไฟล์เหล่านี้จะใช้บนเซิร์ฟเวอร์
ด้วยเหตุผลนี้ ในบทความนี้ เราจะพูดถึงเครื่องมือสิบอย่างที่เราสามารถนำมาใช้เพื่อลดขนาดของรูปภาพที่เราจะใช้บนหน้าเว็บ บล็อก หรืออีคอมเมิร์ซของเรา
- 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 กระทู้ที่เกี่ยวข้อง:

· เหตุใดคุณจึงควรลดขนาดของรูปภาพในไซต์ของคุณ
ก่อนที่ฉันจะเริ่มพูดถึงเครื่องมือเหล่านี้ ฉันต้องการอธิบายความสำคัญของการลดขนาดรูปภาพในไซต์ของคุณ
ในปัจจุบันนี้ เว็บไซต์จะต้องเร็ว กล่าวคือใช้เวลาโหลดเพียงไม่กี่วินาที (ตามหลักแล้วควรน้อยกว่า 3 วินาที)
การเพิ่มประสิทธิภาพรูปภาพของไซต์ของคุณอย่างเหมาะสมนั้นมีความสำคัญด้วยเหตุผลสามประการ:
- ขนาดรูปภาพส่งผลต่อความเร็วในการโหลดของไซต์ และเราเพิ่งเห็นความสำคัญของการมีเว็บไซต์ที่รวดเร็ว
- เวลาในการโหลดเป็นหนึ่งในปัจจัยสำคัญที่ส่งผลต่อ SEO เว็บไซต์ที่รวดเร็วจะอยู่ในอันดับที่ดีกว่าใน Google มากกว่าเว็บไซต์ที่ช้า (อาจมีข้อยกเว้นอยู่เสมอ แต่นั่นเป็นกฎทั่วไป)
- รูปภาพของเว็บไซต์จะต้องปรับให้เข้ากับความกว้างของหน้า ตัวอย่างเช่น ฉันมักจะเห็นหลายหน้าใช้รูปภาพที่ใหญ่กว่าพื้นที่ว่างมาก หากพื้นที่กว้าง 300px ผู้ดูแลระบบไม่ควรอัปโหลดภาพที่มีขนาด 1000px นี่เป็นข้อผิดพลาดทั่วไปในหน้าเว็บหลายหน้า คำแนะนำของฉันคือการปรับขนาดของรูปภาพทั้งหมดบนเว็บไซต์ของคุณ
·สิบเครื่องมือในการลดขนาดภาพสำหรับเว็บไซต์ของคุณ
1) ShortPixel
เป้าหมายของเครื่องมือนี้คือการปรับปรุงประสิทธิภาพของไซต์ของเรา ลดขนาดของรูปภาพ
มีอยู่ในเวอร์ชันเว็บและเป็นปลั๊กอินสำหรับ WordPress โดยมีการบีบอัดรูปภาพสามประเภท:
- การบีบอัดที่สูญเสีย เป็นตัวเลือกที่ดีที่สุดสำหรับผู้ใช้ส่วนใหญ่ ตัวเลือกนี้ทำให้เกิดความสมดุลระหว่างการเพิ่มประสิทธิภาพและคุณภาพของภาพ
- การบีบอัดแบบมันวาว เป็นตัวเลือกที่ดีที่สุดหากคุณกำลังมองหาเครื่องมือที่เน้นที่ Google Insights แต่ไม่กังวลเกี่ยวกับความเร็วในการโหลด ตัวเลือกนี้อนุญาตให้มีการบีบอัดที่ยอมรับได้พร้อมคุณภาพของภาพ ยิ่งไฟล์ถูกบีบอัดมากเท่าไร คุณภาพของภาพสุดท้ายก็จะยิ่งลดลง
- การบีบอัดแบบไม่สูญเสีย ตัวเลือกสุดท้ายช่วยให้คุณสามารถบีบอัดพิกเซลของภาพต่อพิกเซล เมื่อเทียบกับภาพต้นฉบับ แต่ให้การลดลงที่น้อยกว่ามาก เมื่อเทียบกับไฟล์ที่ประมวลผลด้วยสองตัวเลือก
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 มีตัวเลือกในการปรับรูปภาพให้เหมาะสมเพื่อใช้ในเว็บไซต์
โดยเฉพาะอย่างยิ่ง คุณจะพบฟังก์ชันนี้ใน "บันทึกไปที่เว็บหรือ "ส่งออกไปยังเว็บ" และช่วยให้คุณสามารถเลือกขนาด คุณภาพ และรูปแบบของรูปภาพได้
คุณเพียงแค่ต้องปรับภาพตามความต้องการของคุณและดาวน์โหลดไฟล์ที่บีบอัด

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

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

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

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

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

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

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

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

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