วิธีระบุขนาดรูปภาพใน html การปรับขนาดภาพถ่ายเป็นเซนติเมตรเพื่อพิมพ์บนกระดาษ โดยคำนึงถึง DPI ออนไลน์ วิธีแทรกรูปภาพใน HTML
วิธีเปลี่ยนขนาดของรูปภาพโดยใช้แท็ก HTML มีการระบุแอตทริบิวต์ความกว้าง (ความกว้าง) และความสูง (ความสูง) พิกเซลถูกใช้เป็นค่า และอาร์กิวเมนต์ต้องตรงกับขนาดทางกายภาพของรูปภาพ ตัวอย่างเช่นในรูป. รูปที่ 10.6 แสดงรูปภาพที่มีขนาด 100x111 พิกเซล
ข้าว. 10.6. ภาพขนาดต้นฉบับ
ดังนั้น โค้ด HTML สำหรับการวางรูปภาพนี้จึงมีให้ไว้ในตัวอย่างที่ 10.4
ตัวอย่างที่ 10.4 ขนาดการวาดภาพ
หากมีการระบุขนาดของรูปภาพอย่างชัดเจน เบราเซอร์จะใช้เพื่อแสดงพื้นที่ว่างที่สอดคล้องกับรูปภาพในระหว่างกระบวนการโหลดเอกสาร (รูปที่ 10.7) มิฉะนั้นเบราว์เซอร์จะรอให้รูปภาพโหลดโดยสมบูรณ์หลังจากนั้นจะเปลี่ยนความกว้างและความสูงของรูปภาพ (รูปที่ 10.8)
ในกรณีนี้ ข้อความอาจถูกจัดรูปแบบใหม่ เนื่องจากไม่ทราบขนาดดั้งเดิมของรูปภาพ และจะถูกตั้งค่าให้เล็กโดยอัตโนมัติ
ข้าว. 10.7. ไม่ได้ระบุขนาดของรูปภาพและยังไม่ได้โหลด
ข้าว. 10.8. อัปโหลดรูปภาพแล้ว จัดรูปแบบข้อความใหม่
ความกว้างและความสูงของภาพสามารถเปลี่ยนให้เล็กลงหรือใหญ่ขึ้นได้
อย่างไรก็ตาม สิ่งนี้จะไม่ส่งผลต่อความเร็วในการโหลดรูปภาพแต่อย่างใด เนื่องจากขนาดไฟล์ยังคงไม่เปลี่ยนแปลง ดังนั้นควรซูมออกด้วยความระมัดระวัง เนื่องจาก... นี่อาจทำให้เกิดความสับสนในหมู่ผู้อ่านว่าเหตุใดรูปภาพขนาดเล็กจึงใช้เวลาโหลดนานมาก แต่การเพิ่มขนาดทำให้เกิดผลตรงกันข้าม - ขนาดภาพใหญ่ แต่ไฟล์จะโหลดเร็วกว่าเมื่อเทียบกับภาพที่มีขนาดเท่ากัน
ในรูป รูปที่ 10.9 แสดงภาพเดียวกันดังแสดงในรูปที่ 1 10.6 แต่มีความกว้างและความสูงเป็นสองเท่า
ข้าว. 10.9. ดูภาพขยายในเบราว์เซอร์
การปรับขนาดนี้เรียกว่าการสุ่มตัวอย่างใหม่ และอัลกอริทึมของเบราว์เซอร์ด้อยกว่าความสามารถของโปรแกรมแก้ไขกราฟิก ดังนั้นจึงจำเป็นต้องขยายภาพในลักษณะนี้เฉพาะในกรณีพิเศษเท่านั้น ไม่เช่นนั้นคุณภาพของภาพจะลดลงมากเกินไป ควรใช้โปรแกรมกราฟิกบางประเภทจะดีกว่า
ข้อยกเว้นสำหรับภาพวาดที่มีพื้นที่เป็นรูปสี่เหลี่ยมผืนผ้า ในรูป รูปที่ 10.10 แสดงไฟล์รูปแบบที่มีขนาด 54 ไบต์และมีขนาดดั้งเดิม 8 x 8 พิกเซล โดยขยายเป็น 150 พิกเซล
ข้าว. 10.10. ภาพขยาย เบราว์เซอร์ใช้สองอัลกอริธึมในการสุ่มตัวอย่างใหม่ - bicubic (ให้ขอบเรียบและช่วงโทนสีที่ราบรื่น) และจุดที่ใกล้ที่สุด (รักษาชุดสีดั้งเดิมและขอบคมชัด)เวอร์ชันล่าสุด
เบราว์เซอร์ใช้อัลกอริธึม bicubic และเบราว์เซอร์รุ่นเก่าใช้อัลกอริธึมตามจุดที่ใกล้ที่สุด รูปภาพเป็นส่วนประกอบของเว็บไซต์เกือบทุกแห่ง ดังนั้นการปรับขนาดจึงเป็นสิ่งที่ขาดไม่ได้ คุณสามารถเปลี่ยนขนาดภาพได้ 2 วิธี:โปรแกรมแก้ไขกราฟิก หรือทางโปรแกรมในรหัสเอชทีเอ็ม
บน CSS ถ้าเข้า.รหัส CSS ใน html คุณไม่ได้กำหนดขนาดภาพ จากนั้นความสูงและความกว้างของภาพบนไซต์จะเท่ากันในหน่วยพิกเซลไฟล์ต้นฉบับ
- นั่นคือคุณสามารถเปลี่ยนขนาดภาพได้โดยไม่ต้องใช้ CSS และ html โดยใช้เพียงโปรแกรมแก้ไขกราฟิกและจะเปลี่ยนบนไซต์โดยอัตโนมัติหากคุณไม่ได้ระบุขนาด แต่มีบางกรณีที่จำเป็นต้องเปลี่ยนขนาดของรูปภาพใน css เป็น html โดยทางโปรแกรม
1. การเปลี่ยนรูปภาพในโปรแกรมแก้ไขกราฟิก
คุณสามารถปรับขนาดรูปภาพในโปรแกรมแก้ไขกราฟิกใดก็ได้ (photoshop, gimp, xnview) และรูปภาพจะเปลี่ยนบนไซต์โดยอัตโนมัติตามขนาดดั้งเดิม
ข้อดีของวิธีการ:
รูปภาพโหลดเร็วขึ้นเนื่องจากไม่จำเป็นต้องดาวน์โหลดข้อมูลเพิ่มเติม (พิกเซล) ซึ่งจะถูกบีบอัดโดยทางโปรแกรม
จุดด้อย:
โปรแกรมแก้ไขกราฟิกไม่บีบอัดรูปภาพที่มีความกว้างและความสูงน้อยกว่า 200 พิกเซลอย่างไม่ดี เมื่อใดก็ตามที่เป็นไปได้และเหมาะสม ให้ลองเปลี่ยนขนาดในโปรแกรมแก้ไขกราฟิกเพื่อให้รูปภาพโหลดได้เร็วกว่าปกติการเปลี่ยนแปลงโปรแกรม
- ความแตกต่างของความเร็วอาจเป็นสิบเท่า
2. การเปลี่ยนรูปภาพในโค้ด css บนไซต์
ข้อดี: การกำหนดขนาดทำได้รวดเร็วและสะดวกยิ่งขึ้นการลดขนาดภาพมักใช้เพื่อความสะดวก ตัวอย่างเช่น เมื่อรูปภาพหนึ่งภาพสามารถมีหลายขนาดได้ การเปลี่ยนค่าของรูปภาพเดียวกันโดยทางโปรแกรมมักจะสะดวกกว่าการอัปโหลดตัวเลือกรูปแบบทั้งหมดสำหรับรูปภาพเดียวที่แก้ไขในโปรแกรมแก้ไขกราฟิก
รูปภาพขนาดเล็กที่มีความสูงหรือความกว้างน้อยกว่า 200 พิกเซล จะถูกบีบอัดอย่างมีประสิทธิภาพ ไม่เหมือนโปรแกรมแก้ไขกราฟิก หากคุณต้องการให้ขนาดภาพบนไซต์น้อยกว่า 200 พิกเซล ควรให้ขนาดต้นฉบับใหญ่ขึ้น 30-50% (260-300 พิกเซล) เพื่อบันทึก คุณภาพดีเมื่อลดลง.
ในเวลาเดียวกันจะไม่รู้สึกถึงความแตกต่างของความเร็วในการโหลดไซต์เนื่องจากรูปภาพขนาดเล็กใช้พื้นที่น้อยมากและหากคุณเพิ่มขนาดขึ้น 30% คุณจะไม่สังเกตเห็นการเปลี่ยนแปลงใด ๆ แต่คุณจะสังเกตเห็นความแตกต่างในด้านคุณภาพ
รูปภาพโหลดเร็วขึ้นเนื่องจากไม่จำเป็นต้องดาวน์โหลดข้อมูลเพิ่มเติม (พิกเซล) ซึ่งจะถูกบีบอัดโดยทางโปรแกรม
รูปภาพที่บีบอัดโดยซอฟต์แวร์จะใช้เวลาโหลดนานกว่าเนื่องจากการปรับขนาดจะเกิดขึ้นหลังจากดาวน์โหลดเวอร์ชันต้นฉบับเท่านั้น
ดังนั้นหากขนาดรูปภาพมีความกว้างหรือความสูงมากกว่า 200 พิกเซล ควรบีบอัดด้วยโปรแกรมแก้ไขกราฟิกเพื่อให้ไซต์ทำงานได้เร็วขึ้น
วิธีเปลี่ยนขนาดรูปภาพใน html โดยใช้ css หากต้องการเปลี่ยนขนาดของรูปภาพใน HTML โดยใช้ CSS จะใช้คุณสมบัติความกว้าง(กว้าง) และความสูง(สูง)
ภายในแอตทริบิวต์สไตล์ คุณสามารถเขียนได้เฉพาะ width หรือ height และค่าที่ไม่ได้ระบุที่เหลือจะเปลี่ยนโดยอัตโนมัติเพื่อรักษาสัดส่วนของรูปภาพ ตัวอย่างเช่น การระบุเฉพาะความกว้างของรูปภาพโดยใช้ความกว้าง ความสูงของรูปภาพจะเปลี่ยนโดยอัตโนมัติ โดยคงสัดส่วนไว้ และในทางกลับกัน เมื่อคุณระบุเฉพาะความสูง ความกว้างจะเปลี่ยนโดยอัตโนมัติเช่นกัน โดยคงสัดส่วนของรูปภาพไว้
โค้ดตัวอย่างโดยไม่ระบุขนาดรูปภาพ
ผลลัพธ์ในเบราว์เซอร์
หน้าทดสอบ
โค้ดตัวอย่างโดยไม่ระบุขนาดรูปภาพ
ผลลัพธ์ในเบราว์เซอร์
โค้ดตัวอย่างสำหรับการปรับขนาดรูปภาพใน .css
style="width:150px; " >
ทั้งสองตัวอย่างที่แสดงด้านบนใช้รูปภาพเดียวกันที่มีขนาด 300x184px (กว้างและสูง) ในตัวอย่างที่ 1 รูปภาพถูกแสดงในเบราว์เซอร์โดยไม่มีการเปลี่ยนแปลงด้วยขนาดดั้งเดิมที่ 300x184px เนื่องจากไม่ได้ระบุความกว้างและความสูงใน css และในตัวอย่างที่ 2 รูปภาพถูกแสดงในเบราว์เซอร์ลดลง 2 เท่า เนื่องจากกำหนดความกว้างเป็น 150px ความสูงจะเปลี่ยนเป็น 92 px โดยอัตโนมัติ อย่างที่คุณเห็น ไม่จำเป็นต้องระบุคุณสมบัติความสูงเลย เนื่องจากคุณสมบัติจะเปลี่ยนตามสัดส่วนความกว้างโดยอัตโนมัติ หากคุณระบุทั้งสองพารามิเตอร์:และจะไม่สอดคล้องกับสัดส่วนดังนั้นรูปภาพจะมีขนาดนี้ทุกประการ แต่ในรูปแบบบีบอัดหรือยืดขึ้นอยู่กับค่า
เหตุใดจึงไม่แนะนำให้ขยายภาพ
สิ่งสำคัญ: การเพิ่มขนาดของรูปภาพจะมาพร้อมกับการสูญเสียคุณภาพ เมื่อมีการเปลี่ยนแปลงใดๆ ก็ตาม สิ่งสำคัญคือต้องตั้งค่าให้น้อยกว่าในภาพต้นฉบับ กล่าวคือ ลดลงเท่านั้น
หากคุณตั้งค่าขนาดพิกเซลให้ใหญ่กว่ารูปภาพต้นฉบับ คุณภาพจะลดลง และการสูญเสียคุณภาพจะมองเห็นได้ชัดเจนเนื่องจากคอมพิวเตอร์ไม่สามารถเพิ่มพิกเซลใหม่ได้ แต่สามารถเพิ่มขนาดของพิกเซลที่มีอยู่เท่านั้น ยิ่งภาพมีการขยายจากค่าดั้งเดิมมากเท่าใด คุณภาพก็จะแย่ลงและพิกเซลสี่เหลี่ยมจัตุรัสจะมองเห็นได้ชัดเจนยิ่งขึ้นเท่านั้น
ก่อนจะตอบคำถาม” จะแทรกรูปภาพใน HTML ได้อย่างไร?“ ควรสังเกตว่ามันไม่คุ้มที่จะโหลดหน้าเว็บมากเกินไปด้วยเนื้อหากราฟิกจำนวนมากเนื่องจากสิ่งนี้จะไม่เพียงปรับปรุงการรับรู้ภาพของทรัพยากรโดยผู้ใช้เท่านั้น แต่ยังจะเพิ่มเวลาในการโหลดหน้าเว็บด้วย
เมื่อสร้างเว็บไซต์ รูปแบบกราฟิกที่ใช้กันมากที่สุดคือ PNG, GIF และ JPEG และสำหรับงานออกแบบพร้อมรูปภาพ โปรแกรมแก้ไขกราฟิก Adobe Photoshop ซึ่งมีความสามารถมากมายในการบีบอัดและปรับขนาดภาพโดยไม่สูญเสียคุณภาพ ซึ่งมีความสำคัญอย่างไม่น่าเชื่อสำหรับการพัฒนาเว็บ .
จะแทรกรูปภาพใน HTML ได้อย่างไร?
ในการแทรกรูปภาพลงในหน้า HTML จะใช้แท็กง่ายๆ เพียงแท็กเดียว:
,
โดยที่ xxx คือที่อยู่ของรูปภาพ หากรูปภาพอยู่ในไดเร็กทอรีเดียวกับเพจ แท็กจะมีลักษณะดังนี้:
อย่างไรก็ตามอินเทอร์เน็ตความเร็วสูงและเสถียรยังไม่เข้าถึงทั่วทุกมุมโลกและบังเอิญว่ารูปภาพบนเว็บไซต์ไม่โหลด ในกรณีดังกล่าว มีแนวคิดเรื่องข้อความแสดงแทน
มันจะแสดงแทนที่รูปภาพเมื่อไม่พร้อมใช้งาน กำลังโหลด หรือในโหมดการทำงานของเบราว์เซอร์ "ไม่มีรูปภาพ" มันถูกเพิ่มโดยใช้แอตทริบิวต์แท็ก alt .
ตัวอย่างการเพิ่มข้อความแสดงแทนลงในไฟล์กราฟิก:
การกำหนดขนาดภาพในรูปแบบ HTML
ในการเปลี่ยนขนาดการแสดงผลของไฟล์กราฟิก ให้ใช้แท็กความสูงและความกว้าง โดยที่ความสูงคือความสูง และความกว้างคือความกว้าง โดยวัดเป็นพิกเซล
เมื่อใช้คุณลักษณะเหล่านี้ เบราว์เซอร์จะจัดสรรพื้นที่สำหรับเนื้อหากราฟิกก่อน เตรียมเค้าโครงหน้าโดยรวม แสดงข้อความ จากนั้นจึงโหลดรูปภาพเอง
รูปภาพจะถูกวางเป็นรูปสี่เหลี่ยมผืนผ้าตามขนาดที่ระบุ และหากพารามิเตอร์มีขนาดเล็กกว่าหรือใหญ่กว่าต้นฉบับ รูปภาพจะถูกขยายหรือบีบอัด
หากไม่ได้ใช้แอตทริบิวต์ความสูงและความกว้าง เบราว์เซอร์จะโหลดรูปภาพทันที ซึ่งจะทำให้การแสดงข้อความและองค์ประกอบอื่นๆ ของหน้าล่าช้าออกไป
พารามิเตอร์เหล่านี้สามารถระบุได้ทั้งเป็นพิกเซล (ขนาดของรูปภาพคงที่และไม่ขึ้นอยู่กับความละเอียดหน้าจอของผู้ใช้) และเป็นเปอร์เซ็นต์ (ขนาดของรูปภาพขึ้นอยู่กับความละเอียดของหน้าจอ)
ตัวอย่างเช่น:
ควรจำไว้ว่าในขณะนี้เมื่อคุณเปลี่ยนขนาดดั้งเดิมของรูปภาพ จำเป็นต้องรักษาสัดส่วนของมันไว้
ในการดำเนินการนี้ ก็เพียงพอที่จะระบุค่าของพารามิเตอร์เพียงตัวเดียวเท่านั้น ( ความกว้างหรือความสูง) และเบราว์เซอร์จะคำนวณค่าของอันที่สองโดยอัตโนมัติ
ตำแหน่งรูปภาพใน HTML
เช่นเดียวกับแท็ก HTML อื่นๆ ใช้แอตทริบิวต์ align ซึ่งจัดแนวภาพ:
- รูปภาพอยู่เหนือข้อความ
- รูปภาพอยู่ใต้ข้อความ
- รูปภาพตั้งอยู่ทางด้านซ้ายของข้อความ
- รูปภาพตั้งอยู่ทางด้านขวาของข้อความ
ลิงค์รูปภาพ
ทำได้ดังนี้:
อย่างที่คุณเห็น ส่วนแทรกกราฟิกอาจเป็นลิงก์ และเมื่อคลิก สามารถเปลี่ยนเส้นทางไปยังที่อยู่ใดๆ ที่เขียนในรูปแบบเต็มหรือแบบย่อได้
ฉันจะทำให้รูปภาพเป็นพื้นหลังเป็น HTML ได้อย่างไร
ไม่เพียงแต่สามารถแทรกรูปภาพลงในเพจเป็นวัตถุที่มองเห็นได้เท่านั้น แต่ยังทำให้เป็นพื้นหลังได้อีกด้วย ในการกำหนดรูปภาพเป็นพื้นหลัง คุณต้องระบุแอตทริบิวต์ background=”xxx” ในแท็ก โดยที่ xxx คือที่อยู่ของรูปภาพ ซึ่งระบุไว้ในลักษณะเดียวกับในตัวอย่างข้างต้น
ตัวอย่างเช่น ตั้งค่ารูปภาพพื้นผิวต่อไปนี้เป็นภาพพื้นหลัง:
บันทึกรูปภาพในโฟลเดอร์ที่มีหน้าที่เตรียมไว้และเขียนบรรทัดต่อไปนี้:
พื้นหลังพร้อมข้อความ
ตั้งค่าภาพพื้นหลังบนเพจแล้ว
คุณไม่รู้วิธีเพิ่มขนาดของรูปภาพใช่ไหม? นี่เป็นงานง่ายๆ เนื่องจากมีการติดตั้งทุกสิ่งที่คุณต้องการบนคอมพิวเตอร์ของคุณแล้ว อ่านบทช่วยสอนนี้แล้วคุณจะได้เรียนรู้วิธีปรับขนาดรูปภาพโดยใช้เครื่องมือง่ายๆ 5 อย่าง
วิธีที่ 1: วิธีปรับขนาดรูปภาพใน Microsoft Paint
- ค้นหาและเปิดใช้งาน MS Paint มีการติดตั้งไว้ล่วงหน้าในระบบปฏิบัติการทุกเวอร์ชัน หน้าต่าง เริ่ม> โปรแกรมทั้งหมด> อุปกรณ์เสริม> ทาสี:
- ลากรูปภาพไปที่หน้าต่าง Paint หรือใช้ เมนู > เปิด (Ctrl + O).
- ในเมนูหลักของโปรแกรมค้นหารายการ " ปรับขนาด" และเลือก:
- แผงสำหรับเปลี่ยนขนาดและสัดส่วนภาพจะเปิดขึ้น คุณสามารถระบุค่าเป็นพิกเซลได้ อย่าลืมตรวจสอบ " รักษาสัดส่วน- มิฉะนั้นภาพจะผิดรูป:
- หากต้องการเพิ่มขนาดของรูปภาพ ให้คลิกปุ่ม "ตกลง" และบันทึกรูปภาพ
คำแนะนำ:
- หากคุณไม่สามารถปรับขนาดรูปภาพโดยไม่ยืดออก คุณสามารถใช้เครื่องมือครอบตัดเพื่อลบขอบที่ไม่ต้องการได้ วิธีการทำเช่นนี้อธิบายไว้ในย่อหน้าที่ 3;
- หากต้องการเปิดรูปภาพให้เร็วขึ้น ให้คลิกขวาที่รูปภาพแล้วเลือก “ เปิดด้วยโปรแกรมระบายสี»;
- ทางที่ดีควรบันทึกรูปภาพในรูปแบบเดียวกับต้นฉบับ
วิธีที่ 2. วิธีปรับขนาดรูปภาพใน MS Photo Gallery
- หากไม่ได้ติดตั้ง Microsoft Photo Gallery บนคอมพิวเตอร์ของคุณ ( เริ่ม > แกลเลอรี่รูปภาพ) คุณต้องดาวน์โหลดและติดตั้งโดยเป็นส่วนหนึ่งของ Windows Essentials 2012
- เปิด MS Photo Gallery และค้นหาไฟล์กราฟิกของคุณ
- คลิกขวาที่มันแล้วเลือก “Resize...”:
- เลือกค่าที่ตั้งไว้ล่วงหน้า: " ขนาดเล็ก 640 พิกเซล", "กลาง 1,024", "ใหญ่ 1280" ฯลฯ
- คลิก " ปรับขนาดและบันทึก- หลังจากที่คุณเพิ่มขนาดของรูปภาพ รูปภาพจะถูกวางในโฟลเดอร์เดียวกัน และต้นฉบับจะยังคงอยู่ในนั้นด้วย
คำแนะนำ:
- หากคุณต้องการกำหนดขนาดที่แน่นอนของรูปภาพ ให้เลือก " กำหนดเอง" และตั้งค่าขนาดเป็นด้านที่ใหญ่กว่าของรูปภาพ
- หากต้องการปรับขนาดรูปภาพหลายรูปในคราวเดียว ให้เลือกรูปภาพเหล่านั้นโดยกดปุ่ม Ctrl ค้างไว้
วิธีที่ 3: วิธีปรับขนาดรูปภาพใน Photoscape
คุณสามารถเพิ่มขนาดของภาพใน Photoshop ได้ หรือใช้ Photoscape เพื่อสิ่งนี้
- ดาวน์โหลด Photoscape และติดตั้ง เปิดโปรแกรม
- ไปที่แท็บ "ตัวแก้ไข" และค้นหารูปภาพที่คุณต้องการแก้ไข:
- ที่ด้านล่างของภาพจะมีปุ่ม "ปรับขนาด" ให้คลิกที่มัน
- ตั้งค่าขนาดรูปภาพใหม่ ตรวจสอบให้แน่ใจว่าตัวเลือก " รักษาอัตราส่วนภาพ" ถูกเปิดใช้งานแล้วกดปุ่ม "ตกลง":
- บันทึกภาพที่แก้ไข
คำแนะนำ:
- หากคุณต้องการปรับขนาดภาพหลายภาพ ให้ใช้ปุ่ม " บรรณาธิการชุด- เพิ่มโฟลเดอร์และปรับขนาดรูปภาพทั้งหมดในนั้น
- หากคุณไม่ทราบขนาดที่แน่นอน คุณสามารถตั้งค่า "เปอร์เซ็นต์" ของขนาดต้นฉบับได้
วิธีที่ 4. วิธีปรับขนาดรูปภาพใน IrfanView
- ติดตั้ง IrfanView - เครื่องมือที่ยอดเยี่ยมสำหรับการดูและขยายรูปภาพ
- เพิ่มรูปภาพโดยลากไปที่หน้าต่างโปรแกรม หรือคลิกปุ่มแรกในแถบเครื่องมือ:
- ไปที่แท็บ "รูปภาพ" เลือก " เปลี่ยนขนาด/สัดส่วน» ( Ctrl+R);
- ตั้งค่าขนาดใหม่เป็นพิกเซล เซนติเมตร นิ้ว หรือเป็นเปอร์เซ็นต์ของรูปภาพต้นฉบับ:
- บันทึกภาพ
คำแนะนำ:
- คุณสามารถใช้ขนาดมาตรฐาน: 640 x 480 พิกเซล, 800 x 600 พิกเซล, 1024 x 768 พิกเซล ฯลฯ
- เพื่อรักษาภาพถ่ายให้มีคุณภาพสูง ตรวจสอบให้แน่ใจว่าตั้งค่า DPI ไว้ที่อย่างน้อย 300
วิธีที่ 5. วิธีปรับขนาดรูปภาพออนไลน์
- หากต้องการปรับขนาดรูปภาพออนไลน์ ให้ไปที่ PicResize
- คลิกปุ่ม เรียกดู" เพื่อเลือกภาพถ่าย คลิก " ดำเนินการต่อ»:
- เลือกเปอร์เซ็นต์ของรูปภาพต้นฉบับ เช่น เล็กลง 50% เครื่องมือจะแสดงขนาดภาพที่ส่งออก หรือคุณสามารถป้อนขนาดที่แน่นอนของคุณโดยเลือก " ขนาดที่กำหนดเอง»:
ภาพถ่ายจะถูกปรับขนาดเป็นขนาดที่กำหนดเป็นเซนติเมตร (มิลลิเมตร นิ้ว) รวมถึงขนาด DPI ที่ระบุ ตามมาตรฐานการพิมพ์กระดาษ ขนาดเป็นซม. มม. และนิ้วสามารถระบุได้ด้วยความแม่นยำหนึ่งในพัน ตัวอย่างเช่น แทนที่จะใช้รูปแบบ 15x10 คุณสามารถตั้งค่าเป็น 15.201x10.203 ซม.
ตารางที่มีขนาดภาพถ่ายมาตรฐานในตำแหน่งแนวตั้ง (แนวตั้ง):
รูปแบบภาพถ่ายเป็นเซนติเมตร (ซม.) | ขนาดเป็นมิลลิเมตร (มม.) | ขนาดเป็นพิกเซล (สำหรับการพิมพ์ 300 จุดต่อนิ้ว) |
อัตราส่วนภาพ (ในแนวนอน) |
3x4 (หลังจากตัดแต่งด้วยมือ) | 30x40 | 354x472 | 4:3 (1.33) |
3.5x4.5 (หลังจากตัดแต่งด้วยมือ) | 35x45 | 413x531 | 4:3 (1.33) |
9x13 | 89x127 | 1063x1535 | 10:7 (1.43) |
10x15 | 102x152 | 1181x1772 | 3:2 (1.5) |
13x18 | 127x178 | 1535x2126 | 7:5 (1.4) |
15x20(หยาบคายA5) | 152x203 | 1772x2362 | 4:3 (1.33) |
15x21 | 152x216 | 1772x2480 | 4:3 (1.33) |
18x24 | 178x240 | 2126x2835 | 19:14 (1.36) |
20x25 | 203x254 | 2362x2953 | 5:4 (1.25) |
20x30(หยาบคายA4) | 203x305 | 2362x3543 | 3:2 (1.5) |
30x40 | 305x406 | 3543x4724 | 4:3 (1.33) |
30x45 | 305x457 | 3543x5315 | 3:2 (1.5) |
ขนาดกระดาษมาตรฐาน ขนาดเอ4- 21x29.7 ซม. หรือ 2480x3508 พิกเซล ที่ 300 dpi ขนาดของรูปแบบแผ่นงานอื่นๆ สามารถดูได้ในหน้า Wikipedia แต่เพียงจำไว้ว่าขนาดแสดงอยู่ในหน่วยมิลลิเมตรและนิ้ว เช่น ในการตั้งค่าในหน้านี้คุณต้องเลือกค่าที่เหมาะสม
หากคุณต้องการปรับขนาดภาพถ่ายโดยไม่คำนึงถึง DPI (จุดต่อนิ้ว) นั่นคือเพียงคำนึงถึงสัดส่วนของรูปแบบที่ระบุเท่านั้นในการดำเนินการนี้คุณต้องตั้งค่าพารามิเตอร์ "ขนาดเป็น DPI" เป็น "0" ใน การตั้งค่า
ภาพต้นฉบับไม่มีการเปลี่ยนแปลงแต่อย่างใด คุณจะได้รับภาพที่ประมวลผลแล้วอีกภาพหนึ่ง