วิธีการเปลี่ยนขนาดของรูปภาพใน WordPress

หากคุณต้องการสร้างรูปภาพให้ใหญ่กว่าที่โพสต์ในธีม WordPress ของคุณตั้งไว้ คุณสามารถใช้ HTML เพื่อดำเนินการดังกล่าวได้ ในตัวแก้ไขบทความของ WordPress ให้คลิกที่แท็บ "ข้อความ" นี่จะแสดงรหัส HTML สำหรับโพสต์ของคุณ ค้นหารูปภาพที่คุณต้องการทำให้ใหญ่ขึ้นในโค้ด มีแนวโน้มว่าจะมีแท็ก "img" อยู่รอบ ๆ ภายใน แท็กรูปภาพ คุณจะเห็นแอตทริบิวต์ width และ height ตัวอย่างเช่น width="500" height="300" คุณสามารถเปลี่ยนค่าเหล่านี้เพื่อทำให้รูปภาพของคุณใหญ่ขึ้นหรือเล็กลงได้ ตัวอย่างเช่น หากคุณต้องการให้รูปภาพมีขนาดใหญ่เป็นสองเท่า คุณจะต้องเปลี่ยนความกว้างเป็น "1000" และความสูงเป็น "600" เมื่อคุณทำการเปลี่ยนแปลงแล้ว ให้คลิก "อัปเดต" หรือ "เผยแพร่" บนโพสต์ของคุณแล้วดูเพื่อดูการเปลี่ยนแปลง

ทำไม WordPress ทำให้รูปภาพของฉันมีขนาดเล็กลง?

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

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

ขนาดภาพโพสต์ WordPress

คุณควรใช้ 1200 x 630 พิกเซล หากคุณต้องการใช้ภาพโพสต์ในบล็อก ขอแนะนำว่า รูปภาพส่วนหัวของ WordPress มีขนาดไม่เกิน 1048 x 250 พิกเซล รูปภาพเด่นควรมีขนาด 1200 x 900 พิกเซลในโหมดแนวนอนและ 900 x 1200 พิกเซลในโหมดแนวตั้ง รูปภาพในพื้นหลังควรมีขนาด 1920 x 1080 พิกเซล

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

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

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

ขนาดรูปภาพขนาดโพสต์คืออะไร?

1080i สามารถใช้ได้ที่ความละเอียด 1350 x 1080 พื้นที่เป็นตารางฟุตคือ 1080 x 1080 มีอัตราส่วนภาพที่รองรับอย่างน้อยสี่อัตราส่วน: 1.91:1, 4:5 (มาตรฐาน) และ 2:26 รูปภาพควรมีความกว้าง 1080 พิกเซล ความสูง 566 ถึง 1350 พิกเซล (ขึ้นอยู่กับว่าเป็นแนวนอนหรือแนวตั้ง) และความละเอียด 1080 x 566 หรือ 1235 x 050 พิกเซล

ฉันจำเป็นต้องปรับขนาดรูปภาพสำหรับ WordPress หรือไม่

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

ฉันจะปรับขนาดรูปภาพก่อนอัปโหลดไปยัง WordPress ได้อย่างไร

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

ขนาดภาพโพสต์บล็อก

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

ขนาดภาพบล็อกในอุดมคติคือ 1280 x 720 และขนาดรูปภาพสำหรับโพสต์ที่แนะนำคือ 300 x 200 นอกจากนี้ยังลดขนาดรูปภาพจาก 800 x 400 เป็น 800 x 600 ได้อีกด้วย สามารถสร้างภาพเหล่านี้ได้โดยใช้โปรแกรมซอฟต์แวร์ยอดนิยม เช่น photoshop นักวาดภาพประกอบ และ Canva โดยปกติสี่ถึงห้าภาพจะเพียงพอสำหรับการโพสต์บล็อก Google ขอแนะนำอย่างยิ่งให้ใช้ WebP (Web Picture) เป็นรูปแบบรูปภาพสำหรับเว็บไซต์ของคุณ รูปภาพ WebP มีขนาดเล็กกว่าภาพ JPEG 40%-45% ให้เอาต์พุตภาพเท่ากัน และโหลดเร็วขึ้นมาก PNG (Portable Network Graphic) เป็นรูปภาพประเภทหนึ่งที่สามารถใช้สำหรับโลโก้ ไอคอน หรือรูปภาพโปร่งใส

ไฟล์ GIF (รูปแบบการแลกเปลี่ยนกราฟิก) สะดวกกว่าและมีขนาดเล็กกว่าไฟล์วิดีโอ ผู้ใช้เว็บไซต์และบล็อกสามารถคาดหวังประสบการณ์ออนไลน์ที่รวดเร็วยิ่งขึ้นโดยใช้ภาพ WebP เบราว์เซอร์ส่วนใหญ่ เช่น Chrome, Firefox และ Opera รองรับภาพ WebP ทำให้ใช้งานง่าย ปลั๊กอินแคช Litespeech เป็นเครื่องมือที่สำคัญที่สุดเพียงเครื่องมือเดียวสำหรับการปรับปรุงประสิทธิภาพของเว็บไซต์ เนื่องจากมีโซลูชันเดียวสำหรับทุกความต้องการในการแคชเว็บไซต์ Canva เป็นเครื่องมือประมวลผลรูปภาพที่ฉันใช้สร้างโพสต์ในบล็อก รูปภาพจะพร้อมใช้งานในรูปแบบไฟล์ JPEG หรือ PNG เท่านั้น หากดาวน์โหลดจากเว็บไซต์ เมื่อฉันอัปโหลดภาพนั้นไปยังบล็อก แคช Litespeed ของฉันจะแปลงเป็นรูปแบบที่เหมาะสม รูปภาพ WebP ดูเหมือนจะมีข้อดีและข้อเสียเมื่อใช้กับเว็บไซต์

ขนาดในอุดมคติสำหรับรูปภาพบล็อก

สิ่งสำคัญคือต้องรักษาสิ่งต่าง ๆ ในมุมมองเมื่อสร้าง ภาพบล็อก หากโพสต์บล็อกของคุณมีรูปภาพขนาดใหญ่กว่า 1200×630 พิกเซล จะใช้พื้นที่มากเกินไป ในขณะที่รูปภาพที่มีขนาดเล็กกว่า 300 KB จะไม่สามารถเลื่อนได้ อย่างไรก็ตาม สำหรับบล็อกใดๆ มีขนาดที่แนะนำสองสามขนาดสำหรับรูปภาพในบล็อกที่จะดูดี ขนาดที่ดีที่สุดสำหรับภาพบล็อกคือ 2400×1600 พิกเซล ขนาดของชิ้นนี้จะพอดีกับบล็อกใด ๆ และดูดีบนอุปกรณ์ใด ๆ เพื่อหลีกเลี่ยงการครอบตัด ตรวจสอบให้แน่ใจว่ารูปภาพของคุณกว้างหรือกว้างกว่า 2000 พิกเซล หากคุณใช้ภาพพื้นหลังแบบเต็มหน้าจอ ให้ตรวจสอบว่ามีความกว้างอย่างน้อย 2,000 พิกเซลหรือใหญ่กว่า เพื่อไม่ให้ตัดทอน

WordPress Image Size Limit

ภาพขนาดย่อคือชุดของรูปภาพที่มีความละเอียดสูงสุด 150 x 150 พิกเซล และความละเอียดสูงสุด 300 x 300 พิกเซล มี ความละเอียดสูง (สูงสุด 1024×1024 พิกเซล) ภาพนี้ควรมีขนาดอย่างน้อย 100x ของต้นฉบับ

ส่วนที่สำคัญที่สุดของเว็บไซต์คือรูปภาพ และรูปภาพเป็นองค์ประกอบที่สำคัญที่สุดในเว็บไซต์ใดๆ เราเข้าใจดีว่าการทำให้รูปภาพของคุณมีขนาดเล็กนั้นสำคัญเพียงใด แต่บางครั้งเราก็ทำผิดพลาด ลองดู Unsplash เว็บไซต์ที่ให้บริการรูปภาพฟรีกว่า 200,000 รูปสำหรับเว็บไซต์ของคุณ รูปภาพเด่นของ Unsplash ซึ่งมีขนาดเกิน 2MB เป็นไฟล์ 4.672 x 3.104 x 2MB หากเราอัปโหลด ภาพขนาดใหญ่ ไปยังไลบรารีสื่อ ภาพเหล่านั้นจะไม่ถูกอัปโหลดอีกต่อไปหากกำหนดขนาดภาพสูงสุดไว้ นี่คือวิธีที่คุณทำ: ตัวอย่างก่อนหน้ารวมฟังก์ชันที่เชื่อมต่อกับ WP_handle_upload_prefilter ตัวกรองจะดำเนินการทันทีก่อนที่ภาพจะถูกบันทึกในไลบรารีสื่อของ WordPress

ขีด จำกัด รูปภาพ 2gb สำหรับไซต์ WordPress

การอัปโหลดรูปภาพไปยังไซต์ WordPress ของคุณจำกัดขนาดไม่เกิน 2GB

ขนาดภาพฮีโร่ของ WordPress

รูปภาพแบนเนอร์ฮีโร่ควรมีขนาด 1600 x 500 พิกเซล หากคุณต้องการภาพที่คมชัดหรือผู้ชมจำนวนมากที่จะดูจอแสดงผลขนาดใหญ่ คุณอาจต้องปรับขนาดสูงสุด 1,800 พิกเซล โปรดจำไว้ว่า การทำเช่นนี้อาจทำให้ไฟล์มีขนาดใหญ่ ซึ่งทำให้เว็บไซต์ของคุณช้าลง

มีแนวทางบางอย่างที่คุณควรปฏิบัติตามหากคุณต้องการกำหนดขนาดฮีโร่อย่างถูกต้อง แต่ไม่มีตัวเลขวิเศษ ความละเอียดของเบราว์เซอร์ในอเมริกาเหนือมักจะอยู่ที่ 1280 x 1920 พิกเซล เว้นแต่ผู้ชมของคุณจะมีอุปกรณ์จำนวนมากที่สามารถดูได้บนหน้าจอขนาดใหญ่ โดยทั่วไปคุณไม่จำเป็นต้องมี ภาพกว้าง มากกว่า 2,000 พิกเซล

ขนาดในอุดมคติของอิมเมจฮีโร่

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