วิธีอัปโหลดรูปภาพขนาดใหญ่ไปยัง WordPress

เผยแพร่แล้ว: 2014-01-14
อัปเดตเมื่อ

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

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

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

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

การเพิ่มประสิทธิภาพภาพ

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

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

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

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

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

การสร้างภาพขนาดย่อ

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

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

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

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

การฝังรูปภาพในบล็อกโพสต์

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

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

เป็นที่น่าสังเกตว่า WordPress บันทึกภาพด้วยคุณภาพ 60% เมื่อปรับขนาด หากคุณภาพนี้ไม่เพียงพอสำหรับคุณ ให้ใช้ปลั๊กอิน GPP Improve Image Quality เพื่อบันทึกรูปภาพที่ปรับขนาดของ WordPress โดยอัตโนมัติที่คุณภาพ 100%

ลายน้ำและการป้องกันไฟล์

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

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

Sell ​​Media ยังมีส่วนขยายลายน้ำซึ่งช่วยให้คุณปกป้องรูปภาพขนาดใหญ่ของคุณโดยใส่ลายน้ำด้วยโลโก้ของคุณหรือรูปภาพที่คุณเลือก

การเพิ่มขีดจำกัดการอัพโหลดไฟล์

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

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

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

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

upload_max_filesize = 64M
post_max_size = 64M
max_execution_time = 300

บันทึกไฟล์ อัปโหลดอีกครั้งไปยังไดเร็กทอรี wp-admin ของคุณ และหวังว่าสิ่งนี้น่าจะใช้ได้ผลเพื่อเพิ่มขีดจำกัดการอัปโหลดไฟล์

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

php_value upload_max_filesize 64M
php_value post_max_size 64M
php_value max_execution_time 300
php_value max_input_time 300

อัปโหลดไฟล์อีกครั้งและคุณควรจะไปได้ดี

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

เพลิดเพลินกับภาพขนาดใหญ่ของคุณ แต่คอยดูเวลาโหลด

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

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