ดูต้นฉบับสำหรับ วิธีใช้:ภาพ

{{กึ่งล็อกย่อ|small=yes}}
{{บอกวิธีวิกิพีเดีย|H:PIC|WP:PIC}}
{{คู่มือ}}

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

หากคุณต้องการช่วย[[วิธีใช้:การอัปโหลดภาพ|อัปโหลดภาพ]] หรือเลือกภาพที่เหมาะสมสำหรับบทความ ให้ดู [[วิกิพีเดีย:นโยบายการใช้ภาพ|นโยบายการใช้ภาพ]]และ[[วิกิพีเดีย:คู่มือการเขียน#ภาพ|คู่มือการเขียน]] ภาพบนเว็บไซต์ส่วนใหญ่มีลิขสิทธิ์และไม่ควรอัปโหลด ดู [[WP:C|นโยบายด้านลิขสิทธิ์]]

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

== การใส่ภาพขนาดเล็ก (thumbnail) ==
{{VE documentation}}

สามารถแทรกภาพปกติได้โดยรหัส <code><nowiki>[[ไฟล์:...|thumb|...]]</nowiki></code> ดังแสดงด้านล่าง (สามารถใช้ <code>ภาพ:</code>, <code>Image:</code> หรือ <code>File:</code> แทน <code>ไฟล์:</code> โดยไม่มีผลแตกต่างกันใด ๆ ผู้ใช้จะเลือกใช้คำใดก็ได้ขึ้นอยู่กับความพึงพอใจ) การใช้ <code>thumb</code> จะก่อให้เกิดรูปขนาดเล็ก (thumbnail) ซึ่งปกติมีขนาดแตกต่างกันจภาพต้นฉบับ มีหลายตัวเลือกที่ปรับเปลี่ยนการจัดวางและตำแหน่งของภาพขนาดเล็ก

=== รูปแบบทั่วไป ===
รูปขนาดเล็กโดยปริยายจะลอยชิดขวาของหน้า โดยมีข้อความอยู่ล้อมรอบ แต่ตัวอย่างแรกของเราระบุเป็น <code>left</code> ด้านล่างคุณจะเห็นตัวอย่างผลลัพธ์ว่าเป็นเช่นนี้

: <code><nowiki>[[ไฟล์:Wikitanface.png|thumb|left|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]</nowiki></code>
[[ไฟล์:Wikitanface.png|thumb|left|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]

ข้อความข้างต้นให้ชื่อไฟล์ภาพ "Wikitanface.png" ชนิดภาพ "thumb" และการจัดเรียง "left" ข้อความทางเลือก (alt text) "ภาพการ์ตูนเด็กหญิงในชุดนักเรียน" และคำบรรยาย "''วิกิพีตัง''" ผู้อ่านวิกิพีเดียสามารถคลิกรูปขนาดเล็กนี้ หรือไอคอนสี่เหลี่ยมผืนผ้าคู่ขนาดเล็ก [[File:Magnify-clip.png|link=|alt=]] ที่อยู่ข้างใต้ เพื่อดูหน้าไฟล์ที่สัมพันธ์กันซึ่งจะให้ผู้ใช้ดูภาพในขนาดต้นฉบับ

แม้ข้อความข้างต้นอาจดูแบ่งเป็นหลายบรรทัดเพื่อวัตถุประสงค์การจัดรูปแบบ แต่ข้อความภาพแท้จริงแล้วอยู่ในบรรทัดเดียวกัน คือใช้พื้นที่โดยไม่มีการแบ่งบรรทัด เครื่องหมาย <code><nowiki>[[</nowiki></code> และเครื่องหมาย <code>|</code> ตัวแรกจะต้องอยู่ในบรรทัดเดียวกัน ช่องว่างอื่นและการแบ่งบรรทัดจะถูกละเลยถ้าอยู่ชิดกับอักขระ <code>|</code> หรืออยู่ในวงเล็บ สำหรับวากยสัมพันธ์ภาพบางส่วน เช่น <code>alt=</code> ไม่อนุญาตช่องว่างหรือากรแบ่งบรรทัด และวิธีที่ง่ายที่สุดในการจัดการให้ถูกต้องคือการเลี่ยงช่องว่างและการแบ่งบรรทัดที่ไม่จำเป็น

==== ข้อความทางเลือก (alt) ====

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

{{-}}

=== การจัดชิดซ้าย ===
{{anchor|ซ้าย}}

ต่อไปนี้เป็นตัวอย่างเดิม คราวนี้มีข้อความหลอกเน้นสีพร้อมเครื่องหมายดอกจัน (*) เพื่อแสดงว่าวากยสัมพันธ์ปรากฏอยู่ในข้อความตรงนี้

: <code><nowiki>[[ไฟล์:Wikitanface.png|thumb|left|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Wikitanface.png|thumb|left|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]*<span style="color:#996633">{{Lorem ipsum|2}}</span></blockquote>

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

{{-}}

===การจัดชิดขวา===
{{Anchor|ขวา}}

ปกติการจัดวางโดยปริยายของภาพขนาดเล็กเป็นชิดขวาอยู่แล้ว

: <code><nowiki>[[ไฟล์:Wikitanface.png|thumb|right|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Wikitanface.png|thumb|right|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]*<span style="color:#996633">{{Lorem ipsum|2}}</span></blockquote>

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

{{-}}

===การจัดโดยไม่มีข้อความล้อมรอบ===
{{Anchor|กลาง}}
แม้ภาพขนาดเล็กส่วนใหญ่รวมอยู่กับข้อความล้อมรอบและวางชิดขวาหรือซ้าย คุณสามารถวางภาพขนาดเล็กโดยไม่ให้ข้อความล้อมรอบได้เช่นกัน ทางหนึ่งคือการจัดกลางโดยใช้ <code>center</code> หรือ <code>centre</code> ดังนี้

: <code><nowiki>[[ไฟล์:Wikitanface.png|thumb|center|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Wikitanface.png|thumb|center|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]*<span style="color:#996633">{{Lorem ipsum}}</span></blockquote>

{{Anchor|none}}
คุณยังสามารถจัดภาพชิดซ้ายโดยไม่ให้มีข้อความล้อมรอบได้ โดยใช้ <code>none</code> ดังนี้

: <code><nowiki>[[ไฟล์:Wikitanface.png|thumb|none|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Wikitanface.png|thumb|none|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]*<span style="color:#996633">{{Lorem ipsum}}</span></blockquote>

{{-}}

=== ขนาดภาพ ===
ปกติภาพขนาดเล็กมีความกว้าง 220 พิกเซล ความกว้างนี้เป็นความกว้างสำหรับผู้อ่านทั่วไปที่ไม่ได้ล็อกอินหรือไม่ได้เปลี่ยนการตั้งค่า คุณสามารถตั้งความกว้างโดยปริยายให้เป็นค่าอื่นสำหรับคุณเองใน ''[[Special:preferences|การตั้งค่า]]'' ภายใต้ "หน้าตา:ไฟล์" ตัวเลือกได้แก่ 120px, 150px, 180px, 200px, 220px, 250px, 300px, และ 400px ภาพใด ๆ ที่แคบกว่าความกว้างที่เลือกจะแสดงผลเป็นความกว้างที่แคบกว่า

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

บางทีภาพอาจได้ประโยชน์จากขนาดอื่นนอกเหนือจากค่าโดยปริยาย 
* ปกติควรกำหนดขนาดเป็นค่าโดยสัมพัทธ์กับขนาดพื้นฐานที่ผู้ใช้เลือก โดยใช้ตัวแปรเสริม <code>upright</code> แทนค่าพิกเซล
* ที่ใดที่การบังคับขนาดเหมาะสม ภาพขนาดใหญ่ไม่ควรมีขนาดสูงเกิน 500 พิกเซลและกว้างเกิน 500 พิกเซล เพื่อให้สามารถแสดงผลได้อย่างสบายในหน้าจอเล็กสุดที่มีใช้ในปัจจุบัน
* ภาพส่วนนำปกติไม่ควรกว้างเกิน 300px เทียบเท่ากับการใช้ <code>upright=1.35</code> กรณีที่ความกว้างภาพขนาดเล็กโดยปริยายอยู่ที่ 220px แต่ค่าโดยปริยายที่ใหญ่ขึ้นในการตั้งค่าจะทำให้ได้ภาพขนาดใหญ่ขึ้นเป็นสัดส่วนตามไปด้วย

เนื่องจากมีเดียวิกิปรับขนาดภาพในบรรทัดแบบพลวัต จึงไม่มีเหตุผลทางเทคนิคในการลดขนาดไฟล์โดยการปรับมาตราหรือลดคุณภาพเมื่ออัปโหลดไฟล์ แต่[[วิกิพีเดีย:เนื้อหาไม่เสรี|ภาพไม่เสรี]]อาจต้องมีการปรับมาตราเนื่องจากความกังวลด้านลิขสิทธิ์ <!-- (ดู[[WP:NFC|แนวปฏิบัติด้านความละเอียดของภาพไม่เสรี]]) --> นอกจากนี้ อาจบีบอัดพีเอ็นจียังอาจมีประโยชน์ เพราะไฟล์พีเอ็นจีสามารถปรับขนาดใหม่ได้โดยไม่เสียคุณภาพ

พฤติกรรมโดยปริยายอาจทำให้ภาพผอมสูงออกมาใหญ่เกิน ตัวอย่างเช่น

: <code><nowiki>[[ไฟล์:Amun.svg|thumb|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Amun.svg|thumb|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]*<span style="color:#996633">{{Lorem ipsum|4}}</span></blockquote>
{{-}}

====ภาพแนวตั้ง (upright)====
ตัวเลือก <code>upright</code> สามารถช่วยแก้ปัญหานี้ด้วยโดยการแจ้งระบบผังวิกิพีเดียว่าภาพควรแคบกว่าปกติ
: <code><nowiki>[[ไฟล์:Amun.svg|thumb|upright|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Amun.svg|thumb|upright|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]*<span style="color:#996633">{{Lorem ipsum|4}}</span></blockquote>

ตัวเลือก <code>upright</code> ปกติสร้างภาพที่มีความกว้างประมาณ 75% ของค่าโดยปริยาย ความกว้างที่แน่ชัดนั้นคำนวณโดยเริ่มจากความกว้างภาพขนาดเล็กตั้งต้น คูณด้วย 0.75 แล้วปัดเป็นพหุคูณของ 10 ที่ใกล้เคียงที่สุด ปกติความกว้างโดยปริยายคือ 220px ฉะนั้นภาพแนวตั้งจึงมีความกว้าง 170px การเปลี่ยนค่าโดยปริยายของตนในพิสมัย 120px ถึง 400px จะทำให้ได้ภาพแนวตั้งที่มีความกว้างตั้งแต่ 90px ถึง 300px
{{-}}

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

: <code><nowiki>[[ไฟล์:Amun.svg|thumb|upright=0.56|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Amun.svg|thumb|upright=0.56|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]*<span style="color:#996633">{{Lorem ipsum|3}}</span></blockquote>

{{-}}

====ภาพสั้นกว้าง====
ภาพสั้นกว้างบางทีจะได้ประโยชน์จากการกำหนดแฟกเตอร์ <code>upright</code> มากกว่า 1.0 สำหรับแฟกเตอร์ใหญ่เกินประมาณ 2.5 อาจก่อให้เกิดภาพที่ใหญ่จนเป็นปัญหาต่อบางเบราว์เซอร์ ถ้าต้องการให้ภาพกว้างขึ้น ลองดู[[#พาโนรามา|ส่วนพาโนรามา]]เบื้องล่าง ตัวอย่างเช่น

: <code><nowiki>[[ไฟล์:Köppen-vereinfacht.svg|thumb|center|upright=2.0|alt=แผนที่โลก แถบสีแทนลากจากแอฟริกาเหนือถึงตอนกลางของจีน, ส่วนใหญ่ของประเทศออสเตรเลียและบางส่วนของทวีปแอฟริกาตอนใต้ และทางตะวันตกของทวีปอเมริกาก็เป็นสีแทน สีเขียวเข้มกินบริเวณส่วนใหญ่ของซีกโลกเหนือ สีเขียวอ่อนปกคลุมแผ่นดินกว้างใหญ่ใกล้เส้นศูนย์สูตร บริเวณขั้วโลกเป็นสีขาว บริเวณปลายแผ่นดินทิศเหนือมีสีฟ้า|ภูมิอากาศมหภาคของโลก สีแทนเป็นทะเลทรายหรือพื้นที่แห้งแล้ง สีเขียวเข้มเป็นภูมิอากาศอบอุ่นภาคพื้นทวีป และเขียวอ่อนเป็นป่าฝนเขตร้อน สีฟ้าและขาวเป็นทันดราและครอบน้ำแข็ง]]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Köppen-vereinfacht.svg|thumb|center|upright=2.0|alt=แผนที่โลก แถบสีแทนลากจากแอฟริกาเหนือถึงตอนกลางของจีน, ส่วนใหญ่ของประเทศออสเตรเลียและบางส่วนของทวีปแอฟริกาตอนใต้ และทางตะวันตกของทวีปอเมริกาก็เป็นสีแทน สีเขียวเข้มกินบริเวณส่วนใหญ่ของซีกโลกเหนือ สีเขียวอ่อนปกคลุมแผ่นดินกว้างใหญ่ใกล้เส้นศูนย์สูตร บริเวณขั้วโลกเป็นสีขาว บริเวณปลายแผ่นดินทิศเหนือมีสีฟ้า|ภูมิอากาศมหภาคของโลก สีแทนเป็นทะเลทรายหรือพื้นที่แห้งแล้ง สีเขียวเข้มเป็นภูมิอากาศอบอุ่นภาคพื้นทวีป และเขียวอ่อนเป็นป่าฝนเขตร้อน สีฟ้าและขาวเป็นทันดราและครอบน้ำแข็ง]]*<span style="color:#996633">{{Lorem ipsum|2}}</span></blockquote>
{{-}}

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

ภาพ[[เอสวีจี]]เป็นข้อยกเว้น คือ เป็น[[ภาพกราฟิกส์เวกเตอร์]] จึงไม่มีพิกเซล มีเพียงคำสั่งวิธีวาดภาพซึ่งสามารถปรับมาตราได้อย่างไม่มีกำหนด "ขนาดภาพ" ในคำอธิบายไฟล์จึงคงค่า

====ความกว้างหน่วยเป็นพิกเซล {{Anchor|px}}====
คุณยังสามารถแสดงภาพที่มีความกว้างจำเพาะได้ ตรงแบบหากคุณเจาะจงความกว้างหน่วยเป็นพิกเซล ควรเป็นอยา่งน้อย 300px สำหรับความกว้างมากกว่าประมาณ 550px อาจก่อให้เกิดปัญหาสำหรับบางเบราว์เซอร์ ดังที่กล่าวไว้ข้างต้น

: <code><nowiki>[[ไฟล์:Köppen-vereinfacht.svg|thumb|center|400px|alt=แผนที่โลก แถบสีแทนลากจากแอฟริกาเหนือถึงตอนกลางของจีน, ส่วนใหญ่ของประเทศออสเตรเลียและบางส่วนของทวีปแอฟริกาตอนใต้ และทางตะวันตกของทวีปอเมริกาก็เป็นสีแทน สีเขียวเข้มกินบริเวณส่วนใหญ่ของซีกโลกเหนือ สีเขียวอ่อนปกคลุมแผ่นดินกว้างใหญ่ใกล้เส้นศูนย์สูตร บริเวณขั้วโลกเป็นสีขาว บริเวณปลายแผ่นดินทิศเหนือมีสีฟ้า|ภูมิอากาศมหภาคของโลก สีแทนเป็นทะเลทรายหรือพื้นที่แห้งแล้ง สีเขียวเข้มเป็นภูมิอากาศอบอุ่นภาคพื้นทวีป และเขียวอ่อนเป็นป่าฝนเขตร้อน สีฟ้าและขาวเป็นทันดราและครอบน้ำแข็ง]]</nowiki></code>
<blockquote>[[ไฟล์:Köppen-vereinfacht.svg|thumb|center|400px|alt=แผนที่โลก แถบสีแทนลากจากแอฟริกาเหนือถึงตอนกลางของจีน, ส่วนใหญ่ของประเทศออสเตรเลียและบางส่วนของทวีปแอฟริกาตอนใต้ และทางตะวันตกของทวีปอเมริกาก็เป็นสีแทน สีเขียวเข้มกินบริเวณส่วนใหญ่ของซีกโลกเหนือ สีเขียวอ่อนปกคลุมแผ่นดินกว้างใหญ่ใกล้เส้นศูนย์สูตร บริเวณขั้วโลกเป็นสีขาว บริเวณปลายแผ่นดินทิศเหนือมีสีฟ้า|ภูมิอากาศมหภาคของโลก สีแทนเป็นทะเลทรายหรือพื้นที่แห้งแล้ง สีเขียวเข้มเป็นภูมิอากาศอบอุ่นภาคพื้นทวีป และเขียวอ่อนเป็นป่าฝนเขตร้อน สีฟ้าและขาวเป็นทันดราและครอบน้ำแข็ง]]</blockquote>

====ความสูงหน่วยเป็นพิกเซล====
ในการเจาะจงความสูงแน่นอนของภาพ แล้วปล่อยให้ความกว้างได้สัดส่วนกับความสูง ให้นำหน้าความสูงด้วย <code>x</code> ตัวอย่างต่อไปนี้ปรับขนาดภาพให้มีความสูง 60px ดังนี้

: <code><nowiki>[[ไฟล์:Flag of Scotland.svg|thumb|center|x60px|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]</nowiki></code>
[[ไฟล์:Flag of Scotland.svg|thumb|center|x60px|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]

====ความกว้างหรือความสูงหน่วยเป็นพิกเซล อย่างใดอย่างหนึ่งที่ทำให้ภาพเล็กกว่า====
หากคุณเจาะจงทั้งความกว้างและความสูงของภาพ ภาพจะมีขนาดขึ้นอยู่กับค่าที่ทำให้ภาพเล็กกว่า ซึ่งจะทำให้ภาพพอดีในพื้นที่หนึ่ง ๆ โดยไม่ขึ้นกับขนาดแท้จริงของภาพ เนื่องจากสัดส่วนของ [[:ไฟล์:Flag of Scotland.svg]] เป็น 5×3 การเจาะจงความกว้าง 120px จะได้ภาพขนาด 120×72px และการเจาะจงความสูง 60px จะได้ภาพขนาด 100×60px ฉะนั้นเขตข้อมูลขนาด <code>120x60px</code> จะได้ภาพที่มีขนาดเล็กกว่าระหว่างสองกรณี กล่าวคือ ภาพขนาด 100×60px ดังนี้

: <code><nowiki>[[ไฟล์:Flag of Scotland.svg|thumb|center|120x60px|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]</nowiki></code>
[[ไฟล์:Flag of Scotland.svg|thumb|center|120x60px|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]

====จำนวนพิกเซลกับแฟกเตอร์แนวตั้ง{{Anchor|px vs upright}}====
แม้จำนวนพิกเซลเข้าใจง่ายกว่าแฟกเตอร์แนวตั้ง แต่จะปรับตามการตั้งค่าของผู้ใช้ได้น้อยกว่า ตัวอย่างเช่น สมมติว่าภาพมีรายละเอียดบางอย่างและโดยปริยายมีขนาดเล็กเกินไแเล็กน้อย และคุณต้องการเพิ่มขนาดประมาณ 10% แม้ <code>upright=1.1</code> และ <code>240px</code> จะใช้ได้ผลดีสำหรับกรณีทั่วไปที่ความกว้างโดยปริยายเท่ากับ 220 พิกเซล ผู้ใช้หลายคนที่ตั้งความกว้างโดยปริยายเป็น 300 พิกเซลเพื่อให้ทำงานดีขึ้นสำหรับจอภาพความละเอียดสูงจะรู้สึกรำคาญกับ <code>200px</code> เพราะจะทำให้ภาพมีขนาดเล็กกว่าขนาดที่ต้องการหนึ่งในสาม ในทางตรงข้าม <code>upright=1.1</code> จะแสดงผลภาพที่มีความกว้าง 330 พิกเซล และน่าจะทำงานได้ดีกับการแสดงผลของพวกเขามากกว่า

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

===พาโนรามา===
ภาพขนาดใหญ่มากไม่ควรใส่เข้าบทความโดยตรง เพราะก่อให้เกิดปัญหาในสิ่งแวดล้อมเบราว์เซอร์บางอย่าง ภาพที่กว้างกว่า 550px มักควรถือเป็นพาโนรามา ซึ่งสามารถสร้างได้ด้วยแม่แบบ {{tl|Wide image}} ตัวอย่างเช่น

: <code><nowiki>{{wide image|Helsinki z00.jpg|1800px|alt=พาโนรามานครที่มีสิ่งปลูกสร้างระหวา่งห้าชั้นและสิบชั้น|กรุง[[เฮลซิงกิ]] ประเทศฟินแลนด์ มีสิ่งปลูกสร้างมากมาย}}</nowiki></code>
{{wide image|Helsinki z00.jpg|1800px|alt=พาโนรามานครที่มีสิ่งปลูกสร้างระหวา่งห้าชั้นและสิบชั้น|กรุง[[เฮลซิงกิ]] ประเทศฟินแลนด์ มีสิ่งปลูกสร้างมากมาย}}

===ไฟล์ DjVu และ PDF===
[[File:Abroad - 1882.djvu|thumb|right|150px|โดย ทอมัส เครน|page=13]]
[[File:Cinderella (1865).pdf|thumb|left|150px|นี่คือหน้า 2|page=2]]
สามารถตัดทอนภาพจากไฟล์ [[DjVu]] หรือ [[Portable Document Format|PDF]]  ได้ โดยตัวแปรเสริม "page" ตัวอย่างเช่น
: <small><code><nowiki>[[File:Abroad - 1882.djvu|thumb|right|150px|โดย ทอมัส เครน|page=13]]</nowiki></code></small><br /><br />
: <small><code><nowiki>[[File:Cinderella (1865).pdf|thumb|left|150px|นี่คือหน้า 2|page=2]]</nowiki></code></small>
{{-}}

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

<blockquote>
[[ไฟล์:Wikitanface.png|thumb|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
[[ไฟล์:Flag of Scotland.svg|thumb|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]
<span style="color:#996633">{{Lorem ipsum}}</span>
</blockquote>
{{-}}

ทางแก้ดีที่สุดบ่อยครั้งได้แก่การเพิ่มข้อความให้มากขึ้น ดังตัวอย่างข้างล่าง แต่บางทีก็ไม่สามารถทำได้ ส่วนย่อยต่อไปนี้แสดงทางแก้อื่นของปัญหานี้

<blockquote>
[[ไฟล์:Wikitanface.png|thumb|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
<span style="color:#996633">{{Lorem ipsum|3}}</span>
[[ไฟล์:Flag of Scotland.svg|thumb|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]
<span style="color:#996633">{{Lorem ipsum|2}}</span>
</blockquote>
{{-}}

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

<blockquote>
[[ไฟล์:Wikitanface.png|thumb|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
{{Lorem ipsum|2}}
[[ไฟล์:Flag of Scotland.svg|thumb|left|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]
{{Lorem ipsum|2}}
</blockquote>
{{-}}

===การจัดเรียงร่วมกัน===
การมีสองภาพที่ตามตรรกะควรจัดกลุ่มร่วมกันเป็นเรื่องปกติ แม่แบบ {{tl|multiple image}} เป็นทางแก้ปัญหาอย่างหนึ่ง ตัวอย่างเช่น

{{multiple image
 | width = 80
 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
 | image1 = Yellow card.svg
 | alt1 = คาร์ทูชสีเหลือง
 | caption1 = เตือน
 | image2 = Red card.svg
 | alt2 = คาร์ทูชสีแดง
 | caption2 = ไล่ออก
}}
<pre style="overflow:auto;">
{{multiple image
 | width = 80
 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
 | image1 = Yellow card.svg
 | alt1 = คาร์ทูชสีเหลือง
 | caption1 = เตือน
 | image2 = Red card.svg
 | alt2 = คาร์ทูชสีแดง
 | caption2 = ไล่ออก
}}
</pre>
{{-}}

แม่แบบเดียวกันนี้ยังสามารถใช้จัดเรียงภาพในแนวตั้ง ดังนี้

{{multiple image
 | direction = vertical
 | width = 80
 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
 | image1 = Yellow card.svg
 | alt1 = คาร์ทูชสีเหลือง
 | caption1 = เตือน
 | image2 = Red card.svg
 | alt2 = คาร์ทูชสีแดง
 | caption2 = ไล่ออก
}}
<pre style="overflow:auto;">
 {{multiple image
 | direction = vertical
 | width = 80
 | footer = ใบสีสองใบที่กรรมการฟุตบอลใช้
 | image1 = Yellow card.svg
 | alt1 = คาร์ทูชสีเหลือง
 | caption1 = เตือน
 | image2 = Red card.svg
 | alt2 = คาร์ทูชสีแดง
 | caption2 = ไล่ออก
}}
</pre>
{{-}}

===แกลอรี===
แกลอรีแสดงหลายภาพเป็นแถวลำดับหรือผังคล้ายกัน โดยทั่วไปไม่ควรเพิ่มแกลอรีหากมีที่ว่างพอสำหรับให้แสดงผลภาพอย่างมีประสิทธิภาพติดกับข้อความ

ในทางเทคนิค สามารถสร้างแกลอรีได้หลายทาง วิธีหนึ่งที่ง่ายและยืดหยุ่นได้แก่[[วิธีใช้:ตาราง|วากยสัมพันธ์ตาราง]] ตัวอย่างเช่น

<pre style="overflow:auto;">
{|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]]
|}
</pre>
{|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]]
|}

วิธีง่ายอีกวิธีหนึ่งได้แก่ป้ายระบุ <nowiki><gallery></nowiki> ซึ่งทำงานดังนี้

<pre>
<gallery>
File:Wiki.png|คำบรรยาย 1
File:Wiki.png|คำบรรยาย 2
</gallery>
</pre>

จะได้เป็น

<gallery>
File:Wiki.png|คำบรรยาย 1
File:Wiki.png|คำบรรยาย 2
</gallery>

คุณยังสามารถกำหนดข้อความทางเลือกและตัวแปรเสริมเรนเดอร์ภาพอื่นอย่างเลขหน้าสำหรับ pdf เช่น

<pre style="overflow:auto;">
<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>
</pre>

จะได้เป็น

<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 ยังมีตัวแปรเสริมบางตัว เช่น <samp>widths</samp>, <samp>heights</samp> และ <samp>mode</samp> เป็นต้น เอกสารประกอบฉบับเต็มมีอยู่ที่ [[mw:Help:Images#Gallery_syntax]] ตัวอย่างเช่น

<source lang="moin" style="overflow:auto;">
<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>
</source>

จะได้ว่า
<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>


แม่แบบ {{tl|Gallery}} เป็นวิธีที่สาม

{{pre2|scroll|<nowiki>{{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]].
}}</nowiki>}}
{{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]].
}}

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

<pre>{{clear}}</pre>

<blockquote>
[[ไฟล์:Wikitanface.png|thumb|alt=ภาพการ์ตูนเด็กหญิงในชุดนักเรียน|''วิกิพีตัง'']]
<span style="color:#996633">{{Lorem ipsum}}</span>
{{clear}}
[[ไฟล์:Flag of Scotland.svg|thumb|alt=กากบาททแยงสีขาวบนพื้นหลังสีฟ้า|ธงชาติสกอตแลนด์]]
<span style="color:#996633">{{Lorem ipsum}}</span>
{{clear}}
</blockquote>

== การใส่ภาพปกติ ==

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

: <code><nowiki>[[ไฟล์:Wikitanface.png|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]</nowiki></code>

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

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

<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Wikitanface.png|200px|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]*<span style="color:#996633">{{Lorem ipsum}}</span></blockquote>
* ''หมายเหตุ:'' หากต้องการได้ภาพปกติที่มีคำบรรยายภาพ สามารถใช้แม่แบบ {{tl|Plain image with caption}} ได้ คำบรรยายภาพจะเพิ่มเป็นข้อความชื่อเรื่องและข้อความทางเลือกของภาพโดยอัตโนมัติ และมาร์กอัพวิกิทั้งหมดจะมีการแสดงผลอย่างถูกต้องในคำบรรยาย แต่จะถูกลบออกจากข้อความทางเลือกและข้อความชื่อเรื่องโดยอัตโนมัติ

===ขนาดภาพปกติ===
ภาพปกติมีค่าโดยปริยายเป็นขนาดเดิมของภาพ ซึ่งสามารถเขียนทับได้ด้วยการระบุขนาด ตัวอย่างเช่น

: <code><nowiki>[[ไฟล์:Wikitanface.png|50px|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Wikitanface.png|50px|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]*<span style="color:#996633">{{Lorem ipsum}}</span></blockquote>
{{-}}

{{Anchor|frameless}}
ตัวเลือก <code>frameless</code> ทำให้ภาพปกติมีค่าโดยปริยายเดียวกับภาพขนาดเล็ก ขนาดภาพปกติสามารถปรับได้ด้วยตัวเลือก <code>upright=''factor''</code> [[#ขนาดภาพ|เช่นเดียวกับภาพขนาดเล็ก]] ถ้าคุณใช้ค่าโดยปริยายความกว้างภาพขนาดย่อ 220 พิกเซล ความกว้างของภาพตัวยอ่างต่อไปนี้จะเป็น 220 × 0.2 พิกเซล ซึ่งปัดเป็น 40 พิกเซล

: <code><nowiki>[[ไฟล์:Amun.svg|frameless|upright=0.2|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]</nowiki></code>
<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Amun.svg|frameless|upright=0.2|alt=ภาพเต็มความสูงของชายในชุดอียิปต์โบราณ เขามีผิวสีน้ำตาลแดงและสวมหมวกที่มีขนนกสูงสีน้ำเงิน|อะมุน เทพเจ้าอียิปต์โบราณ ซึ่งวาดก่อนสมัยอะมาร์นา]]*<span style="color:#996633">{{Lorem ipsum}}</span></blockquote>
{{-}}

===ขอบ===
ตัวเลือก <code>border</code> เพิ่มขอบหนึ่งพิกเซล ซึ่งมีประโยชน์เมื่อการแยกภาพจากพื้นหลังมีความสำคัญ ต่อไปนี้เป็นภาพเดียวกันที่มีขอบและไม่มีขอบ

: <code><nowiki>[[ไฟล์:Flag of Japan.svg|border|30px|ธงขาวที่มีวงกลมแดง]]</nowiki></code>
: <code><nowiki>[[ไฟล์:Flag of Japan.svg|30px|ธงขาวที่มีวงกลมแดง]]</nowiki></code>

ซึ่งจะได้ {{nowrap|"[[ไฟล์:Flag of Japan.svg|border|30px|ธงขาวที่มีวงกลมแดง]] [[ไฟล์:Flag of Japan.svg|30px|ธงขาวที่มีวงกลมแดง]]"}}

===การปรับแนวนอน===
ภาพปกติสามารถจัดให้ลอยซ้ายหรือขวาได้โดยมีข้อความไหลอยู่รอบ ๆ หรือจัดกลางหรือชิดซ้ายโดยไม่มีข้อความไหลได้ เช่นเดียวกับภาพขนาดเล็ก ข้อแตกต่างเดียวคือหากจะจัดให้ภาพปกติลอยชิดขวาจะต้องใช้ตัวแปรเสริม <code>right</code> ด้วย ตัวอย่างเช่น 

: <code><nowiki>[[ไฟล์:Wikitanface.png|right|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]</nowiki></code>

<blockquote><span style="color:#996633">{{Lorem ipsum}}</span>*[[ไฟล์:Wikitanface.png|right|200px|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]*<span style="color:#996633">{{Lorem ipsum|2}}</span></blockquote>
{{-}}

===การปรับแนวตั้ง===
{{Anchor|baseline|middle|sub|super|text-top|text-bottom|top|bottom}}

เมื่อภาพปกติปรากฏในข้อความ จะมีการปรับเพื่อให้ตรงกลางแนวตั้งอยู่ ณ ที่ที่ศูนย์กลาง "x" ตัวเล็กโดยประมาณ หากภาพมีขนาดใหญ่เกินกว่าความสูงของบรรทัด ภาพจะแลบออกด้านบนและด้านล่าง ตัวอย่างเช่น ตัวเลือก <code>baseline</code> ดังนี้

: <code><nowiki>X[[ไฟล์:Flag of Hungary vertical.svg|baseline|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]X</nowiki></code>

จะได้ "{{nowrap|X[[ไฟล์:Flag of Hungary vertical.svg|baseline|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]X}}" แทนค่าโดยปริยาย "{{nowrap|X[[ไฟล์:Flag of Hungary vertical.svg|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]X}}" ตัวเลือกสำหรับการปรับแนวตั้งที่มีอยู่ ติดกับผลลัพธ์ที่จะได้ มีดังนี้ {{nowrap|<code>baseline[[ไฟล์:Flag of Hungary vertical.svg|baseline|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}},
{{nowrap|<code>middle[[ไฟล์:Flag of Hungary vertical.svg|middle|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}} (ค่าโดยปริยาย),
{{nowrap|<code>sub[[ไฟล์:Flag of Hungary vertical.svg|sub|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}},
{{nowrap|<code>super[[ไฟล์:Flag of Hungary vertical.svg|super|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}},
{{nowrap|<code>text-top[[ไฟล์:Flag of Hungary vertical.svg|text-top|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}},
{{nowrap|<code>text-bottom[[ไฟล์:Flag of Hungary vertical.svg|text-bottom|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}},
{{nowrap|<code>top[[ไฟล์:Flag of Hungary vertical.svg|top|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}}, และ
{{nowrap|<code>bottom[[ไฟล์:Flag of Hungary vertical.svg|bottom|8px|ฉบับแนวตั้งของธงไตรรงค์แนวนอน (สีแดง ขาว เขียว)]]</code>}}

===การเชื่อมโยง===
{{Anchor|link}}
หากคุณต้องการทำลิงก์ในบรรทัดไปยังภาพภายนอก พึงทราบว่าวิกิพีเดียไม่อนุญาตการกระทำดังกล่าว

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

หากภาพนั้นอยู่ในสาธารณสมบัติ ซึ่งไม่ต้องแสดงที่มาไปยังผู้อัปโหลด คุณสามารถสร้างภาพปกติที่เชื่อมโยงไปยังหน้าอื่นได้โดยใช้ตัวเลือก <code>link</code>

ในการสร้างการเชื่อมโยงไปหน้าอื่น ให้ระบุชื่อในตัวเลือก link พร้อมกับคำบรรยายที่เหมาะสมซึ่งบอกใบ้ผู้อ่านว่าจะเกิดอะไรขึ้นหากคลิกลิงก์ คำบรรยายนี้เป็นทั้งข้อความชื่อเรื่องและทูลทิป และเป็นข้อความทางเลือกสำหรับผู้พิการทางสายตา ตัวอย่างเช่น <code><nowiki>[[ไฟล์:Flag of France.svg|20px|link=ประเทศฝรั่งเศส|ประเทศฝรั่งเศส]]</nowiki></code> จะก่อกำเนิดธงชาติ [[ไฟล์:Flag of France.svg|20px|link=ประเทศฝรั่งเศส|ประเทศฝรั่งเศส]] ที่เชื่อมโยงไปยังบทความชื่อ ''[[ประเทศฝรั่งเศส]]

ในการสร้างการเชื่อมโยงไปยังเว็บภายนอก ให้ระบุ[[ยูอาร์แอล]]ในตัวเลือก link ร่วมกับใส่คำบรรยายที่เหมาะสม ตัวอย่างเช่น <code><nowiki>[[ไฟล์:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|พอร์ทัลรัฐบาลเบลเยียม]]</nowiki></code> จะก่อกำเนิดธงชาติ [[ไฟล์:Flag of Belgium.svg|20px|link=http://www.belgium.be/en/|พอร์ทัลรัฐบาลเบลเยียม]] ซึ่งเชื่อมโยงไปยังพอร์ทัลภาษาอังกฤษของรัฐบาลเบลเยียม

ภาพที่มีไว้ตกแต่งอย่างเดียว ซึ่งไม่ให้สารสนเทศใด ๆ และไม่มีผลเมื่อถูกคลิก สามารถเจาะจงด้วยลักษณะประจำ alt ว่าง ตัวอย่างเช่น <code><nowiki>[[ไฟล์:Flag of the United States.svg|20px|link=|alt=]]</nowiki></code> จะก่อกำเนิดธงชาติ [[ไฟล์:Flag of the United States.svg|20px|link=|alt=]] ซึ่งมีไว้เพื่อตกแต่งอย่างเดียว อยา่งไรก็ดี ไฟล์ที่มีไว้ตกแต่งอย่างเดียวนั้นใช้ได้ตามกฎหมายอย่างนี้ได้เฉพาะเมื่อเป็นสาธารณสมบัติหรือเข้าได้กับ [[WP:NFCC]] เท่านั้น

===แผนที่ภาพ===
<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>

คุณสามารถเชื่อมโยงส่วนต่าง ๆ ของภาพไปยังที่ต่าง ๆ โดยใช้[[mw:Extension:ImageMap|แผนที่ภาพ]] ตัวอย่างเช่น ในภาพทางขวามือ เมื่อคลิกวงกลมซึ่งมีขนาดประมาณรูปบุคคลซ้ายมือ จะนำผู้อ่านไปยังบทความ "[[:en:William Jennings Bryan|วิลเลียม เจ. ไบรอัน]]" และรูปบุคคลขวามือจะนำไปยังบทความ "[[:en:Arthur Sewall|อาเทอร์ เซวอล]]" และเมื่อคลิกที่อื่นจะไปยัง <code><nowiki>http://projects.vassar.edu/1896/democrats.html</nowiki></code> ภาพนี้ก่อกำเนิดโดยมาร์กอัพต่อไปนี้

<source lang="moin" style="overflow:auto;">
<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>
</source>

มาร์กอัพ imagemap เจาะจงข้อความชื่อเรื่อง (ทูลทิป) ไว้สำหรับสามบริเวณ ได้แก่ "วิลเลียม เจ. ไบรอัน", "อาเทอร์ เซวอล" และ "นักการเมืองพรรคเดโมแครตปี 1896" ตามลำดับ ข้อความทางเลือกสำหรับบริเวณ imagemap จะตรงกับข้อความชื่อเรื่องเสมอ ข้อความทางเลือกสำหรับภาพโดยรวมจะมีระบุในบรรทัดแรกของมาร์กอัพ imagemap มิติดั้งเดิมของภาพพื้นหลังเป็น 3916×1980 พิกเซล และพิกัดที่ระบุไว้ในมิติเหล่านี้ไม่ใช่ในภาพปรับขนาด 300px สามารถระบุบริเวณเป็นรูปวงกลม สี่เหลี่ยมผืนผ้าและรูปหลายเหลี่ยมตามใจชอบได้ดังอธิบายใน[[mw:Extension:ImageMap|เอกสารประกอบแผนที่ภาพ]] และสามารถย้ายหรือระงับไอคอน "i" สีน้ำเงิน [[ไฟล์:Desc-20.png|x14px|link=|alt=]] ได้ นอกจากนี้ ภาพยังสามารถระบุเป็น <code>thumb</code> หรือ <code>frame</code> ได้ หมายความว่าภาพจะมีข้อความและคำบรรยายทั้งหมดตามปกติ โดยมีไอคอนสี่เหลี่ยมผืนผ้าคู่ [[ไฟล์:Magnify-clip.png|link=|alt=]] แทนไอคอน "i" สีน้ำเงิน [[ไฟล์:Desc-20.png|x14px|link=|alt=]]

นอกจากนี้ยังมี[[meta:User:Dapete/ImageMapEdit|ตัวแก้ไขแผนที่ภาพ]]

==ความเห็นประกอบซ้อนทับบนภาพ==
บางแผนภาพมีการอัปโหลดโดยปลอดข้อความ เพื่อให้ใช้ได้ในหลายภาษา หรือบุคคลอาจประสงค์เพิ่มลิงก์คลิกได้เข้าในภาพ ในกรณีดังกล่าว สามารถเพิ่มความเห็นประกอบข้อความเข้าสู่ภาพด้วยแม่แบบ {{tl|Annotated image}} หรือ {{tl|Annotated image 4}}

แม่แบบเหล่านี้ทำให้สามารถใส่ข้อความวิกิ (เช่น ข้อความปกติ ลิงก์วิกิและแม่แบบอ้างอิง) ในตัวภาพ นอกจากนี้ยังสามารถใช้ตัดส่วนภาพเพื่อให้มุ่งเน้นเฉพาะส่วนใดส่วนหนุ่งของภาพได้ หรืออีกทางหนึ่ง ขยายพื้นที่สีขาวรอบตัวภาพเพื่อให้จัดวางข้อความวิกิได้ดีขึ้น
{| style="margin-left: auto; margin-right: auto; border: none;"
|+ ตัวอย่างแม่แบบภาพที่มีความเห็นประกอบ
|{{Annotated image | float=none | caption=ตัวอย่างแผนภาพมีความเห็นประกอบ (โดยใช้ [[แม่แบบ:Annotated image]]) ที่มีลิงก์วิกิคลิกได้และข้อความซ้อนทับ | image=Wiwaxia body zones.png | width=300 | height=110| image-width=150 | image-left=93 | image-top=0
| annotations =
{{Annotation|88|25|[[Spine]]}}
{{Annotation|150|37|Dorsal}}
{{Annotation|58|60|Upper lateral}}
{{Annotation|204|70|Lower lateral}}
{{Annotation|58|79|Ventro-lateral}}
{{Annotation|173|96|<span style{{=}}"background-color:#753a00">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> {{=}} Frontal}}
}}
|{{Annotated image 4 | align=center | caption=ตัวอย่างแผนภาพมีความเห็นประกอบ (โดยใช้ [[แม่แบบ:Annotated image ]]) ที่มีลิงก์วิกิคลิกได้และข้อความซ้อนทับ| image=Wiwaxia body zones.png | width=300 | height=116| image-width=150 | image-left=93 | image-top=0
| annotations =
{{Annotation|88|25|[[Spine]]}}
{{Annotation|150|37|Dorsal}}
{{Annotation|58|60|Upper lateral}}
{{Annotation|204|70|Lower lateral}}
{{Annotation|58|79|Ventro-lateral}}
{{Annotation|173|96|<span style{{=}}"background-color:#753a00">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span> {{=}} Frontal}}
}}
|[[ไฟล์:Wiwaxia body zones.png|ภาพและคำบรรยภาพขณะเป็นภาพขนาดเล็ก โดยปลอดความเห็นประกอบ|thumb|left]]
|}<!-- 
-->

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

: <code><nowiki>[[:ไฟล์:Wikitanface.png]]</nowiki></code>
: [[:ไฟล์:Wikitanface.png]]

คุณสามารถเปลี่ยนข้อความของลิงก์ไปเป็นไปตามต้องการได้

: <code><nowiki>[[:ไฟล์:Wikitanface.png|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]</nowiki></code>
: [[:ไฟล์:Wikitanface.png|ภาพการ์ตูนเด็กหญิงในชุดนักเรียน]]

คุณยังสามารถส่งผู้ใช้ไปยังภาพโดยตรงได้ เช่น

: <code><nowiki>[[Media:Wikitanface.pngg]]</nowiki></code>
: [[สื่อ:Wikitanface.png]]

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

สุดท้าย คุณสามารถลิงก์ไปยังภาพหนึ่งจากไอคอนสี่เหลี่ยมผืนผ้าคู่เล็กของภาพขนาดเล็ก [[File:Magnify-clip.png|link=|alt=]] แต่ให้แสดงผลอีกภาพหนึ่งได้โดยใช้ "{{para|thumb|<var>ชื่อภาพที่แสดง</var>}}" กรณีนี้ตั้งใจไว้สำหรับกรณีพบน้อยเมื่อซอฟต์แวร์วิกิพีเดียลดภาพเป็นภาพขนาดเล็กทำได้ไม่ดี และคุณต้องการใส่ภาพขนาดเล็กของคุณเอง ในตัวอย่างต่อไปนี้ ลิงก์สี่เหลี่ยมผืนผ้าคู่ไปยัง ''[[:ไฟล์:Anime stub 2.svg]]'' แต่ภาพที่แสดงเป็น ''[[:ไฟล์:Anime stub.png]]'':

[[ไฟล์:Anime stub 2.svg|thumb=Anime stub.png |alt=ศีรษะเด็กหญิงสไตล์มังงะ มีผมสีน้ำเงิน ตาโตและกำลังยิ้มอยู่ มีชิ้นจิ๊กซอว์สีเทาอยู่ใต้และรอบผมเธอ |ประกอบจิ๊กซอว์เข้าด้วยกัน]]
: <code><nowiki>
[[ไฟล์:Anime stub 2.svg|thumb=Anime stub.png |alt=ศีรษะเด็กหญิงสไตล์มังงะ มีผมสีน้ำเงิน ตาโตและกำลังยิ้มอยู่ มีชิ้นจิ๊กซอว์สีเทาอยู่ใต้และรอบผมเธอ |ประกอบจิ๊กซอว์เข้าด้วยกัน]]
</nowiki></code>

==กรณีที่จะไม่เรนเดอร์ภาพ==
หากภาพไม่เรนเดอร์ กลับแสดงรหัสวิกิในบทความแทน อาจเกิดจากสาเหตุต่อไปนี้
* วากยสัมพันธ์ภาพไม่สมบูรณ์หรือไม่ถูกต้อง
* คำบรรยายอาจมีป้ายระบุลิงก์ที่ไม่สมบูรณ์ โดยเฉพาะอย่างยิ่งเครื่องหมายวงเล็บเหลี่ยม ''<nowiki>[[</nowiki>'' และ ''<nowiki>]]</nowiki>'' ที่ไม่มีคู่ซึ่งจะกลายเป็นตีความว่าเป็นวากยสัมพันธ์ภาพ
* ภาพก่อนหน้าอาจมีวากยสัมพันธ์ไม่ถูกต้อง โดยเฉพาะอย่างยิ่งเครื่องหมาย ''<nowiki>]]</nowiki>'' ในตอนท้ายไม่สมบูรณ์
* รหัสวิกิต้องมีอักษรใหญ่เล็กตามต้นฉบับ ดังนั้นถ้าไฟล์ภาพชื่อ '''ภาพ:Photo_of_Wikipede.JPG''' คุณต้องใช้อักษรใหญ่สำหรับ "JPG" ด้วย

== ดูเพิ่ม ==
* [[วิธีใช้:ไฟล์]]
* {{tl|External media}}
* [[วิกิพีเดีย:การอัปโหลดภาพ]]
* [[วิกิพีเดีย:นโยบายการใช้ภาพ]]
* [[วิกิพีเดีย:การเตรียมภาพสำหรับอัปโหลด]]
* [[commons:Commons:First steps|Commons:First steps]] – สอนวิธี
* [[commons:Category:Commons resources|Commons resources category]]
* [[meta:Free image resources|Free image resources]] – ที่สำหรับค้นหาภาพเสรีเพื่อใช้ในวิกิพีเดีย

{{หน้าวิธีใช้วิกิพีเดีย}}
[[หมวดหมู่:วิธีใช้วิกิพีเดีย]]
[[หมวดหมู่:ภาพในวิกิพีเดีย|*]]