สารบัญ:

การปรับขนาดรูปภาพที่สอนได้: 13 ขั้นตอน
การปรับขนาดรูปภาพที่สอนได้: 13 ขั้นตอน

วีดีโอ: การปรับขนาดรูปภาพที่สอนได้: 13 ขั้นตอน

วีดีโอ: การปรับขนาดรูปภาพที่สอนได้: 13 ขั้นตอน
วีดีโอ: วิธี ปรับขนาด รูปภาพ มือถือiPhone 2024, กรกฎาคม
Anonim
การปรับขนาดรูปภาพที่สอนได้
การปรับขนาดรูปภาพที่สอนได้

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

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

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

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

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

ขั้นตอนที่ 1: ลองใช้อัตราส่วนภาพ 16:9 กัน

มาลองใช้อัตราส่วนภาพ 16:9 กัน
มาลองใช้อัตราส่วนภาพ 16:9 กัน

ลองใช้อัตราส่วนภาพ 16:9 (กว้าง:สูง) ฉันจะรักษาความกว้างดั้งเดิมไว้ที่ 600 พิกเซล 16:9 หมายถึงความสูงต้องเป็น 338 พิกเซล ดังนั้นเราจะสร้างขนาดแคนวาส 600x338 แล้ววางรูปภาพ 600x195 นั้นลงไป

มาดูกันว่าภาพขนาด 600x338 (อัตราส่วนภาพ 16:9) จะเป็นอย่างไร น่าสนใจมาก ตอนที่ฉันวางรูปภาพนี้ลงไปและดูตัวอย่าง มันเข้ากันได้ดี ขอบด้านซ้ายและขวาไม่ได้ถูกตัดออก! ฉันถ่ายภาพหน้าจอไว้เพื่อเป็นหลักฐาน ดูในสไลด์ถัดไป

แต่เมื่อฉันดูสิ่งนี้ในเบราว์เซอร์ของฉัน (Chrome) สิ่งที่ฉันเห็นในภาพด้านบนคือด้านขวาและด้านซ้ายถูกตัดออกอีกครั้ง! จากการทดลองนี้ ดูเหมือนว่าการปรับขนาดเป็นอัตราส่วนภาพ 16:9 ไม่สามารถแก้ปัญหาของเราได้!

หมายเหตุด้านข้าง 16:9 เป็นอัตราส่วนกว้างยาว "ใหม่" ที่เรียกว่า "จอกว้าง" ในขณะที่ 4:3 เป็น "เต็มหน้าจอ" ของโรงเรียนเก่าซึ่งเป็นเรื่องปกติในสมัยก่อนทีวีหลอด ใช่ คุณเป็นคนรุ่นมิลเลนเนียลคงไม่รู้ว่าฉันพูดถึงอะไร

ขั้นตอนที่ 2: อัปโหลดรูปภาพ 16:9 ใหม่ตามที่แสดงในตัวอย่าง

ภาพ 16:9 อัปโหลดใหม่ตามที่แสดงในตัวอย่าง
ภาพ 16:9 อัปโหลดใหม่ตามที่แสดงในตัวอย่าง

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

บทเรียนที่เรียนรู้ - อย่าเชื่อพรีวิว! สิ่งที่ดูดีในการแสดงตัวอย่างจะแสดงผลแตกต่างกันในการรับชมจริงด้วยเบราว์เซอร์!

ใช่แล้ว มีพื้นที่สีขาวมากมายใต้ภาพของฉัน นั่นเป็นเพราะฉันวางรูปภาพขนาด 600x195 ลงในผืนผ้าใบขนาด 600x338 แล้ววางไว้ที่ด้านบนสุด ดังนั้นจึงมีช่องว่างสีขาวทั้งหมดที่ด้านล่าง เราสามารถทำอะไรได้บ้าง? อืม… เราจะพยายามพูดถึงเรื่องนั้นในสไลด์ในภายหลัง

มาดูกันว่าเราจะทำให้ภาพนี้แสดงผลอย่างครบถ้วนได้อย่างไร

ขั้นตอนที่ 3: 16:9 แสดงโดยด้าน L&R ตัดออก

16:9 แสดงโดยด้าน L&R ถูกตัดออก
16:9 แสดงโดยด้าน L&R ถูกตัดออก

นี่คือสิ่งที่ฉันกำลังพูดถึง นี่คือภาพหน้าจอที่แสดงวิธีที่ฉันเห็นภาพ 16:9 ในขั้นตอนที่ 1 หลังจาก "ตกลง" หลังจากการแสดงตัวอย่างครั้งแรก - สังเกตว่าด้านซ้ายและขวาถูกตัดออก

หากคุณเห็นภาพขั้นตอนที่ 1 ของฉันแสดงได้อย่างสมบูรณ์แบบ เยี่ยมเลย แจ้งให้เราทราบ! แต่นี่คือสิ่งที่ฉันเห็น ใช่ มันดีกว่าภาพต้นฉบับจากหน้าชื่อมาก แต่ก็ยังถูกตัดออกไป ดังนั้น สำหรับฉัน แม้จะมีคำแนะนำจากเจ้าหน้าที่ Instructables อัตราส่วนกว้างยาว 16:9 ก็ไม่ได้ลดลงเลย มาต่อกันที่อัตราส่วนภาพ 4:3

ขั้นตอนที่ 4: ลองใช้อัตราส่วนภาพ 4:3 กัน

มาลองใช้อัตราส่วนภาพ 4:3 กัน
มาลองใช้อัตราส่วนภาพ 4:3 กัน

ลองใช้อัตราส่วนภาพ 4:3 กัน ฉันจะรักษาความกว้างเดิมไว้ที่ 600 พิกเซล 4:3 หมายถึงความสูงต้อง 450 พิกเซล ดังนั้นเราจะสร้างขนาดแคนวาส 600x450 และวางภาพ 600x195 นั้นลงไป

รูปภาพขนาด 600x450 (อัตราส่วนภาพ 4:3) นี้มีลักษณะอย่างไร

อีกครั้งเมื่อฉันวางมันลงไป ภาพดูดี (ยกเว้นพื้นที่สีขาวทั้งหมดที่ด้านล่าง) ซ้ายและขวาจะแสดงได้ดี เมื่อดูในเบราว์เซอร์ ดูเหมือนว่า Right & Left จะยังคงแสดงผลได้ดี

ดังที่ได้กล่าวไว้ก่อนหน้านี้ พื้นที่ว่างสีขาวด้านล่างของภาพทั้งหมดเป็นเพราะผมวางภาพขนาด 600x195 ลงในผ้าใบขนาด 600x450 และวางไว้ที่ด้านบนสุด

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

ขั้นตอนที่ 5: 4:3 โดยให้รูปภาพอยู่ตรงกลาง

4:3 โดยให้ภาพอยู่ตรงกลาง
4:3 โดยให้ภาพอยู่ตรงกลาง

นี่คือภาพขนาด 600x195 เดียวกันที่วางลงในผ้าใบขนาด 600x450 แต่อยู่ตรงกลางเพื่อให้มีพื้นที่ว่างสีขาวด้านบนและด้านล่างเท่ากัน ดูดีขึ้นเล็กน้อย ข้อความดูไม่ห่างจากรูปภาพมากนัก

ขั้นตอนที่ 6: 4:3 พร้อมรูปภาพที่ด้านล่าง

4:3 พร้อมรูปภาพด้านล่าง
4:3 พร้อมรูปภาพด้านล่าง

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

  • ดูเหมือนว่า 4:3 จะเป็นอัตราส่วนกว้างยาวที่คุณต้องใช้เพื่อแสดงรูปภาพอย่างครบถ้วนใน Instructables
  • อย่าเชื่อถือการแสดงตัวอย่าง - อาจแสดงภาพของคุณได้อย่างสมบูรณ์ แต่บางส่วนอาจถูกตัดทอนในเบราว์เซอร์จริง

ขั้นตอนที่ 7: ความกว้างขั้นต่ำคือเท่าใด

ความกว้างขั้นต่ำคืออะไร?
ความกว้างขั้นต่ำคืออะไร?

ทีนี้มาดูกันว่าความกว้างขั้นต่ำควรเป็นเท่าไหร่ รูปภาพที่แสดงมีขนาด 382x206 ใกล้เคียงกับ 2:1 มันดูใหญ่มากใช่หรือไม่? เห็นได้ชัดว่า Instructables ได้ขยายรูปภาพเพื่อให้พอดีกับความกว้างที่กำหนดไว้ อาจเป็น 640 พิกเซล ฉันไม่แน่ใจ

แต่มันพอดีเพราะมัน "เหลี่ยม" มากกว่า - นั่นคือมันไม่กว้างเกินไปสำหรับความสูง โอ้ เดี๋ยวก่อน ฉันโดน Preview หลอกอีกแล้ว! มันไม่พอดี - ด้าน R&L ถูกตัดออกอีกครั้ง

อันที่จริง มันแปลก ไม่ใช่แค่ตัวอย่างที่ยุ่งเหยิง จริงๆ แล้วฉันดูมันในเบราว์เซอร์ และในตอนแรกมันแสดงผลอย่างถูกต้อง (เช่น ขอบ R&L ไม่ได้ถูกตัดออก) แต่เมื่อมองผ่านเบราว์เซอร์อีกครั้ง ตอนนี้รูปภาพกำลังเรนเดอร์โดยที่ขอบ R&L ถูกตัดออก แปลก.

เลยลองทำภาพให้เล็กลง เราจะย่อขนาดรูปภาพเป็น 200x108 โดยคงอัตราส่วนกว้างยาว 2:1 ไว้เหมือนเดิม

ขั้นตอนที่ 8: ลดขนาดภาพแต่รักษาอัตราส่วนภาพ

ลดขนาดภาพแต่คงอัตราส่วนภาพไว้
ลดขนาดภาพแต่คงอัตราส่วนภาพไว้

ดังนั้นฉันจึงปรับขนาดภาพนั้นเป็น 200x108 โดยคงอัตราส่วนกว้างยาว 2:1 ไว้เหมือนเดิม

ดูเหมือนว่าในตอนแรกจะเข้ากันได้ดีแล้ว (ด้วยความละเอียด (คุณภาพของภาพ) แย่ลงมาก!) แต่แน่นอนว่าคุณคงมองแล้วไม่พอดีเลย และดูเหมือนภาพต้นฉบับทุกประการ ยกเว้นภาพต้นฉบับที่มี ความละเอียดดีกว่า อีกครั้ง Instructables กำลังขยายรูปภาพเพื่อให้พอดีกับความกว้างที่กำหนดไว้ ดังนั้นนี่คือสาเหตุที่รูปภาพที่เล็กกว่า (200x108) นี้ดูน่ากลัวมาก แย่กว่า 382x206 ดั้งเดิมมาก

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

ขั้นตอนที่ 9: พิสูจน์ว่ารูปภาพแสดงผลอย่างถูกต้องในตอนแรก

พิสูจน์ว่าภาพแสดงผลอย่างถูกต้องในตอนแรก
พิสูจน์ว่าภาพแสดงผลอย่างถูกต้องในตอนแรก

นี่คือสิ่งที่ฉันเห็นในตอนแรกทันทีหลังจากอัปโหลดภาพ - มันพอดี! (โปรดทราบว่าฉันต้องปรับภาพหน้าจอด้านบนให้พอดีกับภาพขนาด 1600x1200 (เช่น อัตราส่วน 4:3) เพื่อให้ Instructables แสดงภาพหน้าจอทั้งหมด!)

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

ขั้นตอนที่ 10: ลอง 382x287 (อัตราส่วน 4:3)

กำลังลอง 382x287 (อัตราส่วน 4:3)
กำลังลอง 382x287 (อัตราส่วน 4:3)

ฉันรักษาความกว้าง 382 และวางภาพ 382x206 ดั้งเดิมลงในผืนผ้าใบ 382x287 เพื่อทำให้เป็นอัตราส่วน 4:3 เนื่องจากเราเคยค้นพบว่า Instructable นั้นต้องการรูปภาพเพื่อให้พอดีกับอัตราส่วน 4:3 นั้นจึงจะแสดงได้อย่างครบถ้วน

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

ขั้นตอนที่ 11: ขยายรูปภาพจาก 300x206 เป็น 600x206 เพื่อดูว่าภาพออกมาดีหรือไม่

ขยายรูปภาพจาก 300x206 เป็น 600x206 เพื่อดูว่าภาพแสดงผลดีขึ้นหรือไม่
ขยายรูปภาพจาก 300x206 เป็น 600x206 เพื่อดูว่าภาพแสดงผลดีขึ้นหรือไม่

ฉันลดภาพต้นฉบับขนาด 382x206 (2:1) ลงในผ้าใบขนาด 600x206 (3:1) เพื่อดูว่าการขยายภาพเป็น 600 พิกเซลจะทำให้ Instructables แสดงภาพทั้งหมดหรือไม่ อีกครั้งในตอนแรกก็มี แต่อย่างที่คุณเห็นตอนนี้ไม่ได้

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

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

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

ขั้นตอนที่ 12: พิสูจน์ว่ารูปภาพแสดงอย่างถูกต้องในตอนแรกหลังจากอัปโหลด

พิสูจน์ว่ารูปภาพแสดงอย่างถูกต้องในตอนแรกหลังจากอัปโหลด
พิสูจน์ว่ารูปภาพแสดงอย่างถูกต้องในตอนแรกหลังจากอัปโหลด

นี่คือภาพหน้าจอที่แสดงภาพขนาด 600x206 ที่แสดงทั้งหมดทันทีหลังจากอัปโหลด นี่คือภาพหน้าจอของสไลด์ก่อนหน้า กลับไปที่สไลด์ก่อนหน้าและคุณจะเห็นว่าภาพนั้นใหญ่ขึ้นแค่ไหน!

โปรดทราบว่าจริงๆ แล้วการจับภาพหน้าจอของฉันมีขนาด 1563x766 แต่เมื่อฉันเรียนรู้จากการทดลองของฉันในตอนต้นของคำแนะนำนี้ ฉันรู้เพราะมันไม่พอดีกับอัตราส่วน 4:3 (1563x766 ประมาณ 4:2) ดังนั้นถ้าฉัน เพิ่งอัปโหลดภาพหน้าจอนั้นในขนาดดั้งเดิมที่สอนได้จะตัดขอบ ดังนั้นฉันจึงวางรูปภาพนั้นลงในผืนผ้าใบ 4:3 ดังนั้นฉันจึงมีพื้นที่สีขาวว่างมากมายใต้ภาพหน้าจอของฉัน

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

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

แต่รอประมาณหนึ่งชั่วโมงหรือมากกว่านั้นและสิ่งต่าง ๆ ก็เปลี่ยนไป! รูปภาพของคุณหากไม่พอดีกับอัตราส่วนภาพ 4:3 จะถูกปรับ (ปกติจะขยายใหญ่ขึ้น) โดย Instructable เพื่อให้ขอบถูกตัดให้สั้นลง

ขั้นตอนที่ 13: บรรทัดล่าง - สิ่งที่ฉันเรียนรู้

บรรทัดล่าง - สิ่งที่ฉันเรียนรู้
บรรทัดล่าง - สิ่งที่ฉันเรียนรู้

บรรทัดล่างสุด - ฉันเรียนรู้อะไร

1. ในการแสดงภาพอย่างครบถ้วน การรักษาอัตราส่วนภาพ 4:3 (กว้าง:สูง) เป็นสิ่งที่จำเป็น!

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

3. หากรูปภาพของคุณเล็กเกินไป (กว้างน้อยกว่า 600 พิกเซลมาก) Instructable จะขยายรูปภาพของคุณและทำให้กว้างอย่างน้อย 600ish พิกเซล ซึ่งจะทำให้ความคมชัดน้อยลง ฉันพูดว่า "ish" เพราะฉันไม่รู้จริง ๆ ว่า Instructable ใช้ความกว้างเท่าใด แต่ดูเหมือนว่าใกล้กับ 600 อาจเป็น 640 ซึ่งเป็นความกว้างทั่วไปในสมัยของ tube monitor ของโรงเรียนเก่า

600x450 และ 640x480 เป็นอัตราส่วน 4:3 จอภาพหลอด "เต็มจอ" รุ่นเก่าทั้งหมดมีขนาด 640x480 (กว้าง x สูง)

4. จะทำอย่างไรถ้าภาพต้นฉบับของคุณมีความกว้างไม่ต่ำกว่า 600 พิกเซล? สิ่งที่คุณทำได้คือวางลงในผ้าใบที่มีอัตราส่วน 4:3 ที่แสดงภาพของคุณให้ใกล้เคียงกับขนาดดั้งเดิม หากภาพต้นฉบับของคุณมีขนาดเล็ก จะมีพื้นที่ว่างจำนวนมาก ดังนั้นพยายามจัดภาพของคุณให้อยู่ตรงกลางหรือวางพื้นที่สีขาวไว้ด้านบนหรือด้านล่างของภาพ และทำให้ภาพดูดีที่สุดเท่าที่จะทำได้

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

ตัวอย่างเช่น รูปภาพด้านบนเป็นขนาดแคนวาส 600x450 โดยวางรูปภาพขนาด 382x206 ไว้ตรงกลางภาพ ดังนั้นเราจึงมีพื้นที่ว่างสีขาวด้านบนและด้านล่างเท่ากัน รูปภาพจะแสดงในขนาดดั้งเดิมโดยประมาณ ฉันคิดว่า Instructables อาจขยายเป็น 640x480 (การขยายเล็กน้อย) ดังนั้นจึงเป็นสิ่งที่ดีที่สุดที่เราสามารถทำได้กับภาพต้นฉบับนั้น

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

ทุกครั้งที่คุณวางภาพลงในครั้งแรก ดูเหมือนว่า Instructables จะแสดงภาพนั้นอย่างถูกต้อง ไม่ว่าขนาดหรืออัตราส่วนภาพของภาพนั้นจะมีขนาดเท่าใด มันอาจจะแสดงผลอย่างถูกต้องในช่วงระยะเวลาหนึ่งหลังจากนั้น แต่อย่าหลงกล เพราะในที่สุด มันจะปรับขนาดและทำให้คุณมีปัญหา เว้นแต่คุณจะทำตามกฎ 4:3 นั้น!

หวังว่านี่จะช่วยได้และได้โปรด หากคุณพบวิธีที่ดีกว่าหรือมีคำแนะนำอื่นๆ โปรดแจ้งให้เราทราบ!

แนะนำ: