วิธีการบีบอัดและปรับขนาดภาพบน WordPress

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

นี่คือสิ่งสำคัญในการเพิ่มประสิทธิภาพเว็บไซต์ของคุณโดยที่เราทุกคนต้องไป หากคุณติดตามเรามาเป็นเวลานานคุณคงเคยได้ยิน ปลั๊กอิน Hummingbird จาก WPMUDEV.

นี่คือปลั๊กอินที่ช่วยให้คุณสามารถลดขนาดของรูปภาพ 75% ซึ่งมีความสำคัญมาก

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

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งธีม WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

ทำไมคุณต้องปรับขนาดและบีบอัดภาพของคุณ?

นี่คือข้อเสนอแนะที่เสนอ Hummingbird คำแนะนำนี้หมายความว่าคุณกำลังใช้รูปภาพที่อัพโหลดไปยังบล็อก WordPress ซึ่งมีขนาดใหญ่กว่าที่ใช้ในธีมของคุณ

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

ดำเนินการต่อไปโดยการค้นหา ทำไมคุณต้องเริ่มเพิ่มประสิทธิภาพบล็อก WordPress ด้วยภาพ

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

ขั้นตอนพิเศษในการปรับขนาดภาพที่ใหญ่ขึ้นนี้ต้องมีการร้องขอและทรัพยากรเพิ่มเติมจากเซิร์ฟเวอร์เพื่อโหลดบนหน้าเว็บ

ค้นพบยังของเรา ปลั๊กอิน 10 WordPress เพื่อสร้างการเข้าชมบล็อกของคุณ

ผลที่ได้คือความเร็วหน้าช้าลงคะแนน Hummingbird ที่ต่ำกว่าดังนั้นคำแนะนำในการบีบอัดและปรับขนาดภาพ

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

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

ด้านล่างคุณจะพบรายละเอียดเพิ่มเติมเกี่ยวกับวิธีปรับขนาดภาพด้วยวิธีการเหล่านี้

ประหยัดขนาดภาพของธีม WordPress ของคุณ

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

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

อัปเกรดรูปภาพของคุณใน WordPress

แม้ว่าคุณจะรอผู้พัฒนาธีม WordPress ของคุณเพื่อแก้ไขปัญหานี้ แต่คุณสามารถลองวิธีการปรับขนาดภาพด้วยตนเองอื่น ๆ ที่เรานำเสนอด้านล่าง

ยุบรูปภาพในไลบรารีสื่อ

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

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

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

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

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

เมื่อเสร็จแล้วอย่าลืมคลิกที่ " Enregistrer" คุณยังสามารถใช้การตั้งค่ากับขนาดใดก็ได้

ตัวเลือกในการเปลี่ยนขนาดของรูปภาพนี้ยังมีอยู่ในไลบรารีสื่อ

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง

คุณสามารถใช้ปลั๊กอิน WordPress อื่น ๆ เพื่อสร้างรูปลักษณ์ที่ทันสมัยและปรับให้เหมาะกับบล็อกหรือเว็บไซต์ของคุณ

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 Bpchat

Bpchat เป็นส่วนเสริม WordPress ของ BuddyPress ที่ตั้งค่าระบบแชทในบล็อกหรือเว็บไซต์ WordPress ของคุณ

เมื่อติดตั้งปลั๊กอินนี้ในบล็อกฟอรัมชุมชนไดเรกทอรีเว็บไซต์อีคอมเมิร์ซหรือเว็บไซต์โซเชียล BuddyPress, ผู้ใช้ที่เชื่อมต่อทั้งหมดสามารถแชทได้ทันทีโดยอัตโนมัติ

Cปลั๊กอิน WordPress e ยังตั้งค่าวิธีที่ง่ายในการแชทออนไลน์ซึ่งดูคล้ายกับที่ Facebook เสนอ.

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 คลิกเพื่อ WhatsApp Chat

ปลั๊กอิน WordPress Click to WhatsApp แชทช่วยให้ลูกค้า WordPress สามารถเชื่อมต่อกับเจ้าของเว็บไซต์หรือฝ่ายสนับสนุนลูกค้าได้อย่างง่ายดายโดยใช้บัญชี WhatsApp

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

ค้นพบยังของเรา ปลั๊กอิน WordPress 10 เพื่อซ่อนเนื้อหาพรีเมียมในบล็อกของคุณ

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 WooCommerce ตัวเลือกพิเศษสินค้า

WooCommerce Extra Product Options เป็นส่วนเสริมของ WordPress ที่จะช่วยให้คุณสร้างตัวเลือกผลิตภัณฑ์เพิ่มเติมพร้อมการรองรับตรรกะตามเงื่อนไข นอกจากนี้คุณยังสามารถสร้างฟอร์มแปลงดรอปดาวน์แอตทริบิวต์เป็นปุ่มตัวเลือกและอื่น ๆ

ในบรรดาคุณสมบัติของมันเราจะพบกับคนอื่น ๆ : pสนับสนุนฟิลด์หลายประเภท cราคาตามฟิลด์ที่เลือกตัวสร้างภาพของฟิลด์แบบฟอร์ม การสนับสนุน shortcodesความเป็นไปได้ของเปิดใช้งานตัวเลือกสำหรับบทบาทเฉพาะ,การหลอกลวงระหว่างการเพิ่มขึ้นของราคาคงที่หรือเป็นเปอร์เซ็นต์คือ iนำเข้า / ส่งออกไปยังรูปแบบอื่น ๆความเป็นไปได้ที่จะซ่อนหรือแสดงราคาการสนับสนุนของตรรกะเชิงเงื่อนไขในฟิลด์และส่วนในตัวสร้างแบบฟอร์มความเข้ากันได้กับ ปลั๊กอินและส่วนขยายอีคอมเมิร์ซมากมายกเอกสารรายละเอียดและ เพิ่มเติม ...

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

• ปลั๊กอิน WordPress 8 เพื่อสร้าง megamenu ในบล็อกของคุณ
• ปลั๊กอิน WordPress 8 เพื่อเพิ่มแผนภูมิราคาในบล็อกของคุณ
• ปลั๊กอิน 8 WordPress เพื่อเพิ่มพื้นที่โฆษณาบนบล็อกของคุณ
• วิธีการเปลี่ยนด้านข้างของแถบด้านข้างบน WordPress ที่

สรุป

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

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

หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.

...