วิธีค้นหาขนาดรูปภาพในธีม WordPress

ขนาดรูปภาพ สามารถมีบทบาทสำคัญในรูปลักษณ์และความรู้สึกของไซต์ WordPress ของคุณ หากคุณเคยสงสัยว่าจะหาขนาดของรูปภาพในธีม WordPress ได้อย่างไร นี่คือคำแนะนำที่ง่ายและรวดเร็ว ในการค้นหาขนาดรูปภาพในธีม WordPress สิ่งแรกที่คุณต้องทำคือเปิดธีมที่เป็นปัญหา เมื่อเปิดธีมแล้ว ให้ค้นหาไฟล์ชื่อ “style.css” ไฟล์นี้จะมีโค้ด CSS ทั้งหมดสำหรับธีม และคุณจะพบขนาดรูปภาพได้ที่นี่ ขนาดของรูปภาพมักจะอยู่ใกล้ด้านบนสุดของไฟล์ “style.css” และจะมีป้ายกำกับกำกับไว้ ตัวอย่างเช่น ขนาดรูปภาพอาจมีป้ายกำกับว่า “#header { width: 1000px; ความสูง: 300px; }” เมื่อคุณระบุขนาดรูปภาพในไฟล์ “style.css” แล้ว คุณจะกำหนดวิธีปรับขนาดรูปภาพของคุณเองให้ตรงกับขนาดของธีมได้ ซึ่งสามารถทำได้โดยใช้ซอฟต์แวร์แก้ไขภาพ เช่น Photoshop หรือ GIMP โปรดทราบว่าไม่ใช่ทุกธีมของ WordPress จะมีขนาดรูปภาพที่แสดงอยู่ในไฟล์ “style.css” ในกรณีเหล่านี้ คุณอาจต้องติดต่อผู้พัฒนาธีมเพื่อสอบถามเกี่ยวกับขนาดรูปภาพ

เมื่อกดปุ่ม Ctrl บนแป้นพิมพ์ค้างไว้แล้วกด E (Ctrl) ใน MS Paint คุณจะสามารถเข้าถึงหน้าต่างคุณสมบัติรูปภาพซึ่งขนาดของรูปภาพจะแสดงเป็นหน่วยต่างๆ สามหน่วย ได้แก่ นิ้ว เซนติเมตร และพิกเซล

หากต้องการค้นหาขนาดรูปภาพที่ต้องการใน Google Chrome ให้ไปที่ลิงก์นี้: เลือก “ตรวจสอบองค์ประกอบ” จากเมนูคลิกขวา (PC) หรือเมนูคลิกคำสั่ง (Mac) ไม่กี่วินาที ขนาดของรูปภาพจะปรากฏเป็นสีเหลือง หากต้องการดูมิติข้อมูลอีกครั้ง ให้คลิกขวาที่การเลือก "ตรวจสอบองค์ประกอบ" แล้วเลือก "ดูมิติข้อมูลอีกครั้ง"

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

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

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

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

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

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

วิธีหยุด WordPress จากการปรับขนาดรูปภาพของคุณโดยอัตโนมัติ

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

มิติของภาพคืออะไร?

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

มีรูปภาพหลายประเภทให้เลือก ไฟล์ JPG เป็นรูปแบบทั่วไป โดยไฟล์ที่มีขนาดเล็กกว่าไฟล์ PNG หรือรูปแบบอื่นๆ ไฟล์ JPEG มีความละเอียดเฉลี่ย 72ppi ไฟล์ PNG มีความละเอียด 96ppi แต่อาจมีขนาดใหญ่กว่ามาก เพื่อความชัดเจนยิ่งขึ้น รูปภาพบางรูป เช่น โลโก้และภาพถ่าย อาจต้องมีความละเอียดสูงกว่า เมื่ออัปโหลดรูปภาพไปยังเว็บไซต์ ตรวจสอบให้แน่ใจว่ารูปภาพนั้นมีความละเอียดที่เหมาะสม ก่อนดาวน์โหลดภาพ ตรวจสอบให้แน่ใจว่าคุณมีขนาดไฟล์ที่ต้องการ เมื่อพูดถึงภาพ 3 มิติ คุณจะใช้พื้นที่บนคอมพิวเตอร์มากกว่าภาพ 2 มิติ มีขนาดภาพเล็ก ภาพมีความละเอียด คุณสามารถรับภาพ JPEG คุณภาพสูงได้ที่นี่ นี่คือไฟล์ PNG ppi เท่ากับจำนวนบิตต่อวินาที

ความสำคัญของความละเอียดของภาพ

พูดอีกอย่างก็คือ รูปภาพแต่ละรูปประกอบด้วยชุดของสี่เหลี่ยมจัตุรัสหรือพิกเซล ซึ่งแต่ละภาพมีความกว้าง 1/8 นิ้ว ตัวอย่างเช่น กล้องดิจิตอลจะต้องจับภาพข้อมูลภาพ 300 ตารางนิ้วเพื่อสร้างความละเอียด 300 ppi

ชื่อขนาดภาพ WordPress

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

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

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

ขนาดรูปภาพ WordPress

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

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

คุณสามารถเปลี่ยนขนาดของรูปภาพ WordPress ได้สามวิธี ด้วยปลั๊กอิน เช่น Image Regenerate หรือ Select Crop คุณสามารถสร้าง ขนาดรูปภาพที่กำหนดเอง สำหรับเว็บไซต์ของคุณได้ คุณสามารถทำสำเนารูปภาพของคุณในขนาดเหล่านั้นรวมทั้งเลือกขนาดที่คุณต้องการได้ โดยไปที่การตั้งค่า > สื่อ คุณสามารถลบตัวเลือกที่คุณต้องการเก็บไว้ได้ WordPress Block Editor ช่วยให้คุณสามารถแก้ไขภาพแต่ละภาพได้ หากธีมลูกของคุณมีขนาดรูปภาพที่กำหนดเอง คุณสามารถเพิ่มโค้ดลงในไฟล์ functions.php ซึ่งคุณสามารถใช้เป็นปลั๊กอินฟรี เช่น Code Snippets หากธีมของคุณรองรับขนาดรูปภาพที่กำหนดเอง คุณจะต้องอัปเดต

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

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

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