Wikipedia:Pedoman gaya/Gambar: Perbedaan antara revisi

Jelajahi riwayat secara interaktif

Konten dihapus Konten ditambahkan

VisualTeks wiki

Revisi per 6 Mei 2009 07.03 sunting REX (bicara \| kontrib) 8.283 suntingan k baru		Revisi terkini sejak 25 Juni 2023 21.45 sunting balikkan Taylor 49 (bicara \| kontrib) Pengurus 9.374 suntingan ada 2 lagi
(42 revisi perantara oleh 24 pengguna tidak ditampilkan)
Baris 1: {{Untuk\|tutorial penggunaan berkas/gambar\|Wikipedia:Tutorial berkas}} ~~'''Halaman ini menjelaskan mengenai sintaksis berkas''' untuk menampilkan suatu berkas gambar atau media lainnya di artikel wiki.~~ {{Untuk\|kebijakan masalah berkas/gambar\|Wikipedia:Kebijakan penggunaan gambar}} {{pedoman\|shortcut1=WP:G\|kat=n}} {{pedoman gaya\|gambar}} {{Seri halaman pengunggahan}} '''Halaman ini menjelaskan mengenai sintaksis berkas''' untuk menampilkan suatu berkas gambar atau media lainnya di sebuah artikel wiki. Sebelum dapat menampilkan berkas, Anda biasanya harus '''[[Bantuan:~~Pemuatan~~Pengunggahan\|memuatkan]]''' (''upload'') berkas tersebut terlebih dahulu. Anda juga dapat menemukan berkas-berkas lokal yang telah dimuatkan pengguna lain di halaman '''[[Istimewa:Berkas baru\|berkas baru]]''' dan '''[[Istimewa:Daftar berkas\|daftar berkas]]'''. Selain berkas-berkas ~~lokal~~yang telah diunggah ke Wikipedia bahasa Indonesia, Anda juga dapat menampilkan langsung (tanpa perlu memuatkan kembali di sini) berkas-berkas dari [[:commons:Halaman Utama\|Wikimedia Commons]] (gudang berkas dan media). Halaman '''[[:commons:Commons:Featured pictures\|gambar pilihan Commons]]''' mungkin dapat menjadi tempat kunjungan pertama Anda di Wikimedia Commons. == Halaman berkas == ~~==Sintaksis==~~ Setiap berkas yang [[Bantuan:Pengunggahan\|dimuat]] memiliki '''halaman gambar''' atau '''halaman deskripsi gambar'''. Istilah ini digunakan tidak hanya untuk gambar, melainkan juga untuk jenis berkas lain, terutama berkas suara. Untuk berkas gambar, halaman ini akan menampilkan keseluruhan gambar atau tergantung dari [[Bantuan:preferensi\|preferensi]] pengguna, versi kecil yang jika diklik akan menampilkan versi penuhnya. Halaman ini digunakan pula sebagai halaman untuk memberikan informasi mengenai gambar atau berkas tersebut. <!-- ==Deskripsi gambar== ==Sejarah gambar== ==Pranala gambar== ==Lihat pula==--> Lihat pula: [[m:Help:Image page]] . == Sintaksis == Sintaksis lengkap untuk menampilkan berkas adalah: '''[[{{ns:image}}:'''{NamaBerkas}'''\|'''{Parameter}''']]''' Baris 12 ⟶ 30: ! width=35% \| Opsi !! Keterangan \|- \| <code>~~border~~tepi</code>, <code>~~frame~~bingkai</code>, <code>~~thumb~~jmpl</code>, atau <code>~~frameless~~nirbing</code> \| Mengatur pemformatan gambar. Jika dituliskan parameter <code>jmpl={NamaBerkas}</code>, maka akan ditampilkan miniatur gambar yang berbeda. \|- \| <code>~~left~~ki</code>, <code>~~right~~ka</code>, <code>~~center~~pusat</code>, <code>~~none~~nir</code> \| Mengatur penjajaran horisontal gambar di dalam teks. \|- \| <code>~~baseline~~garis_dasar</code>, <code>sub</code>, <code>super</code>, <code>~~top~~atas</code>, <code>~~text~~atas-~~top~~teks</code>, <code>~~middle~~tengah</code>, <code>~~bottom~~bawah</code>, <code>~~text~~bawah-~~bottom~~teks</code> \| Mengatur penjajaran vertikal gambar pada baris teks. \|- Baris 30 ⟶ 49: \| Menampilkan gambar menurut ukuran lebar dan tinggi (piksel) \|- \| <code>~~link~~pranala={tujuan}</code> \| Mengatur pranala tujuan jika gambar diklik, bisa ke judul tertentu atau URL ([[rev:41727\|MW 1.14+]]) ''Parameter <code>link</code> tidak dapat digunakan bersamaan dengan <code>thumb</code> maupun <code>frame</code>.'' \|- \| <code>~~link~~pranala=</code> \| Menampilkan gambar tanpa pranala (tidak bisa diklik). Contoh: <code><nowiki>[[Berkas:Nama.jpg\|link=]]</nowiki></code>. \|- Baris 40 ⟶ 59: \| Mengganti teks alternatif (<code>alt=""</code>) suatu gambar ([[rev:41837\|MW 1.14+]]). \|- \| <code>~~page~~hal=1</code> \| '''Kasus khusus'''. Menampikan halaman tertentu ketika menampilkan sebuah berkas <ttcode>djvu</ttcode>. \|} Parameter-parameter ini dapat diberikan tanpa memandang urutan. Jika suatu parameter berselisih dengan parameter lain, maka yang digunakan adalah parameter terakhir, kecuali untuk parameter pemformatan, yang memiliki prioritas urutan berikut: <code>~~frame~~bingkai</code>, <code>~~thumb~~jmpl</code>, dan <code>~~frameless~~nirbing</code> dan/atau <code>~~border~~tepi</code>. Jika suatu parameter yang dimasukkan tidak terdapat dalam tabel di atas, maka parameter tersebut akan dianggap sebagai ''teks judul'' dari gambar tersebut. Teks judul dapat berisikan pranala wiki dan pemformatan umum lainnya. Tabel berikut menampilkan efek dari semua format yang ada. {\| class="wikitable plainlinks" \|- !Keterangan !Yang diketikkan !Hasil tampilan {{Bantuan:Berkas/tabel\|frame=\|ex=tanpa format apa pun}} {{Bantuan:Berkas/tabel\|frame=tepi\|ex=paramater border menghasilkan penampilan gambar dengan garis batas abu-abu tipis}} {{Bantuan:Berkas/tabel\|frame=bingkai\|ex=bingkai (berbingkai)}} {{Bantuan:Berkas/tabel\|frame=jmpl\|ex=jmpl (miniatur gambar)}} {{Bantuan:Berkas/tabel\|frame=nirbing\|ex=parameter nirbing (tanpa bingkai), seperti jmpl, lebarnya diatur melalui [[Istimewa:Preferensi\|preferensi pengguna]] bagian Berkas}} {{Bantuan:Berkas/tabel\|frame=nirbing\|2=tepi\|ex=nirbing dan tepi}} {{Bantuan:Berkas/tabel\|2=pranala=http://wiki-indonesia.club\|ex=pranala eksternal}} {{Bantuan:Berkas/tabel\|2=pranala=\|ex=tanpa pranala eksternal maupun pranala berkas}} \|} Jika tinggi gambar dalam miniatur ternyata lebih lebar dari lebarnya, dan menurut Anda terlalu menonjol, Anda dapat mencoba parameter <code>upright</code>, yang akan mencoba untuk menyesuaikan ke ukuran yang lebih diinginkan. == Penjajaran (''alignment'') == === Penjajaran horisontal === Perlu dicatat bahwa jika Anda menggunakan <code>bingkai</code> atau <code>jmpl</code>, maka secara standar gambar akan ditampilkan menggunakan parameter <code>ka</code>. {\| class="wikitable" !Keterangan !Yang diketikkan !Hasil tampilan {{Bantuan:Berkas/tabel\|frame=\|ex='''tanpa parameter penjajaran apapun''', atau menyuruh program untuk menggunakan penjajaran standar}} {{Bantuan:Berkas/tabel\|frame=nir\|ex=parameter penjajaran '''nir'''}} {{Bantuan:Berkas/tabel\|frame=pusat\|ex='''pusat'''}} {{Bantuan:Berkas/tabel\|frame=ki\|ex='''ki'''}} {{Bantuan:Berkas/tabel\|frame=ka\|ex='''ka'''}} \|} === Penjajaran vertikal === Berikut adalah '''teks yang diketikkan''': <div style="margin: 0 0 0 2em; font-size: 95%;"> Tanpa parameter: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px]] Garis_dasar: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px\|garis_dasar]] Sub: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px\|sub]] Super: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px\|super]] Atas-teks: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px\|atas-teks]] Tengah: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px\|tengah]] Bawah: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px\|bawah]] Bawah-teks: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg\|20px\|bawah-teks]] </div> dengan hasil '''tampilan''' berikut: (teks sengaja diberi garis bawah supaya hasilnya lebih mudah dilihat) <div style="margin: 0 0 0 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;"> <u>Tanpa parameter: [[{{ns:image}}:Flower.jpg\|20px]] Garis_dasar: [[{{ns:image}}:Flower.jpg\|20px\|garis_dasar]] Sub: [[{{ns:image}}:Flower.jpg\|20px\|sub]] Super: [[{{ns:image}}:Flower.jpg\|20px\|super]] Atas-teks: [[{{ns:image}}:Flower.jpg\|20px\|atas-teks]] Tengah: [[{{ns:image}}:Flower.jpg\|20px\|tengah]] Bawah: [[{{ns:image}}:Flower.jpg\|20px\|bawah]] Bawah-teks: [[{{ns:image}}:Flower.jpg\|20px\|bawah-teks]] </u> </div> == Ukuran dan bingkai == Di antara berbagai format, efek dari parameter ukuran (lebar/tinggi) dapat menghasilkan tampilan yang berbeda, sebagaimana ditampilkan di bawah ini. Catatan: * Jika parameter format tidak dituliskan, atau hanya menggunakan <code>tepi</code>, ukuran tampilan gambar dapat diperkecil maupun diperbesar dari ukuran aslinya. * Gambar dengan parameter <code>bingkai</code> selalu mengabaikan parameter ukuran. * Ukuran gambar dengan parameter <code>jmpl</code> dan <code>nirbing</code> dapat diperkecil dari ukuran aslinya, tetapi tidak dapat diperbesar. Untuk melihat bagaimana tampilan gambar jika ukurannya tidak dituliskan, lihat bagian [[#Format\|Format]] di atas. {{Cot\|Ukuran & bingkai gambar\|bg=#F0F2F5}} {\| class="wikitable" !Format!!Diperkecil!!Diperbesar {{Bantuan:Berkas/ukuran\|frame=}} \|- ! !!Diperkecil!!Diperbesar {{Bantuan:Berkas/ukuran\|frame=tepi}} \|- ! !!Diperkecil!!Diperbesar {{Bantuan:Berkas/ukuran\|frame=bingkai}} \|- ! !!Diperkecil!!Diperbesar {{Bantuan:Berkas/ukuran\|frame=jmpl}} \|- ! !!Diperkecil!!Diperbesar {{Bantuan:Berkas/ukuran\|frame=nirbing}} \|} {{cob}} == Membuat galeri gambar == Adalah mudah untuk membuat '''galeri miniatur gambar''' (''thumbnails''), hanya dengan menggunakan tag <code><nowiki><gallery></nowiki></code>. Sintaksisnya adalah: <nowiki><gallery></nowiki> {{ns:image}}:{filename}\|{judul} {{ns:image}}:{filename}\|{judul} {...} </gallery> Perlu dicatat bahwa kode gambar tidak perlu menggunakan tanda kurung siku jika menggunakan tag <code>gallery</code> ini. Judul gambar tidak diharuskan, dan dapat merupakan pranala wiki ataupun pemformatan lainnya. ;Parameter: Tag <code>gallery</code> sendiri memiliki beberapa parameter tambahan: <pre><gallery {parameter}> {daftar gambar} </gallery></pre> * <code>caption={judul}</code>: menampilkan judul galeri. * <code>widths={lebar}px</code>: menentukan lebar gambar. * <code>heights={heights}px</code>: menentukan tinggi (maksimal) gambar. * <code>perrow={angka}</code>: menentukan jumlah gambar di setiap barisnya. {{Cot\|Contoh\|bg=#F0F2F5}} {{Cot\|Contoh sintaksis untuk galeri gambar sederhana\|bg=#A0F2F5}} <pre> <gallery> Berkas:Contoh.jpg\|Gambar 1 Berkas:Contoh.jpg\|Pranala ke [[Bantuan:Isi]] Berkas:Contoh.jpg Berkas:Contoh.jpg Berkas:Contoh.jpg\|''Format judul miring'' Berkas:Contoh.jpg\|Ini halaman "{{PAGENAME}}" </gallery> </pre> {{cob}} akan menghasilkan tampilan sebagai berikut: {{Cot\|Hasil dari sintaksis galeri gambar sederhana\|bg=#A0F2F5\|collapse=no}} <gallery> Berkas:Contoh.jpg\|Gambar 1 Berkas:Contoh.jpg\|Pranala ke [[Bantuan:Isi]] Berkas:Contoh.jpg Berkas:Contoh.jpg Berkas:Contoh.jpg\|''Format judul miring'' Berkas:Contoh.jpg\|Ini halaman "{{PAGENAME}}" </gallery> {{cob}} === Tanpa bingkai === {{Cot\|Contoh sintaksis untuk galeri gambar tanpa bingkai\|bg=#B0F2F5}} <pre> <gallery mode=nolines> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> </pre> {{cob}} akan menghasilkan tampilan sebagai berikut: {{Cot\|Hasil dari sintaksis untuk galeri gambar tanpa bingkai\|bg=#B0F2F5\|collapse=no}} <gallery mode=nolines> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> {{cob}} === Tengah & berbingkai === {{Cot\|Contoh sintaksis untuk galeri gambar berada ditengah & berbingkai\|bg=#C0F2F5}} <pre> <gallery class="center"> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> </pre> {{cob}} akan menghasilkan tampilan sebagai berikut: {{Cot\|Hasil dari sintaksis untuk galeri gambar berada ditengah & berbingkai\|bg=#C0F2F5\|collapse=no}} <gallery class="center"> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> {{cob}} === Galeri gambar dengan lapisan === {{Cot\|Contoh sintaksis untuk galeri gambar dengan lapisan\|bg=#D0F2F5}} <pre> <gallery mode=packed-overlay> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> </pre> {{cob}} akan menghasilkan tampilan sebagai berikut: {{Cot\|Contoh sintaksis untuk galeri gambar dengan lapisan\|bg=#D0F2F5\|collapse=no}} <gallery mode=packed-overlay> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> {{cob}} === Galeri dengan kursor (''slideshow'') === {{Cot\|Contoh sintaksis untuk galeri gambar dengan kursor (''slideshow'')\|bg=#E0F2F5}} <pre> <div style="max-width: 350px;"> <gallery mode=slideshow> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> </div> </pre> {{cob}} akan menghasilkan tampilan sebagai berikut: {{Cot\|Hasil dari sintaksis untuk galeri gambar dengan kursor (''slideshow'')\|bg=#E0F2F5\|collapse=no}} <div style="max-width: 350px;"> <gallery mode=slideshow> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> </div> {{cob}} === Galeri lainnya === {{Cot\|Sintaksis\|bg=#F0F2F5}} <pre> <gallery caption="Sample gallery" widths="160px" heights="120px" class="center" > File:Wiki.png File:Wiki.png\|Captioned File:Wiki.png\|Captioned with alt text\|alt=The Wikipedia logo File:Wiki.png\|[[Help:Contents/Links\|Links]] can be put in captions. File:Wiki.png\|Full [[MediaWiki]] <br/>[[syntax]] may now be used... </gallery> </pre> {{cob}} akan menghasilkan tampilan sebagai berikut: {{Cot\|Hasil \|bg=#F0F2F5\|collapse=no}} <gallery caption="Contoh Hasil" widths="160px" heights="120px" class="center"> File:Wiki.png File:Wiki.png\|Captioned File:Wiki.png\|Captioned with alt text\|alt=The Wikipedia logo File:Wiki.png\|[[Bantuan:Contents/Links\|Links]] can be put in captions. File:Wiki.png\|Full [[MediaWiki]] <br/>[[syntax]] may now be used... </gallery> {{cob}} === Galeri lainnya (''hover'') === {{Cot\|Sintaksis\|bg=#G0F2F5}} <pre> <gallery mode=packed-hover> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> </pre> {{cob}} akan menghasilkan tampilan berlapis apabila disentuh kursor, sebagai berikut: {{Cot\|Hasil\|bg=#G0F2F5\|collapse=no}} <gallery mode=packed-hover> Berkas:Wiki.png\|1 Berkas:Wiki.png\|2 Berkas:Wiki.png\|3 Berkas:Wiki.png\|4 </gallery> {{cob}} {{cob}} == Pranala == ;Sebagai pranala ke halaman keterangan gambar: Jika Anda memberikan sebuah tanda titik dua (<code>:</code>) sebelum <code>{{ns:image}}:</code>, maka berkas gambar tidak akan ditampilkan dan hanya menampilkan sebuah pranala ke halaman keterangan berkas tersebut. <div style="margin: 0 0 0 2em; font-size: 95%;"> <nowiki>[[</nowiki>:{{ns:image}}:Flower.jpg]] <nowiki>[[</nowiki>:{{ns:image}}:Flower.jpg\|Gambar bunga]] </div> akan menghasilkan: <div style="margin: 0 0 0 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;"> [[:{{ns:image}}:Flower.jpg]] [[:{{ns:image}}:Flower.jpg\|Gambar bunga]] </div> ;Sebagai pranala langsung ke berkas gambar: Anda dapat menggunakan ruang nama alias "{{ns:media}}" untuk memberikan pranala langsung ke berkas/gambar yang bersangkutan, tanpa melalui halaman keterangan gambar. <div style="margin: 0 0 0 2em; font-size: 95%;"> <nowiki>[[</nowiki>{{ns:media}}:Flower.jpg]] <nowiki>[[</nowiki>{{ns:media}}:Flower.jpg\|Gambar bunga]] </div> akan menghasilkan: <div style="margin: 0 0 2em 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;"> [[{{ns:media}}:Flower.jpg]] [[{{ns:media}}:Flower.jpg\|Gambar bunga]] </div> '''Anda juga dapat menggunakan: ''' <div style="margin: 0 0 0 2em; font-size: 95%;"> <nowiki>[[</nowiki>{{#special:Filepath}}/{{mediawiki:image_sample}}]] </div> sebagai pranala ke sebuah berkas, bahkan sekalipun berkas/gambar tersebut tidak ada. Anda juga dapat menggunakan: <div style="margin: 0 0 0 2em; font-size: 95%;"> <nowiki>{{</nowiki>FILEPATH:{{mediawiki:image_sample}}<nowiki>}}</nowiki> </div> yang akan menghasilkan sebuah URL eksternal suatu berkas: <div style="margin: 0 0 2em 2em; font-size: 95%; border: 1px solid #aaa; padding: .5em 0 0 1em;"> {{FILEPATH:{{mediawiki:image_sample}}}} </div> == Lihat pula == * [[Wikipedia:Kebijakan penggunaan gambar\|Kebijakan penggunaan gambar]] * [[Bantuan:Pengunggahan\|Bagaimana memuat gambar]] * [[Wikipedia:Memuat gambar dari Wikipedia lain\|Bagaimana memuat gambar dari Wikipedia lain]]. * [[Wikipedia:Tutorial (Berkas)]] * [[Wikipedia:Markah wiki/Gambar dan tabel]] contoh lengkap format berkas * [[Wikipedia:Sumber berkas domain publik]] {{interproyek \| * [[:mw:Help:Images\|MediaWiki]] }} {{Navbox Gabungan Pedoman WBI}} {{DEFAULTSORT:{{PAGENAME}}}} [[Kategori:Bantuan gambar Wikipedia]] [[Kategori:Ruang nama Wikipedia\|06]]