วิธีใช้:ภาพ
หน้าคำอธิบายนี้เป็นคู่มือบอกวิธี ซึ่งบอกรายละเอียดกระบวนการหรือกระบวนวิธีของบางส่วนของบรรทัดฐานและวัตรของวิกิพีเดีย ไม่ใช่ส่วนหนึ่งของนโยบายและแนวปฏิบัติของวิกิพีเดีย
|
คู่มือการเขียน (MoS) |
---|
สารบัญ |
หน้านี้อธิบายวิธีแทรกภาพในบทความวิกิพีเดียโดยใช้ข้อความวิกิ ซึ่งเป็นคำถามที่มีการถามบ่อยที่สุดคำถามหนึ่ง หน้านี้อธิบายทางเลือกสำหรับเจาะจงการจัดวาง ข้อความทางเลือก คำบรรยายภาพ ขนาดและลิงก์ และมีข้อแนะนำสำหรับพาโนรามาและเลี่ยงปัญหาภาพซ้อนกัน วากยสัมพันธ์ภาพใช้เหมือนกันไม่ว่าไฟล์นั้นมาจากวิกิพีเดียหรือวิกิมีเดียคอมมอนส์
หากคุณต้องการช่วยอัปโหลดภาพ หรือเลือกภาพที่เหมาะสมสำหรับบทความ ให้ดู นโยบายการใช้ภาพและคู่มือการเขียน ภาพบนเว็บไซต์ส่วนใหญ่มีลิขสิทธิ์และไม่ควรอัปโหลด ดู นโยบายด้านลิขสิทธิ์
ก่อนคุณเพิ่มภาพเข้าในบทความ ดูหน้าคำอธิบายภาพของภาพนั้นก่อนเพื่อให้แน่ใจว่าระบุสถานภาพลิขสิทธิ์อย่างชัดเจนแล้ว ซึ่งควรใช้ป้ายระบุลิขสิทธิ์ภาพที่จัดเตรียมไว้
การใส่ภาพขนาดเล็ก (thumbnail)
สามารถแทรกภาพปกติได้โดยรหัส [[ไฟล์:...|thumb|...]]
ดังแสดงด้านล่าง (สามารถใช้ ภาพ:
, Image:
หรือ File:
แทน ไฟล์:
โดยไม่มีผลแตกต่างกันใด ๆ ผู้ใช้จะเลือกใช้คำใดก็ได้ขึ้นอยู่กับความพึงพอใจ) การใช้ thumb
จะก่อให้เกิดรูปขนาดเล็ก (thumbnail) ซึ่งปกติมีขนาดแตกต่างกันจภาพต้นฉบับ มีหลายตัวเลือกที่ปรับเปลี่ยนการจัดวางและตำแหน่งของภาพขนาดเล็ก
รูปแบบทั่วไป
รูปขนาดเล็กโดยปริยายจะลอยชิดขวาของหน้า โดยมีข้อความอยู่ล้อมรอบ แต่ตัวอย่างแรกของเราระบุเป็น left
ด้านล่างคุณจะเห็นตัวอย่างผลลัพธ์ว่าเป็นเช่นนี้
[[ไฟล์:Wikitanface.png|thumb|left|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
ข้อความข้างต้นให้ชื่อไฟล์ภาพ "Wikitanface.png" ชนิดภาพ "thumb" และการจัดเรียง "left" ข้อความทางเลือก (alt text) "ภาพการ์ตูนเด็กหญิงในชุดนักเรียน" และคำบรรยาย "วิกิพีตัง" ผู้อ่านวิกิพีเดียสามารถคลิกรูปขนาดเล็กนี้ หรือไอคอนสี่เหลี่ยมผืนผ้าคู่ขนาดเล็ก ที่อยู่ข้างใต้ เพื่อดูหน้าไฟล์ที่สัมพันธ์กันซึ่งจะให้ผู้ใช้ดูภาพในขนาดต้นฉบับ
แม้ข้อความข้างต้นอาจดูแบ่งเป็นหลายบรรทัดเพื่อวัตถุประสงค์การจัดรูปแบบ แต่ข้อความภาพแท้จริงแล้วอยู่ในบรรทัดเดียวกัน คือใช้พื้นที่โดยไม่มีการแบ่งบรรทัด เครื่องหมาย [[
และเครื่องหมาย |
ตัวแรกจะต้องอยู่ในบรรทัดเดียวกัน ช่องว่างอื่นและการแบ่งบรรทัดจะถูกละเลยถ้าอยู่ชิดกับอักขระ |
หรืออยู่ในวงเล็บ สำหรับวากยสัมพันธ์ภาพบางส่วน เช่น alt=
ไม่อนุญาตช่องว่างหรือากรแบ่งบรรทัด และวิธีที่ง่ายที่สุดในการจัดการให้ถูกต้องคือการเลี่ยงช่องว่างและการแบ่งบรรทัดที่ไม่จำเป็น
ข้อความทางเลือก (alt)
ข้อความทางเลือกตั้งใจไว้สำหรับผู้อ่านที่พิการทางสายตา บ่อยครั้งคำบรรยายภาพหรือบทความจะอธิบายภาพเพียงพอแล้ว และเมื่อเป็นเช่นนั้นคุณสามารถเขียนว่า alt=คำบรรยายภาพ หรือ alt=ดูข้อความติดกัน ได้ ถ้ามีการแทรกข้อความทางเลือกเพิ่มเติม ควรเป็นคำอธิบายสั้นกระชับที่เป็นไปตามนโยบายด้านเนื้อหา ส่วนคำบรรยายนั้นสามารถใส่มาร์กอัพวิกิได้ เช่น วิกิพีตัง ซึ่งต่างจากข้อความทางเลือก ข้อความคำบรรยายภาพนั้นวางอยู่ใต้ภาพ
การจัดชิดซ้าย
ต่อไปนี้เป็นตัวอย่างเดิม คราวนี้มีข้อความหลอกเน้นสีพร้อมเครื่องหมายดอกจัน (*) เพื่อแสดงว่าวากยสัมพันธ์ปรากฏอยู่ในข้อความตรงนี้
[[ไฟล์:Wikitanface.png|thumb|left|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
หลีกเลี่ยงการเรียกภาพว่าอยู่ "ทางซ้ายมือ" การจัดวางภาพแตกต่างกันไปสำหรับผู้ชมรุ่นอุปกรณ์เคลื่อนที่ของวิกิพีเดีย และไร้ความหมายสำหรับผู้ที่มีซอฟต์แวร์สนับสนุนอ่านให้ฟัง ควรใช้คำบรรยายภาพระบุภาพแทน
การจัดชิดขวา
ปกติการจัดวางโดยปริยายของภาพขนาดเล็กเป็นชิดขวาอยู่แล้ว
[[ไฟล์:Wikitanface.png|thumb|right|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
หลีกเลี่ยงการเรียกภาพว่าอยู่ "ทางขวามือ" การจัดวางภาพแตกต่างกันไปสำหรับผู้ชมรุ่นอุปกรณ์เคลื่อนที่ของวิกิพีเดีย และไร้ความหมายสำหรับผู้ที่มีซอฟต์แวร์สนับสนุนอ่านให้ฟัง ควรใช้คำบรรยายภาพระบุภาพแทน
การจัดโดยไม่มีข้อความล้อมรอบ
แม้ภาพขนาดเล็กส่วนใหญ่รวมอยู่กับข้อความล้อมรอบและวางชิดขวาหรือซ้าย คุณสามารถวางภาพขนาดเล็กโดยไม่ให้ข้อความล้อมรอบได้เช่นกัน ทางหนึ่งคือการจัดกลางโดยใช้ center
หรือ centre
ดังนี้
[[ไฟล์:Wikitanface.png|thumb|center|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
คุณยังสามารถจัดภาพชิดซ้ายโดยไม่ให้มีข้อความล้อมรอบได้ โดยใช้ none
ดังนี้
[[ไฟล์:Wikitanface.png|thumb|none|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ขนาดภาพ
ปกติภาพขนาดเล็กมีความกว้าง 220 พิกเซล ความกว้างนี้เป็นความกว้างสำหรับผู้อ่านทั่วไปที่ไม่ได้ล็อกอินหรือไม่ได้เปลี่ยนการตั้งค่า คุณสามารถตั้งความกว้างโดยปริยายให้เป็นค่าอื่นสำหรับคุณเองใน การตั้งค่า ภายใต้ "หน้าตา:ไฟล์" ตัวเลือกได้แก่ 120px, 150px, 180px, 200px, 220px, 250px, 300px, และ 400px ภาพใด ๆ ที่แคบกว่าความกว้างที่เลือกจะแสดงผลเป็นความกว้างที่แคบกว่า
ภาพที่อยู่ข้างข้อความโดยทั่วไปควรใช้คำบรรยายภาพและตัวเลือก thumb (ภาพขนาดเล็ก) ค่าโดยปริยายจะส่งผลให้แสดงผลกว้าง 220 พิกเซล (หรือ 170 พิกเซลถ้าใช้ตัวเลือก upright) ยกเว้นสำหรับผู้ใช้ล็อกอินที่ตั้งค่าโดยปริยายเป็นค่าอื่นในการตั้งค่า โดยทั่วไป ไม่ควรนิยามขนาดของภาพเว้นเสียแต่มีเหตุผลที่ดี เพราะผู้ใช้บางคนที่มีจอภาพเล็กหรือต้องปรับระบบให้แสดงผลข้อความขนาดใหญ่ รูปขนาดเล็กที่ "บังคับ" ให้ใหญ่จะทำให้มีความกว้างเหลือสำหรับข้อความน้อย ทำให้อ่านได้ยาก นอกจากนี้ การบังคับขนาดภาพใหญ่ขึ้น เช่น 260px จะทำให้ภาพลดลงสำหรับผู้ที่ตั้งค่าขนาดใหญ่เป็นค่าโดยปริยายด้วยซ้ำ
บางทีภาพอาจได้ประโยชน์จากขนาดอื่นนอกเหนือจากค่าโดยปริยาย
- ปกติควรกำหนดขนาดเป็นค่าโดยสัมพัทธ์กับขนาดพื้นฐานที่ผู้ใช้เลือก โดยใช้ตัวแปรเสริม
upright
แทนค่าพิกเซล - ที่ใดที่การบังคับขนาดเหมาะสม ภาพขนาดใหญ่ไม่ควรมีขนาดสูงเกิน 500 พิกเซลและกว้างเกิน 500 พิกเซล เพื่อให้สามารถแสดงผลได้อย่างสบายในหน้าจอเล็กสุดที่มีใช้ในปัจจุบัน
- ภาพส่วนนำปกติไม่ควรกว้างเกิน 300px เทียบเท่ากับการใช้
upright=1.35
กรณีที่ความกว้างภาพขนาดเล็กโดยปริยายอยู่ที่ 220px แต่ค่าโดยปริยายที่ใหญ่ขึ้นในการตั้งค่าจะทำให้ได้ภาพขนาดใหญ่ขึ้นเป็นสัดส่วนตามไปด้วย
เนื่องจากมีเดียวิกิปรับขนาดภาพในบรรทัดแบบพลวัต จึงไม่มีเหตุผลทางเทคนิคในการลดขนาดไฟล์โดยการปรับมาตราหรือลดคุณภาพเมื่ออัปโหลดไฟล์ แต่ภาพไม่เสรีอาจต้องมีการปรับมาตราเนื่องจากความกังวลด้านลิขสิทธิ์ นอกจากนี้ อาจบีบอัดพีเอ็นจียังอาจมีประโยชน์ เพราะไฟล์พีเอ็นจีสามารถปรับขนาดใหม่ได้โดยไม่เสียคุณภาพ
พฤติกรรมโดยปริยายอาจทำให้ภาพผอมสูงออกมาใหญ่เกิน ตัวอย่างเช่น
[[ไฟล์:Amun.svg|thumb|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.
Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.
ภาพแนวตั้ง (upright)
ตัวเลือก upright
สามารถช่วยแก้ปัญหานี้ด้วยโดยการแจ้งระบบผังวิกิพีเดียว่าภาพควรแคบกว่าปกติ
[[ไฟล์:Amun.svg|thumb|upright|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.
Proin nonummy, lacus eget pulvinar lacinia, pede felis dignissim leo, vitae tristique magna lacus sit amet eros. Nullam ornare. Praesent odio ligula, dapibus sed, tincidunt eget, dictum ac, nibh. Nam quis lacus. Nunc eleifend molestie velit. Morbi lobortis quam eu velit. Donec euismod vestibulum massa. Donec non lectus. Aliquam commodo lacus sit amet nulla. Cras dignissim elit et augue. Nullam non diam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In hac habitasse platea dictumst. Aenean vestibulum. Sed lobortis elit quis lectus. Nunc sed lacus at augue bibendum dapibus.
ตัวเลือก upright
ปกติสร้างภาพที่มีความกว้างประมาณ 75% ของค่าโดยปริยาย ความกว้างที่แน่ชัดนั้นคำนวณโดยเริ่มจากความกว้างภาพขนาดเล็กตั้งต้น คูณด้วย 0.75 แล้วปัดเป็นพหุคูณของ 10 ที่ใกล้เคียงที่สุด ปกติความกว้างโดยปริยายคือ 220px ฉะนั้นภาพแนวตั้งจึงมีความกว้าง 170px การเปลี่ยนค่าโดยปริยายของตนในพิสมัย 120px ถึง 400px จะทำให้ได้ภาพแนวตั้งที่มีความกว้างตั้งแต่ 90px ถึง 300px
การปรับขนาดภาพแนวตั้งโดยกำหนดเจาะจง
หากคูณด้วย 0.75 แบบ upright แล้วใหญ่หรือเล็กเกิน สามารถกำหนดให้ชัดเจนได้ โดยแฟกเตอร์ 1.0 ใช้ความกว้างของภาพขนาดเล็กโดยปริยาย ซึ่งเท่ากับการไม่กำหนด upright
เลย สำหรับแฟกเตอร์ที่เล็กหรือใหญ่กว่า 1.0 จะสร้างภาพที่เล็กหรือใหญ่กว่าค่าโดยปริยาย ตัวอย่างเช่น
[[ไฟล์:Amun.svg|thumb|upright=0.56|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.
ภาพสั้นกว้าง
ภาพสั้นกว้างบางทีจะได้ประโยชน์จากการกำหนดแฟกเตอร์ upright
มากกว่า 1.0 สำหรับแฟกเตอร์ใหญ่เกินประมาณ 2.5 อาจก่อให้เกิดภาพที่ใหญ่จนเป็นปัญหาต่อบางเบราว์เซอร์ ถ้าต้องการให้ภาพกว้างขึ้น ลองดูส่วนพาโนรามาเบื้องล่าง ตัวอย่างเช่น
[[ไฟล์:Köppen-vereinfacht.svg|thumb|center|upright=2.0|alt=แผนที่โลก แถบสีแทนลากจากแอฟริกาเหนือถึงตอนกลางของจีน, ส่วนใหญ่ของประเทศออสเตรเลียและบางส่วนของทวีปแอฟริกาตอนใต้ และทางตะวันตกของทวีปอเมริกาก็เป็นสีแทน สีเขียวเข้มกินบริเวณส่วนใหญ่ของซีกโลกเหนือ สีเขียวอ่อนปกคลุมแผ่นดินกว้างใหญ่ใกล้เส้นศูนย์สูตร บริเวณขั้วโลกเป็นสีขาว บริเวณปลายแผ่นดินทิศเหนือมีสีฟ้า|ภูมิอากาศมหภาคของโลก สีแทนเป็นทะเลทรายหรือพื้นที่แห้งแล้ง สีเขียวเข้มเป็นภูมิอากาศอบอุ่นภาคพื้นทวีป และเขียวอ่อนเป็นป่าฝนเขตร้อน สีฟ้าและขาวเป็นทันดราและครอบน้ำแข็ง]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
ระวังอย่ายืดภาพมากเกินไปสำหรับไฟล์ดั้งเดิมที่ค่อนข้างเล็ก (ยกเว้นภาพเอสวีจี ดูด้านล่าง) หากไฟล์ดั้งเดิมมีความกว้าง 120 พิกเซล แล้วยืดภาพเกินกว่านั้น พิกเซลที่ทดแทนขึ้นมาจะเริ่มมองเห็นได้
ภาพเอสวีจีเป็นข้อยกเว้น คือ เป็นภาพกราฟิกส์เวกเตอร์ จึงไม่มีพิกเซล มีเพียงคำสั่งวิธีวาดภาพซึ่งสามารถปรับมาตราได้อย่างไม่มีกำหนด "ขนาดภาพ" ในคำอธิบายไฟล์จึงคงค่า
ความกว้างหน่วยเป็นพิกเซล
คุณยังสามารถแสดงภาพที่มีความกว้างจำเพาะได้ ตรงแบบหากคุณเจาะจงความกว้างหน่วยเป็นพิกเซล ควรเป็นอยา่งน้อย 300px สำหรับความกว้างมากกว่าประมาณ 550px อาจก่อให้เกิดปัญหาสำหรับบางเบราว์เซอร์ ดังที่กล่าวไว้ข้างต้น
[[ไฟล์:Köppen-vereinfacht.svg|thumb|center|400px|alt=แผนที่โลก แถบสีแทนลากจากแอฟริกาเหนือถึงตอนกลางของจีน, ส่วนใหญ่ของประเทศออสเตรเลียและบางส่วนของทวีปแอฟริกาตอนใต้ และทางตะวันตกของทวีปอเมริกาก็เป็นสีแทน สีเขียวเข้มกินบริเวณส่วนใหญ่ของซีกโลกเหนือ สีเขียวอ่อนปกคลุมแผ่นดินกว้างใหญ่ใกล้เส้นศูนย์สูตร บริเวณขั้วโลกเป็นสีขาว บริเวณปลายแผ่นดินทิศเหนือมีสีฟ้า|ภูมิอากาศมหภาคของโลก สีแทนเป็นทะเลทรายหรือพื้นที่แห้งแล้ง สีเขียวเข้มเป็นภูมิอากาศอบอุ่นภาคพื้นทวีป และเขียวอ่อนเป็นป่าฝนเขตร้อน สีฟ้าและขาวเป็นทันดราและครอบน้ำแข็ง]]
ความสูงหน่วยเป็นพิกเซล
ในการเจาะจงความสูงแน่นอนของภาพ แล้วปล่อยให้ความกว้างได้สัดส่วนกับความสูง ให้นำหน้าความสูงด้วย x
ตัวอย่างต่อไปนี้ปรับขนาดภาพให้มีความสูง 60px ดังนี้
[[ไฟล์:Flag of Scotland.svg|thumb|center|x60px|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]
ความกว้างหรือความสูงหน่วยเป็นพิกเซล อย่างใดอย่างหนึ่งที่ทำให้ภาพเล็กกว่า
หากคุณเจาะจงทั้งความกว้างและความสูงของภาพ ภาพจะมีขนาดขึ้นอยู่กับค่าที่ทำให้ภาพเล็กกว่า ซึ่งจะทำให้ภาพพอดีในพื้นที่หนึ่ง ๆ โดยไม่ขึ้นกับขนาดแท้จริงของภาพ เนื่องจากสัดส่วนของ ไฟล์:Flag of Scotland.svg เป็น 5×3 การเจาะจงความกว้าง 120px จะได้ภาพขนาด 120×72px และการเจาะจงความสูง 60px จะได้ภาพขนาด 100×60px ฉะนั้นเขตข้อมูลขนาด 120x60px
จะได้ภาพที่มีขนาดเล็กกว่าระหว่างสองกรณี กล่าวคือ ภาพขนาด 100×60px ดังนี้
[[ไฟล์:Flag of Scotland.svg|thumb|center|120x60px|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]
จำนวนพิกเซลกับแฟกเตอร์แนวตั้ง
แม้จำนวนพิกเซลเข้าใจง่ายกว่าแฟกเตอร์แนวตั้ง แต่จะปรับตามการตั้งค่าของผู้ใช้ได้น้อยกว่า ตัวอย่างเช่น สมมติว่าภาพมีรายละเอียดบางอย่างและโดยปริยายมีขนาดเล็กเกินไแเล็กน้อย และคุณต้องการเพิ่มขนาดประมาณ 10% แม้ upright=1.1
และ 240px
จะใช้ได้ผลดีสำหรับกรณีทั่วไปที่ความกว้างโดยปริยายเท่ากับ 220 พิกเซล ผู้ใช้หลายคนที่ตั้งความกว้างโดยปริยายเป็น 300 พิกเซลเพื่อให้ทำงานดีขึ้นสำหรับจอภาพความละเอียดสูงจะรู้สึกรำคาญกับ 200px
เพราะจะทำให้ภาพมีขนาดเล็กกว่าขนาดที่ต้องการหนึ่งในสาม ในทางตรงข้าม upright=1.1
จะแสดงผลภาพที่มีความกว้าง 330 พิกเซล และน่าจะทำงานได้ดีกับการแสดงผลของพวกเขามากกว่า
จำนวนพิกเซลปกติดีกว่าแฟกเตอร์แนวตั้งสำหรับการแสดงผลกลุ่มภาพ ซึ่งบางภาพมีขนาดที่ทราบและจำกัด และสำหรับแสดงผลไอคอนขนาดเล็กซึ่งตั้งใจไว้ประกอบกับข้อความ
พาโนรามา
ภาพขนาดใหญ่มากไม่ควรใส่เข้าบทความโดยตรง เพราะก่อให้เกิดปัญหาในสิ่งแวดล้อมเบราว์เซอร์บางอย่าง ภาพที่กว้างกว่า 550px มักควรถือเป็นพาโนรามา ซึ่งสามารถสร้างได้ด้วยแม่แบบ {{Wide image}} ตัวอย่างเช่น
{{wide image|Helsinki z00.jpg|1800px|alt=พาโนรามานครที่มีสิ่งปลูกสร้างระหวา่งห้าชั้นและสิบชั้น|กรุง[[เฮลซิงกิ]] ประเทศฟินแลนด์ มีสิ่งปลูกสร้างมากมาย}}
ไฟล์ DjVu และ PDF
สามารถตัดทอนภาพจากไฟล์ DjVu หรือ PDF ได้ โดยตัวแปรเสริม "page" ตัวอย่างเช่น
[[File:Abroad - 1882.djvu|thumb|right|150px|โดย ทอมัส เครน|page=13]]
[[File:Cinderella (1865).pdf|thumb|left|150px|นี่คือหน้า 2|page=2]]
เลี่ยงการจัดภาพซ้อน
ปัญหาหนึ่งที่ผู้ใช้ภาพลอยหลายคนประสบได้แก่การที่ภาพหลายภาพบางทีซ้อนกันตามแนวตั้ง โดยเฉพาะอย่างยิ่งสำหรับจอภาพใหญ่และภาพกว้าง ตัวอย่างเช่น ในหลายเบราว์เซอร์ สองภาพด้านขวามือของข้อความนี้จะซ้อนกันดูเทอะทะ
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ทางแก้ดีที่สุดบ่อยครั้งได้แก่การเพิ่มข้อความให้มากขึ้น ดังตัวอย่างข้างล่าง แต่บางทีก็ไม่สามารถทำได้ ส่วนย่อยต่อไปนี้แสดงทางแก้อื่นของปัญหานี้
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
Fusce convallis, mauris imperdiet gravida bibendum, nisl turpis suscipit mauris, sed placerat ipsum urna sed risus. In convallis tellus a mauris. Curabitur non elit ut libero tristique sodales. Mauris a lacus. Donec mattis semper leo. In hac habitasse platea dictumst. Vivamus facilisis diam at odio. Mauris dictum, nisi eget consequat elementum, lacus ligula molestie metus, non feugiat orci magna ac sem. Donec turpis. Donec vitae metus. Morbi tristique neque eu mauris. Quisque gravida ipsum non sapien. Proin turpis lacus, scelerisque vitae, elementum at, lobortis ac, quam. Aliquam dictum eleifend risus. In hac habitasse platea dictumst. Etiam sit amet diam. Suspendisse odio. Suspendisse nunc. In semper bibendum libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
สลับซ้ายขวา
บางทีวิธีการง่ายที่สุดในการจัดการกับภาพลอยหลายภาพคือการสลับซ้ายกับขวา หรือขวากับซ้าย ซึ่งจะทำให้ภาพไม่มาติดกัน และไม่สามารถซ้อนกันแบบไม่สวยได้ ทว่า แบบนี้มีข้อเสียคือ บุคคลที่มีความละเอียดจอภาพต่ำ อาจพบว่าผลลัพธ์ดูเทอะทะเช่นกัน แม้จะพออ่านได้
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
การจัดเรียงร่วมกัน
การมีสองภาพที่ตามตรรกะควรจัดกลุ่มร่วมกันเป็นเรื่องปกติ แม่แบบ {{multiple image}} เป็นทางแก้ปัญหาอย่างหนึ่ง ตัวอย่างเช่น
{{multiple image | width = 80 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้ | image1 = Yellow card.svg | alt1 = คาร์ทูชสีเหลือง | caption1 = เตือน | image2 = Red card.svg | alt2 = คาร์ทูชสีแดง | caption2 = ไล่ออก }}
แม่แบบเดียวกันนี้ยังสามารถใช้จัดเรียงภาพในแนวตั้ง ดังนี้
{{multiple image | direction = vertical | width = 80 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้ | image1 = Yellow card.svg | alt1 = คาร์ทูชสีเหลือง | caption1 = เตือน | image2 = Red card.svg | alt2 = คาร์ทูชสีแดง | caption2 = ไล่ออก }}
แกลอรี
แกลอรีแสดงหลายภาพเป็นแถวลำดับหรือผังคล้ายกัน โดยทั่วไปไม่ควรเพิ่มแกลอรีหากมีที่ว่างพอสำหรับให้แสดงผลภาพอย่างมีประสิทธิภาพติดกับข้อความ
ในทางเทคนิค สามารถสร้างแกลอรีได้หลายทาง วิธีหนึ่งที่ง่ายและยืดหยุ่นได้แก่วากยสัมพันธ์ตาราง ตัวอย่างเช่น
{|style="margin: 0 auto;" | [[File:Philipp Veit 008.jpg|thumb|upright|alt=Robed woman, seated, with sword on her lap|Philipp Veit, ''Germania'', 1834–36]] | [[File:Image Germania (painting).jpg|thumb|upright|alt=Robed woman, standing, holding a sword|Philipp Veit, ''Germania'', 1848]] | [[File:Niederwald memorial 2.JPG|thumb|upright|alt=Monument of robed woman, standing, holding a crown in one hand and a partly sheathed sword in another|Johannes Schilling, ''Germania'', 1871–83]] |}
วิธีง่ายอีกวิธีหนึ่งได้แก่ป้ายระบุ <gallery> ซึ่งทำงานดังนี้
<gallery> File:Wiki.png|คำบรรยาย 1 File:Wiki.png|คำบรรยาย 2 </gallery>
จะได้เป็น
-
คำบรรยาย 1
-
คำบรรยาย 2
คุณยังสามารถกำหนดข้อความทางเลือกและตัวแปรเสริมเรนเดอร์ภาพอื่นอย่างเลขหน้าสำหรับ pdf เช่น
<gallery> William_Blake,_a_critical_essay_(Swinburne).pdf|หนังสือโดยอัลเจอร์นอน ชาลส์ สวินเบิร์น|alt=Page 1 of William Blake, a critical essay William_Blake,_a_critical_essay_(Swinburne).pdf|alt=Page 2 of William Blake, a critical essay|page=2 </gallery>
จะได้เป็น
-
หนังสือโดยอัลเจอร์นอน ชาลส์ สวินเบิร์น
ป้ายระบุ gallery ยังมีตัวแปรเสริมบางตัว เช่น widths, heights และ mode เป็นต้น เอกสารประกอบฉบับเต็มมีอยู่ที่ mw:Help:Images#Gallery_syntax ตัวอย่างเช่น
<gallery mode="packed-hover" heights="180">
File:Galerella sanguinea Zoo Praha 2011-2.jpg|''[[Galerella sanguinea]]'' (Slender Mongoose)
File:Felis silvestris silvestris.jpg|''[[Felis silvestris|Felis silvestris silvestris]]''
File:Six weeks old cat (aka).jpg|''[[Felis silvestris catus]]'' (A Young Cat)
File:Felis catus-cat on snow.jpg|''[[Felis catus]]'' (cat on snow)
File:Tired 20-year-old cat.jpg|''[[Felis silvestris catus]]'' (Tired 20-year-old cat)
File:Cat November 2010-1a.jpg|''[[Felis silvestris catus]]'' (Cat)
File:Felis silvestris silvestris Luc Viatour.jpg|''[[Felis silvestris silvestris]]'' (European wildcat)
File:June odd-eyed-cat cropped.jpg|''[[Felis catus]]'' (Domestic cat)
File:Lynx kitten.jpg|''[[Lynx lynx]]'' (A Young Lynx)
</gallery>
จะได้ว่า
-
Galerella sanguinea (Slender Mongoose)
-
Felis silvestris catus (A Young Cat)
-
Felis catus (cat on snow)
-
Felis silvestris catus (Tired 20-year-old cat)
-
Felis silvestris catus (Cat)
-
Felis silvestris silvestris (European wildcat)
-
Felis catus (Domestic cat)
-
Lynx lynx (A Young Lynx)
แม่แบบ {{Gallery}} เป็นวิธีที่สาม
{{Gallery |title=Cultural depictions of George Washington |width=160 |height=170 |lines=4 |align=center |File:Federal Hall NYC 27.JPG|alt1=Back of statue facing a city building whose facade is Greek columns covered by a huge U.S. flag|The statue of Washington outside [[Federal Hall]] in [[New York City]], looking on [[Wall Street]]. |File:Mount Rushmore2.jpg|alt2=Profile of stone face jutting out from a mountainside. Three workers clamber over it, each about the height of the face's upper lip.|Construction on the George Washington portrait at [[Mount Rushmore]], c. 1932. |File:2014 ATB Quarter Obv.png|alt3=Silver coin with profile of Washington bust. He faces left regally and wears a colonial-style queue in his hair. "UNITED STATES OF AMERICA" is at top, "QUARTER DOLLAR" at bottom, "LIBERTY" at left, and "IN GOD WE TRUST" above "P" at right. Just below the bust is "JF uc" in tiny letters.|Washington is commemorated on the [[Quarter (United States coin)|quarter]]. |File:George Washington Presidential $1 Coin obverse.png|alt4=Gold coin with bust of Washington facing slightly left of but looking sternly straight at the viewer. "GEORGE WASHINGTON" is above, "1st PRESIDENT 1789–1797" below, and "JFM" in tiny letters at the bust's base.|Washington is also commemorated on some [[dollar coin (United States)|dollar coins]]. }}
Cultural depictions of George Washington | ||||||||
---|---|---|---|---|---|---|---|---|
|
การบังคับแบ่งบรรทัด
วิธีการสุดท้าย คุณสามารถบังคับเบราว์เซอร์ให้แทรกตัวคั่นได้ ทำให้ข้อความและภาพทั้งหมดปรากฏอยู่ล่างภาพแรก ซึ่งอาจทำให้เกิดช่องว่างที่ค่อนข้างไม่สวย โดยเฉพาะอย่างยิ่งในข้อความที่ตามมา พึงระลึกว่าข้อความจะไหลและห่อต่างกันสำหรับผู้ใช้คนละคน โดยขึ้นอยู่กับเบราว์เซอร์ที่เลือก ความละเอียดจอภาพ ขนาดชุดแบบอักษรโดยปริยาย ตัวเลือกการเข้าถึงได้ จำนวนแถบเครื่องมือและแถบข้าง ฯลฯ ยังบังคับการออกแบบหน้าเพื่อให้ดูสวยเฉพาะบนการแสดงผลของคุณ ใช้วิธีนี้ต่อเมื่อจำเป็นจริง ๆ เท่านั้น สำหรับทุกที่ที่เป็นไปได้ควรใช้เพียงการไหลของหน้าตามตรรกะง่ายที่สุด
{{clear}}
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
การใส่ภาพปกติ
ภาพส่วนใหญ่ในบทความเป็นภาพขนาดเล็ก แต่บางทีอาจมีความจำเป็นพิเศษที่ต้องการการควบคุมที่ละเอียดมากขึ้น แทรกภาพปกติโดยไม่มีการจัดรูปแบบได้โดย
[[ไฟล์:Wikitanface.png|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]
ในภาพปกตินี้ ข้อความ ภาพการ์ตูนเด็กหญิงในชุดนักเรียน
จะมองไม่เห็นเป็นคำบรรยายภาพ แต่จะปรากฏเป็นข้อความชื่อเรื่องของภาพ ซึ่งปกติแสดงผลเป็นทูลทิประหว่างเมาส์โอเวอร์ ในภาพขนาดเล็ก ข้อความทางเลือกมีค่าโดยปริยายเป็นว่าง แต่ข้อความโดยปริยายของภาพปกติมีค่าโดยปริยายเป็นข้อความชื่อเรื่องหากระบุ และเป็นชื่อไฟล์ของภาพหากไม่ระบุชื่อเรื่อง ค่าโดยปริยายนี้สามารถเขียนทับได้โดยระบุในตัวเลือก alt=ข้อความทางเลือก
ให้ชัดเจน สำหรับข้อความชื่อเรื่องจะไม่สนใจมาร์กอัพวิกิ เช่นเดียวกับข้อความทางเลือก
ภาพปกติสามารถวางไว้ที่ใดก็ได้ในบทความ และประพฤติตนเสมือนเป็นอักขระขนาดใหญ่ในข้อความ ฉะนั้นข้อความแวดล้อมจะไม่ลอยหรือห่อรอบภาพนั้น ตัวอย่างเช่น
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ** Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
- หมายเหตุ: หากต้องการได้ภาพปกติที่มีคำบรรยายภาพ สามารถใช้แม่แบบ {{Plain image with caption}} ได้ คำบรรยายภาพจะเพิ่มเป็นข้อความชื่อเรื่องและข้อความทางเลือกของภาพโดยอัตโนมัติ และมาร์กอัพวิกิทั้งหมดจะมีการแสดงผลอย่างถูกต้องในคำบรรยาย แต่จะถูกลบออกจากข้อความทางเลือกและข้อความชื่อเรื่องโดยอัตโนมัติ
ขนาดภาพปกติ
ภาพปกติมีค่าโดยปริยายเป็นขนาดเดิมของภาพ ซึ่งสามารถเขียนทับได้ด้วยการระบุขนาด ตัวอย่างเช่น
[[ไฟล์:Wikitanface.png|50px|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ** Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ตัวเลือก frameless
ทำให้ภาพปกติมีค่าโดยปริยายเดียวกับภาพขนาดเล็ก ขนาดภาพปกติสามารถปรับได้ด้วยตัวเลือก upright=factor
เช่นเดียวกับภาพขนาดเล็ก ถ้าคุณใช้ค่าโดยปริยายความกว้างภาพขนาดย่อ 220 พิกเซล ความกว้างของภาพตัวยอ่างต่อไปนี้จะเป็น 220 × 0.2 พิกเซล ซึ่งปัดเป็น 40 พิกเซล
[[ไฟล์:Amun.svg|frameless|upright=0.2|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ** Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
ขอบ
ตัวเลือก border
เพิ่มขอบหนึ่งพิกเซล ซึ่งมีประโยชน์เมื่อการแยกภาพจากพื้นหลังมีความสำคัญ ต่อไปนี้เป็นภาพเดียวกันที่มีขอบและไม่มีขอบ
[[ไฟล์:Flag of Japan.svg|border|30px|ธงขาวที่มีวงกลมแดง]]
[[ไฟล์:Flag of Japan.svg|30px|ธงขาวที่มีวงกลมแดง]]
การปรับแนวนอน
ภาพปกติสามารถจัดให้ลอยซ้ายหรือขวาได้โดยมีข้อความไหลอยู่รอบ ๆ หรือจัดกลางหรือชิดซ้ายโดยไม่มีข้อความไหลได้ เช่นเดียวกับภาพขนาดเล็ก ข้อแตกต่างเดียวคือหากจะจัดให้ภาพปกติลอยชิดขวาจะต้องใช้ตัวแปรเสริม right
ด้วย ตัวอย่างเช่น
[[ไฟล์:Wikitanface.png|right|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*
*
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien sem, aliquet nec, commodo eget, consequat quis, neque. Aliquam faucibus, elit ut dictum aliquet, felis nisl adipiscing sapien, sed malesuada diam lacus eget erat. Cras mollis scelerisque nunc. Nullam arcu. Aliquam consequat. Curabitur augue lorem, dapibus quis, laoreet et, pretium ac, nisi. Aenean magna nisl, mollis quis, molestie eu, feugiat in, orci. In hac habitasse platea dictumst.
การปรับแนวตั้ง
เมื่อภาพปกติปรากฏในข้อความ จะมีการปรับเพื่อให้ตรงกลางแนวตั้งอยู่ ณ ที่ที่ศูนย์กลาง "x" ตัวเล็กโดยประมาณ หากภาพมีขนาดใหญ่เกินกว่าความสูงของบรรทัด ภาพจะแลบออกด้านบนและด้านล่าง ตัวอย่างเช่น ตัวเลือก baseline
ดังนี้
X[[ไฟล์:Flag of Hungary vertical.svg|baseline|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]X
จะได้ "XX" แทนค่าโดยปริยาย "XX" ตัวเลือกสำหรับการปรับแนวตั้งที่มีอยู่ ติดกับผลลัพธ์ที่จะได้ มีดังนี้ baseline
,
middle
(ค่าโดยปริยาย),
sub
,
super
,
text-top
,
text-bottom
,
top
, และ
bottom
การเชื่อมโยง
หากคุณต้องการทำลิงก์ในบรรทัดไปยังภาพภายนอก พึงทราบว่าวิกิพีเดียไม่อนุญาตการกระทำดังกล่าว
ปกติภาพเชื่อมโยงไปยังหน้าภาพ ซึ่งอธิบายภาพ ผู้สร้างสรรค์ และเชื่อมโยงไปยังภาพดั้งเดิมในความละเอียดเต็ม ปกติการเชื่อมโยงดังกล่าวเป็นสิ่งดีที่สุดสำหรับผู้อ่าน และมักต้องการตัวเลือกสัญญาอนุญาต CC-BY-SA สำหรับภาพของผู้อัปโหลด
หากภาพนั้นอยู่ในสาธารณสมบัติ ซึ่งไม่ต้องแสดงที่มาไปยังผู้อัปโหลด คุณสามารถสร้างภาพปกติที่เชื่อมโยงไปยังหน้าอื่นได้โดยใช้ตัวเลือก link
ในการสร้างการเชื่อมโยงไปหน้าอื่น ให้ระบุชื่อในตัวเลือก link พร้อมกับคำบรรยายที่เหมาะสมซึ่งบอกใบ้ผู้อ่านว่าจะเกิดอะไรขึ้นหากคลิกลิงก์ คำบรรยายนี้เป็นทั้งข้อความชื่อเรื่องและทูลทิป และเป็นข้อความทางเลือกสำหรับผู้พิการทางสายตา ตัวอย่างเช่น [[ไฟล์:Flag of France.svg|20px|link=ประเทศฝรั่งเศส|ประเทศฝรั่งเศส]]
จะก่อกำเนิดธงชาติ ที่เชื่อมโยงไปยังบทความชื่อ ประเทศฝรั่งเศส
ในการสร้างการเชื่อมโยงไปยังเว็บภายนอก ให้ระบุยูอาร์แอลในตัวเลือก link ร่วมกับใส่คำบรรยายที่เหมาะสม ตัวอย่างเช่น [[ไฟล์:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|พอร์ทัลรัฐบาลเบลเยียม]]
จะก่อกำเนิดธงชาติ ซึ่งเชื่อมโยงไปยังพอร์ทัลภาษาอังกฤษของรัฐบาลเบลเยียม
ภาพที่มีไว้ตกแต่งอย่างเดียว ซึ่งไม่ให้สารสนเทศใด ๆ และไม่มีผลเมื่อถูกคลิก สามารถเจาะจงด้วยลักษณะประจำ alt ว่าง ตัวอย่างเช่น [[ไฟล์:Flag of the United States.svg|20px|link=|alt=]]
จะก่อกำเนิดธงชาติ ซึ่งมีไว้เพื่อตกแต่งอย่างเดียว อยา่งไรก็ดี ไฟล์ที่มีไว้ตกแต่งอย่างเดียวนั้นใช้ได้ตามกฎหมายอย่างนี้ได้เฉพาะเมื่อเป็นสาธารณสมบัติหรือเข้าได้กับ WP:NFCC เท่านั้น
แผนที่ภาพ
คุณสามารถเชื่อมโยงส่วนต่าง ๆ ของภาพไปยังที่ต่าง ๆ โดยใช้แผนที่ภาพ ตัวอย่างเช่น ในภาพทางขวามือ เมื่อคลิกวงกลมซึ่งมีขนาดประมาณรูปบุคคลซ้ายมือ จะนำผู้อ่านไปยังบทความ "วิลเลียม เจ. ไบรอัน" และรูปบุคคลขวามือจะนำไปยังบทความ "อาเทอร์ เซวอล" และเมื่อคลิกที่อื่นจะไปยัง http://projects.vassar.edu/1896/democrats.html
ภาพนี้ก่อกำเนิดโดยมาร์กอัพต่อไปนี้
<imagemap>
ไฟล์:Bryan-Sewall.jpg|300px|right|alt=โปสเตอร์หาเสียงของพรรคเดโมแครตปี 1896 โดยมีภาพผู้สมัครรับเลือกตั้ง วิลเลียม เจ. ไบรอันจากรัฐเนแบรสกาเป็นประธานาธิบดี และอาเทอร์ เซวอลจากรัฐเมนเป็นรองประธานาธิบดี
circle 950 850 700 [[:en:William_Jennings_Bryan|วิลเลียม_เจ._ไบรอัน]]
circle 2950 850 700 [[:en:Arthur_Sewall|อาเทอร์_เซวอล]]
default [http://projects.vassar.edu/1896/democrats.html นักการเมืองพรรคเดโมแครตปี 1896]
</imagemap>
มาร์กอัพ imagemap เจาะจงข้อความชื่อเรื่อง (ทูลทิป) ไว้สำหรับสามบริเวณ ได้แก่ "วิลเลียม เจ. ไบรอัน", "อาเทอร์ เซวอล" และ "นักการเมืองพรรคเดโมแครตปี 1896" ตามลำดับ ข้อความทางเลือกสำหรับบริเวณ imagemap จะตรงกับข้อความชื่อเรื่องเสมอ ข้อความทางเลือกสำหรับภาพโดยรวมจะมีระบุในบรรทัดแรกของมาร์กอัพ imagemap มิติดั้งเดิมของภาพพื้นหลังเป็น 3916×1980 พิกเซล และพิกัดที่ระบุไว้ในมิติเหล่านี้ไม่ใช่ในภาพปรับขนาด 300px สามารถระบุบริเวณเป็นรูปวงกลม สี่เหลี่ยมผืนผ้าและรูปหลายเหลี่ยมตามใจชอบได้ดังอธิบายในเอกสารประกอบแผนที่ภาพ และสามารถย้ายหรือระงับไอคอน "i" สีน้ำเงิน ได้ นอกจากนี้ ภาพยังสามารถระบุเป็น thumb
หรือ frame
ได้ หมายความว่าภาพจะมีข้อความและคำบรรยายทั้งหมดตามปกติ โดยมีไอคอนสี่เหลี่ยมผืนผ้าคู่ แทนไอคอน "i" สีน้ำเงิน
นอกจากนี้ยังมีตัวแก้ไขแผนที่ภาพ
ความเห็นประกอบซ้อนทับบนภาพ
บางแผนภาพมีการอัปโหลดโดยปลอดข้อความ เพื่อให้ใช้ได้ในหลายภาษา หรือบุคคลอาจประสงค์เพิ่มลิงก์คลิกได้เข้าในภาพ ในกรณีดังกล่าว สามารถเพิ่มความเห็นประกอบข้อความเข้าสู่ภาพด้วยแม่แบบ {{Annotated image}} หรือ {{Annotated image 4}}
แม่แบบเหล่านี้ทำให้สามารถใส่ข้อความวิกิ (เช่น ข้อความปกติ ลิงก์วิกิและแม่แบบอ้างอิง) ในตัวภาพ นอกจากนี้ยังสามารถใช้ตัดส่วนภาพเพื่อให้มุ่งเน้นเฉพาะส่วนใดส่วนหนุ่งของภาพได้ หรืออีกทางหนึ่ง ขยายพื้นที่สีขาวรอบตัวภาพเพื่อให้จัดวางข้อความวิกิได้ดีขึ้น
|
การเชื่อมโยงโดยไม่แสดงภาพ
กรณีที่คุณต้องการเชื่อมโยงไปยังภาพโดยไม่แสดงภาพ สามารถทำได้โดยเพิ่มเครื่องหมายทวิภาคก่อนคำนำหน้า "ไฟล์:" ซึ่งจะเป็นลิงก์ไปยังหน้าภาพ ที่มีรายละเอียดผู้อัปโหลด วันเวลาที่อัปโหลด สถานภาพลิขสิทธิื เป็นต้น ตัวอย่างเช่น
[[:ไฟล์:Wikitanface.png]]
- ไฟล์:Wikitanface.png
คุณสามารถเปลี่ยนข้อความของลิงก์ไปเป็นไปตามต้องการได้
[[:ไฟล์:Wikitanface.png|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]
- ภาพการ์ตูนเด็กหญิงในชุดนักเรียน
คุณยังสามารถส่งผู้ใช้ไปยังภาพโดยตรงได้ เช่น
[[Media:Wikitanface.pngg]]
- สื่อ:Wikitanface.png
จะเห็นว่ามีการเปลี่ยนไปใช้ Media:
แทน ไฟล์:
เมื่อผู้ใช้คลิกลิงก์นี้ เบราว์เซอร์จะไปยังภาพโดยตรง และเช่นเดียวกับกรณีก่อนหน้า คุณสามารถเปลี่ยนข้อความของลิงก์ได้
สุดท้าย คุณสามารถลิงก์ไปยังภาพหนึ่งจากไอคอนสี่เหลี่ยมผืนผ้าคู่เล็กของภาพขนาดเล็ก แต่ให้แสดงผลอีกภาพหนึ่งได้โดยใช้ "|thumb=ชื่อภาพที่แสดง
" กรณีนี้ตั้งใจไว้สำหรับกรณีพบน้อยเมื่อซอฟต์แวร์วิกิพีเดียลดภาพเป็นภาพขนาดเล็กทำได้ไม่ดี และคุณต้องการใส่ภาพขนาดเล็กของคุณเอง ในตัวอย่างต่อไปนี้ ลิงก์สี่เหลี่ยมผืนผ้าคู่ไปยัง ไฟล์:Anime stub 2.svg แต่ภาพที่แสดงเป็น ไฟล์:Anime stub.png:
[[ไฟล์:Anime stub 2.svg|thumb=Anime stub.png |alt=ศีรษะเด็กหญิงสไตล์มังงะ มีผมสีน้ำเงิน ตาโตและกำลังยิ้มอยู่ มีชิ้นจิ๊กซอว์สีเทาอยู่ใต้และรอบผมเธอ |ประกอบจิ๊กซอว์เข้าด้วยกัน]]
กรณีที่จะไม่เรนเดอร์ภาพ
หากภาพไม่เรนเดอร์ กลับแสดงรหัสวิกิในบทความแทน อาจเกิดจากสาเหตุต่อไปนี้
- วากยสัมพันธ์ภาพไม่สมบูรณ์หรือไม่ถูกต้อง
- คำบรรยายอาจมีป้ายระบุลิงก์ที่ไม่สมบูรณ์ โดยเฉพาะอย่างยิ่งเครื่องหมายวงเล็บเหลี่ยม [[ และ ]] ที่ไม่มีคู่ซึ่งจะกลายเป็นตีความว่าเป็นวากยสัมพันธ์ภาพ
- ภาพก่อนหน้าอาจมีวากยสัมพันธ์ไม่ถูกต้อง โดยเฉพาะอย่างยิ่งเครื่องหมาย ]] ในตอนท้ายไม่สมบูรณ์
- รหัสวิกิต้องมีอักษรใหญ่เล็กตามต้นฉบับ ดังนั้นถ้าไฟล์ภาพชื่อ ภาพ:Photo_of_Wikipede.JPG คุณต้องใช้อักษรใหญ่สำหรับ "JPG" ด้วย
ดูเพิ่ม
- วิธีใช้:ไฟล์
- {{External media}}
- วิกิพีเดีย:การอัปโหลดภาพ
- วิกิพีเดีย:นโยบายการใช้ภาพ
- วิกิพีเดีย:การเตรียมภาพสำหรับอัปโหลด
- Commons:First steps – สอนวิธี
- Commons resources category
- Free image resources – ที่สำหรับค้นหาภาพเสรีเพื่อใช้ในวิกิพีเดีย