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

วิดีโอ: วิธีปรับขนาดรูปภาพสำหรับ WordPress ใน GIMP

เหตุใดการปรับขนาดรูปภาพของเว็บไซต์ของคุณจึงสำคัญ

มาเริ่มกันที่ว่าทำไมการปรับขนาดรูปภาพของเว็บไซต์ของคุณจึงมีความสำคัญ

ตามที่ WordPress.org"ขนาดทางกายภาพ" โดยรวมของรูปภาพมีบทบาทอย่างมากต่อประสิทธิภาพของหน้าเว็บไซต์ “ขนาดไฟล์ [ของรูปภาพ] กำหนดเวลาที่ใช้ในการโหลดหน้าของคุณ ขนาดไฟล์ที่ใหญ่ขึ้น… จะต้องใช้เวลานานในการโหลด [หน้าหนึ่ง]” กล่าวคือ การอัปโหลดไฟล์ขนาดใหญ่ไปยังเว็บไซต์ของคุณจะทำให้ประสิทธิภาพของหน้าใดก็ตามที่คุณเพิ่มเนื้อหาเข้าไปช้าลง ซึ่งมักจะแสดงเป็นความเร็วในการโหลดหน้าเว็บที่ช้าลงในข้อมูลการวิเคราะห์ของเว็บไซต์ของคุณ

“ขนาดไฟล์ [ของรูปภาพ] กำหนดเวลาที่ใช้ในการโหลดหน้าของคุณ ขนาดไฟล์ที่ใหญ่ขึ้น… จะต้องใช้เวลานานในการโหลด [หน้าหนึ่ง]”

-WordPress.org

ความเร็วในการโหลดเพจ หรือเรียกง่ายๆ ว่า “หน้าความเร็ว,” คือ “ความเร็วในการโหลดเนื้อหาบนหน้าเว็บของคุณ” ตามที่ เว็บไซต์ SEO Moz. การมีหน้าช้าอาจส่งผลให้ “อัตราการตีกลับ” ซึ่งเป็นตัวชี้วัดที่สวยงามซึ่งแสดงถึงเซสชันที่ผู้เยี่ยมชมไซต์ออกจากไซต์ของคุณหลังจากดูหน้าเดียว

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

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

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

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

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

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

WordPress ประยุกต์: วิธีสร้างหลักสูตรเว็บไซต์ที่มีประสิทธิภาพโดย Davies Media Design

วิธีปรับขนาดรูปภาพสำหรับ WordPress ใน GIMP

ดังนั้นคุณจะปรับขนาดรูปภาพสำหรับ WordPress ได้อย่างไร?

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

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

ขั้นตอนที่ 1: เปิดภาพของคุณ

เปิดรูปภาพลงใน GIMP ผ่านไฟล์> เปิด

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

เลือกรูปภาพจากคอมพิวเตอร์ของคุณที่คุณต้องการเปิดใน GIMP

หากใช้วิธี File>Open ให้ไปที่ตำแหน่งของรูปภาพในคอมพิวเตอร์ของคุณจากภายในกล่องโต้ตอบ "Open Image" ที่ปรากฏขึ้น และดับเบิลคลิกที่ไฟล์รูปภาพเมื่อคุณค้นหาตำแหน่งเพื่อเปิดใน GIMP (หรือคลิก ปุ่ม "เปิด" ที่มุมล่างขวาของหน้าต่างโต้ตอบ)

ขั้นตอนที่ 2: ค้นหาขนาดของภาพของคุณ

ขนาดไฟล์ของรูปภาพจะแสดงที่แถบด้านบนของหน้าต่าง GIMP

ที่ด้านบนสุดของหน้าต่าง GIMP มีคุณลักษณะที่เรียกว่า "แถบชื่อเรื่อง" (ลูกศรสีแดงในภาพด้านบน) ที่นี่ คุณจะเห็นขนาดปัจจุบันของรูปภาพของคุณ (กล่องสีเขียวที่ขยายใหญ่ในรูปภาพ) รูปภาพของฉันคือ 1920×1280 – โดยตัวเลขแรกคือ 1920 ซึ่งแสดงถึงความกว้างของรูปภาพของฉัน (เป็นพิกเซล) และตัวเลขที่สองคือ 1280 ซึ่งแสดงถึงความสูงของรูปภาพของฉัน ขนาดภาพสุดท้ายที่คุณต้องการใช้สำหรับภาพของคุณจะขึ้นอยู่กับตำแหน่งที่คุณต้องการใช้ใน WordPress และธีมที่คุณใช้

สำหรับบทช่วยสอนนี้ ฉันจะปรับขนาดรูปภาพของฉันเป็นขนาดมาตรฐาน 1200×630 พิกเซลที่แนะนำสำหรับรูปภาพโพสต์ในบล็อก

ขั้นตอนที่ 3: เปลี่ยนอัตราส่วนภาพของรูปภาพด้วยเครื่องมือครอบตัด

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

เมื่อคำนึงถึงสิ่งนี้ สิ่งแรกที่ฉันจะทำคือครอบตัดรูปภาพเพื่อให้อัตราส่วนกว้างยาวของรูปภาพต้นฉบับตรงกับอัตราส่วนกว้างยาวของขนาดที่แนะนำ ในการทำเช่นนี้ ฉันจะคว้าเครื่องมือครอบตัดโดยกด shift+c บนแป้นพิมพ์หรือคลิกไอคอนเครื่องมือครอบตัดในกล่องเครื่องมือ GIMP (ลูกศรสีแดงในภาพด้านบน)

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

ฉันจะพิมพ์ “1200:630” เพื่อตั้งค่าอัตราส่วนกว้างยาวของฉันในช่องข้อความด้านล่างเมนูแบบเลื่อนลง (ลูกศรสีเหลือง) ซึ่งตรงกับอัตราส่วนกว้างยาวของขนาดรูปภาพที่แนะนำซึ่งฉันต้องการให้เป็นรูปภาพสุดท้าย

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

โดยใช้เครื่องมือครอบตัด ตอนนี้ฉันจะคลิกและลากเมาส์ผ่านรูปภาพเพื่อวาดพื้นที่ครอบตัด เมื่อฉันปล่อยเมาส์ ทุกอย่างที่อยู่นอกพื้นที่ครอบตัดจะหรี่ลง (ลูกศรสีแดงในภาพด้านบน – สมมติว่าเลือก "ไฮไลต์" ในตัวเลือกเครื่องมือ ซึ่งโดยปกติแล้วจะเป็นค่าเริ่มต้น)

โดยค่าเริ่มต้น พื้นที่ครอบตัดของฉันมีเส้นบอกแนวที่ตั้งไว้เป็น "เส้นกึ่งกลาง" (ลูกศรสีเหลืองในภาพด้านบน) ฉันสามารถเปลี่ยนการตั้งค่านี้ได้โดยใช้คำแนะนำแบบเลื่อนลงที่ด้านล่างของตัวเลือกเครื่องมือ ตัวอย่างเช่น ฉันจะเปลี่ยนคำแนะนำเป็น "Rule of Thirds" (ลูกศรสีเขียว) ตัวเลือกคำแนะนำต่างๆ ในที่นี้อิงตามหลักการถ่ายภาพ ซึ่งทำให้ง่ายต่อการจัดองค์ประกอบภาพโดยใช้หลักการเหล่านี้

เปลี่ยนค่าขนาดเพื่อปรับขนาดการครอบตัดของคุณ

คุณสามารถวางเมาส์เหนือด้านใดด้านหนึ่งหรือมุมของพื้นที่ครอบตัด (เช่น พื้นที่ที่ไฮไลต์ซึ่งแสดงโดยลูกศรสีแดงในภาพด้านบน) จากนั้นคลิกและลากเพื่อปรับขนาดขอบเขตของพื้นที่ครอบตัด โปรดทราบว่าคุณสามารถดูขนาดพื้นที่ครอบตัดของคุณได้เสมอในช่อง "ขนาด" ที่อยู่ในตัวเลือกเครื่องมือ (แสดงเป็นสีเขียวในภาพด้านบน) คุณจะต้องรักษาขนาดโดยรวมของพื้นที่ครอบตัดให้ใหญ่กว่าขนาดสุดท้ายของภาพขนาด 1200×630

เปลี่ยนตำแหน่งการครอบตัดบนรูปภาพของคุณใน GIMP

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

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

กรอบสีเหลืองจะแสดงขอบเขตเดิมของเลเยอร์ของคุณ หากไม่ได้เลือก "ลบพิกเซลที่ครอบตัด"

โปรดทราบว่าหากไม่ได้เลือกตัวเลือก "ลบพิกเซลที่ครอบตัด" ในตัวเลือกเครื่องมือ (ลูกศรสีเขียวในภาพด้านบน) ขอบเขตรูปภาพดั้งเดิมของคุณจะยังคงแสดงรอบรูปภาพของคุณโดยใช้เส้นประสีเหลือง (ลูกศรสีแดง) คุณสามารถกู้คืนรูปภาพดั้งเดิม ดังนั้นจึงยกเลิกการครอบตัดโดยไปที่ Image>Fit Canvas to Layers เฉพาะพื้นที่ของรูปภาพของคุณภายในขอบเขตผ้าใบเท่านั้นที่จะถูกส่งออก

ขั้นตอนที่ 4: ปรับขนาดภาพของคุณ

ขนาดใหม่ของรูปภาพของคุณจะแสดงที่ด้านบนของหน้าต่าง GIMP

ภาพของเราถูกครอบตัดตามอัตราส่วนภาพที่เราต้องการแล้ว แต่ถ้าคุณดูขนาดภาพของเราอีกครั้งใน “แถบชื่อเรื่อง” คุณจะเห็นว่าภาพมีขนาด 1532×804 (แสดงเป็นสีเขียวและขยายใหญ่ในภาพด้านบน – ขนาดของคุณอาจแตกต่างออกไปเล็กน้อยขึ้นอยู่กับว่าคุณวาดพื้นที่ครอบตัดบนรูปภาพของคุณใหญ่แค่ไหน) ตอนนี้เราจำเป็นต้องปรับขนาดภาพเพื่อให้ตรงกับขนาดที่ต้องการ

ในการดำเนินการนี้ ให้ไปที่ Image>Scale Image (ลูกศรสีแดง)

ไปที่ รูปภาพ> ปรับขนาดรูปภาพ และปรับค่าความกว้างและความสูงใน GIMP

ในช่อง "รูปภาพขนาด" ที่ปรากฏขึ้นใต้ "ขนาดรูปภาพ" ตรวจสอบให้แน่ใจว่าไอคอนลูกโซ่ถัดจากช่อง "ความกว้าง" และ "ความสูง" เชื่อมโยงกัน (ลูกศรสีแดงในภาพด้านบน) จากนั้น เปลี่ยน "ความกว้าง" ของภาพเป็น 1200 (ลูกศรสีเขียว) กดปุ่มแท็บ ความสูงของภาพจะอัปเดตเป็น “630” โดยอัตโนมัติ ภายใต้ "คุณภาพ" ตรวจสอบให้แน่ใจว่าเมนูแบบเลื่อนลง "การแก้ไข" (ลูกศรสีน้ำเงิน) ถูกตั้งค่าเป็น "NoHalo" หรือ "LoHalo" เพื่อคุณภาพของภาพที่ดีที่สุดหลังจากการปรับขนาด (สำหรับข้อมูลเพิ่มเติมเกี่ยวกับการแก้ไข ดูบทช่วยสอนของฉันในหัวข้อ).

กดปุ่ม "มาตราส่วน" เพื่อปรับขนาดภาพของคุณ (ลูกศรสีเหลือง)

เมื่อการปรับขนาดเสร็จสมบูรณ์ ให้ตรวจสอบขนาดรูปภาพในแถบชื่อเรื่อง ตอนนี้คุณควรเห็นขนาดภาพ 1200×630 ซึ่งเป็นขนาดที่เราต้องการ! ดังนั้นสิ่งที่เราจะทำในขณะนี้?

ขั้นตอนที่ 5: บีบอัดรูปภาพของคุณโดยการส่งออก

การครอบตัดและปรับขนาดรูปภาพจะลดขนาดไฟล์โดยการลดความสูงของรูปภาพจาก 1920 เป็น 1200 พิกเซล และความกว้างจาก 1280 เป็น 630 พิกเซล แต่เราสามารถลดขนาดรูปภาพได้อีกโดยใช้การบีบอัดเมื่อเราส่งออกรูปภาพ  

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

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

ส่งออกภาพที่ครอบตัดของคุณจาก GIMP โดยไปที่ไฟล์>ส่งออกเป็น

หากต้องการส่งออกไปยัง WebP ให้ไปที่ไฟล์>ส่งออกเป็น (ลูกศรสีแดง)

ใช้ส่วนขยาย WEBP เพื่อลดขนาดไฟล์รูปภาพของคุณ จากนั้นคลิกส่งออก

คลิกโฟลเดอร์ใดๆ ในส่วน "สถานที่" (สีเขียว) เพื่อเลือกรูปภาพในคอมพิวเตอร์ที่คุณต้องการบันทึกภาพ คุณสามารถดับเบิลคลิกที่โฟลเดอร์เพื่อเข้าสู่โฟลเดอร์นั้น และดูว่าคุณอยู่ในโฟลเดอร์ใดข้างชื่อ “บันทึกในโฟลเดอร์” (ลูกศรสีแดง) จากนั้น เปลี่ยนชื่อรูปภาพเป็นสิ่งที่คุณต้องการ - เพียงตรวจสอบให้แน่ใจว่าคุณลงท้ายชื่อรูปภาพด้วยนามสกุล ".webp" (ลูกศรสีน้ำเงิน) เพื่อส่งออกรูปภาพในรูปแบบ WebP เมื่อคุณพร้อมแล้ว ให้คลิก "ส่งออก" ที่มุมล่างขวาของหน้าต่าง (ลูกศรสีเหลือง)

ตั้งค่าคุณภาพของภาพเป็น 80 แล้วกดส่งออก

ถัดไป กล่องโต้ตอบ "ส่งออกรูปภาพเป็น WebP" จะปรากฏขึ้น ตรวจสอบให้แน่ใจว่าไม่ได้เลือก "Lossless" (ลูกศรสีแดง) ฉันมักจะตั้งค่า "คุณภาพของรูปภาพ" เป็น 80 (ลูกศรสีน้ำเงิน – นี่คือเปอร์เซ็นต์ ดังนั้นยิ่งเปอร์เซ็นต์ที่ต่ำกว่าคุณภาพของรูปภาพก็จะยิ่งต่ำลง แต่ขนาดไฟล์รูปภาพก็จะยิ่งเล็กลงเท่านั้น) หากรูปภาพของคุณไม่มีความโปร่งใส (เช่น โลโก้ที่ไม่มีพื้นหลัง) คุณไม่ต้องกังวลกับแถบเลื่อน "คุณภาพอัลฟ่า" (อันที่จริง ในการทดลองที่ฉันทำ โดยลดคุณภาพอัลฟ่าจาก 100 เป็น 90 จริง ๆ แล้วเล็กน้อย เพิ่มขนาดไฟล์ของรูปภาพที่มีพื้นหลังโปร่งใสจาก 8.50 kb เป็น 8.52 kb) ดรอปดาวน์ "ประเภทแหล่งที่มา" ที่คุณสามารถตั้งค่าเป็น "ค่าเริ่มต้น" ได้

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

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

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

คลิก "ส่งออก" (ลูกศรสีเหลืองในภาพด้านบน) เพื่อส่งออกรูปภาพไปยังรูปแบบ WebP เมื่อเปรียบเทียบไฟล์ WebP ที่ส่งออกกับไฟล์ JPEG ที่มีขนาดเท่ากันและตั้งค่าคุณภาพเป็น "80" ภาพ WebP จะมีขนาดเล็กกว่า JPEG ประมาณ 30 kb หรือประมาณ 25%

ขั้นตอนที่ 6: อัปโหลดรูปภาพของคุณไปยัง WordPress

ไปที่ส่วนโพสต์ของ WordPress และคลิกที่โพสต์ในบล็อกของคุณ

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

คลิกไอคอนรูปเฟืองเพื่อเข้าถึงแถบด้านข้างการตั้งค่าโพสต์ และคลิกรูปภาพเด่น

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

อัปโหลดภาพที่ครอบตัดจาก GIMP ไปยัง WordPress

ฉันจะไปที่แท็บ "อัปโหลดไฟล์" (ลูกศรสีแดง) และสามารถลากและวางรูปภาพของฉันจากคอมพิวเตอร์ไปยัง WordPress (ลูกศรสีน้ำเงิน)

เมื่อคุณอัปโหลดภาพ GIMP แล้ว ให้คลิกตั้งค่าภาพเด่น

สุดท้าย ฉันจะคลิก "ตั้งค่ารูปภาพเด่น" เพื่อใช้การเปลี่ยนแปลงนี้ (ลูกศรสีแดง)

คลิกอัปเดตเพื่อบันทึกการเปลี่ยนแปลงของคุณใน WordPress

คลิก “อัปเดต” (ลูกศรสีแดง) เพื่ออัปเดตหน้าของคุณด้วยรูปภาพเด่นใหม่

ถ้าฉันคลิก “ดูโพสต์” (ลูกศรสีน้ำเงิน)…

รูปภาพที่บีบอัดของคุณที่สร้างใน GIMP จะแสดงบนเว็บไซต์ WordPress ของคุณ

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

แค่นี้แหละสำหรับบทช่วยสอนนี้! หากคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับการออกแบบเว็บไซต์ WordPress ฉันแนะนำให้ตรวจสอบ my หลักสูตร WordPress บน Udemy! หรือถ้าคุณต้องการเรียนรู้เพิ่มเติมเกี่ยวกับ GIMP ลองดู my GIMP 2.10 มาสเตอร์คลาสบน Udemy!