ลดขนาดรูปภาพเพื่อให้รูปภาพโหลดได้เร็วขึ้นบนหน้าเว็บ
รูปภาพที่ใหญ่เกินไปจะไม่โหลดได้อย่างรวดเร็วบนหน้าเว็บและผู้ใช้มีแนวโน้มที่จะออกจากหน้าเว็บของคุณมากขึ้นหากภาพไม่โหลด แต่คุณจะทำอย่างไรให้ภาพเล็กลงโดยไม่สูญเสียรายละเอียด บทความนี้จะแนะนำคุณตลอดกระบวนการ
วิธีการลดขนาดภาพ
ก่อนที่จะปรับขนาดภาพสำหรับเว็บคุณต้องตัดภาพเพื่อลบส่วนที่ไม่จำเป็นออกจากรูปภาพ หลังจากการครอบตัดแล้วคุณสามารถเปลี่ยนมิติข้อมูลพิกเซลโดยรวมให้เล็กลงได้
ซอฟต์แวร์แก้ไขภาพทั้งหมดจะมีคำสั่งสำหรับเปลี่ยนขนาดพิกเซลของภาพ มองหาคำสั่งที่เรียกว่า Image Size , Resize หรือ Resample เมื่อคุณใช้คำสั่งเหล่านี้คุณจะเห็นกล่องโต้ตอบสำหรับป้อนพิกเซลที่คุณต้องการใช้ ตัวเลือกอื่น ๆ ที่คุณอาจพบในกล่องโต้ตอบคือ:
- เรียก Resample: ถ้าภาพถูกถ่ายด้วยกล้อง DSLR อัตราต่อรองจะค่อนข้างดีที่มีความละเอียด 300 พิกเซลต่อนิ้ว (ppi) หากเป็นกรณีนี้ให้ลดค่าเป็น 72 หรือ 100 และมิติทางกายภาพของภาพจะลดลง คุณไม่ต้องเพิ่มมูลค่าเมื่อใช้ภาพบนเว็บ
- จำกัด อัตราส่วนหรือให้สัดส่วน: คุณต้องการเปิดใช้งานตัวเลือกนี้ ใน Photoshop คลิกตัวเลือกเพื่อ เชื่อมโยงความกว้างและความสูง ป้องกันภาพจากการยืดและบิดเบี้ยว เมื่อเปิดใช้ตัวเลือกนี้คุณจะต้องป้อนเพียงค่าเดียวเท่านั้นคือความสูงหรือความกว้างและค่าอื่น ๆ จะปรับโดยอัตโนมัติ
- เปลี่ยนค่าความละเอียด: ก่อนที่จะเปลี่ยนความกว้างและความสูงให้เปลี่ยนความละเอียดเป็นตัวเลขที่ต่ำกว่า - เรียกว่าการสุ่มตัวอย่าง นอกจากนี้ยังลดความกว้างและความสูงด้วยดังนั้นการเปลี่ยนแปลงค่าเหล่านี้ ก่อนที่การ สุ่มตัวอย่างจะทำให้ภาพมีขนาดเล็กกว่าที่คุณตั้งใจไว้
รูปแบบไฟล์คือคีย์
รูปภาพออนไลน์มักอยู่ใน รูปแบบ. jpg หรือ. png รูปแบบ. png มีความถูกต้องมากกว่ารูปแบบ. jpg แต่ไฟล์. png ยังมีแนวโน้มที่จะมีขนาดไฟล์ที่สูงขึ้นเล็กน้อย หากภาพมีความโปร่งใสคุณต้องใช้รูปแบบ. png และตรวจสอบว่าได้เลือกตัวเลือก ความโปร่งใส
รูปภาพ JPG ถือเป็น lossy คำอธิบายที่หลวม ๆ ก็คือมีขนาดเล็กมากเนื่องจากบริเวณที่มีสีติดกันจะถูกจัดกลุ่มเป็นพื้นที่เดียวโดยไม่จำเป็นต้องจำสีของแต่ละพิกเซลในภาพ จำนวนการบีบอัดจะถูกกำหนดโดยการใช้ Quality Slider ใน Photoshop ช่วงค่าระหว่าง 0 ถึง 12 หมายถึงจำนวนที่ต่ำกว่าขนาดไฟล์และข้อมูลที่สูญหายจะน้อยกว่า ค่า 8 หรือ 9 เป็นค่าทั่วไปสำหรับภาพที่กำหนดไว้สำหรับเว็บ
หากคุณเป็นผู้ใช้ Sketch 3 คุณจะได้รับการกำหนด คุณภาพ เมื่อคลิกปุ่ม ส่งออก ใน แผงคุณสมบัติ คุณจะได้รับ แถบเลื่อนคุณภาพ ที่มีตั้งแต่ 0 ถึง 100% ค่าคุณภาพทั่วไปคือ 80%
เมื่อเลือกระดับการบีบอัดให้เก็บในช่วงกลางถึงสูงเพื่อหลีกเลี่ยงการบีบอัดสิ่งประดิษฐ์
อย่าบีบอัดภาพ jpg ใหม่อีกครั้ง ถ้าคุณได้รับภาพ jpg ที่บีบอัดอยู่แล้วให้ตั้งคุณภาพเป็น 12 ใน Photoshop หรือ 100% ใน Sketch 3
หากภาพมีขนาดเล็กหรือมีสีทึบให้พิจารณาการใช้รูปภาพ GIF นี่เป็นประโยชน์อย่างยิ่งสำหรับโลโก้สีเดียวหรือกราฟิกที่ไม่มีเฉดสี ข้อได้เปรียบที่นี่คือความสามารถในการลดจำนวนสีในจานสีที่มีผลต่อขนาดไฟล์
ไม่เคยปรับขนาดและเขียนทับไฟล์ต้นฉบับของคุณ!
หลังจากปรับขนาดภาพแล้วอย่าลืม บันทึกเป็น ดังนั้นคุณจึงไม่ต้องเขียนทับไฟล์ต้นฉบับที่มีความละเอียดสูงของคุณ นี่เป็นเคล็ดลับ:
- คุณต้องการถ่ายภาพสำหรับขนาดไฟล์ตั้งแต่ 50 ถึง 250 KB ต่อภาพ ไปขนาดเล็กถ้าคุณจะวางหลายไฟล์ในหน้าเดียวกันหรือส่งพวกเขาในอีเมลฉบับเดียว
- พยายามไม่เกิน 1000 กิโลไบต์ต่อเว็บเพจสำหรับภาพรวมทั้งหมด
การดำเนินการนี้อาจใช้เวลานานโดยเฉพาะอย่างยิ่งหากคุณมีรูปภาพจำนวนมากเพื่อแบ่งปัน แต่โชคดีที่ซอฟต์แวร์ส่วนใหญ่ในปัจจุบันได้ทำให้ขนาดและบีบอัดชุดรูปภาพได้ง่ายมาก การจัดการภาพส่วนใหญ่และ ซอฟต์แวร์แก้ไขภาพ บางส่วนมีคำสั่ง "email photos" ที่จะปรับขนาดและบีบอัดภาพให้กับคุณ ซอฟต์แวร์บางอย่างสามารถปรับขนาดบีบอัดและสร้างแกลเลอรี่ภาพที่สมบูรณ์แบบเพื่อโพสต์บนเว็บได้ และมีเครื่องมือพิเศษสำหรับทั้งสองงานนี้ซึ่งส่วนมากเป็นซอฟต์แวร์เสรี
ปรับขนาดรูปภาพเป็นแบทช์
ต่อไปนี้คือแหล่งข้อมูลบางส่วนที่จะใช้ถ้าคุณกำลังปรับขนาดภาพในแบทช์:
- ปรับขนาดไฟล์หลาย ๆ ไฟล์ด้วย Photoshop Elements
- ปรับขนาดไฟล์รูปภาพหลายภาพด้วย Picasa
- วิธีการปรับขนาดชุดรูปภาพด้วย XnView
- การปรับขนาดและการครอบตัดแบทช์: เครื่องมือและเคล็ดลับ