Wikipedia:Pedoman gaya/Gambar: Perbedaan antara revisi
Konten dihapus Konten ditambahkan
k baru |
k upd (selesai) |
||
Baris 14:
| <code>border</code>, <code>frame</code>, <code>thumb</code>, atau <code>frameless</code>
| Mengatur pemformatan gambar.
Jika dituliskan parameter <code>thumb={NamaBerkas}</code>, maka akan ditampilkan miniatur gambar yang berbeda.
|-
| <code>left</code>, <code>right</code>, <code>center</code>, <code>none</code>
Baris 47 ⟶ 48:
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.
== Format ==
Tabel berikut menampilkan efek dari semua format yang ada.
{| class="wikitable plainlinks"
|-
!Keterangan
!Yang diketikkan
!Hasil tampilan
{{Bantuan:Berkas/tabel|frame=|ex=tanpa format apapun}}
{{Bantuan:Berkas/tabel|frame=border|ex=paramater border menghasilkan penampilan gambar dengan garis batas abu-abu tipis}}
{{Bantuan:Berkas/tabel|frame=frame|ex=frame (berbingkai)}}
{{Bantuan:Berkas/tabel|frame=thumb|ex=thumb (miniatur gambar)}}
{{Bantuan:Berkas/tabel|frame=frameless|ex=parameter frameless (tanpa bingkai), seperti thumb, lebarnya diatur melalui [[Istimewa:Preferensi|preferensi pengguna]] bagian Berkas}}
{{Bantuan:Berkas/tabel|frame=frameless|2=border|ex=frameless dan border}}
{{Bantuan:Berkas/tabel|2=link=http://wikipedia.org|ex=pranala eksternal}}
{{Bantuan:Berkas/tabel|2=link=|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'') ==
Perlu dicatat bahwa jika Anda menggunakan <code>frame</code> atau <code>thumb</code>, maka secara standar gambar akan ditampilkan menggunakan parameter <code>right</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=none|ex=parameter penjajaran '''none'''}}
{{Bantuan:Berkas/tabel|frame=center|ex='''center'''}}
{{Bantuan:Berkas/tabel|frame=left|ex='''left'''}}
{{Bantuan:Berkas/tabel|frame=right|ex='''right'''}}
|}
=== 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]]
Baseline: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|baseline]]
Sub: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|sub]]
Super: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|super]]
Text-top: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|text-top]]
Middle: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|middle]]
Bottom: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|bottom]]
Text-bottom: <nowiki>[[</nowiki>{{ns:image}}:Flower.jpg|20px|text-bottom]]
</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]]
Baseline: [[{{ns:image}}:Flower.jpg|20px|baseline]]
Sub: [[{{ns:image}}:Flower.jpg|20px|sub]]
Super: [[{{ns:image}}:Flower.jpg|20px|super]]
Text-top: [[{{ns:image}}:Flower.jpg|20px|text-top]]
Middle: [[{{ns:image}}:Flower.jpg|20px|middle]]
Bottom: [[{{ns:image}}:Flower.jpg|20px|bottom]]
Text-bottom: [[{{ns:image}}:Flower.jpg|20px|text-bottom]]
</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>border</code>, ukuran tampilan gambar dapat diperkecil maupun diperbesar dari ukuran orisinalnya.
* Gambar dengan parameter <code>frame</code> selalu mengabaikan parameter ukuran.
* Ukuran gambar dengan parameter <code>thumb</code> dan <code>frameless</code> dapat diperkecil dari ukuran orisinalnya, tetapi tidak dapat diperbesar.
Untuk melihat bagaimana tampilan gambar jika ukurannya tidak dituliskan, lihat bagian [[#Format|Format]] di atas.
{| class="wikitable"
!Format!!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=}}
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=border}}
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=frame}}
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=thumb}}
|-
! !!Diperkecil!!Diperbesar
{{Bantuan:Berkas/ukuran|frame=frameless}}
|}
== 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.
'''Contoh:'''
<div style="margin: 0 0 0 2em; font-size: 95%;">
<nowiki><gallery></nowiki>
{{ns:image}}:{{mediawiki:image_sample}}|Gambar 1
{{ns:image}}:{{mediawiki:image_sample}}|Pranala ke <nowiki>[[</nowiki>Bantuan:Isi]]
{{ns:image}}:{{mediawiki:image_sample}}
{{ns:image}}:{{mediawiki:image_sample}}
{{ns:image}}:{{mediawiki:image_sample}}| <nowiki>''Format judul miring''</nowiki>
{{ns:image}}:{{mediawiki:image_sample}}|Ini halaman "<nowiki>{{</nowiki>PAGENAME}}"
</gallery>
</div>
ditampilkan sebagai berikut:
<div style="margin: 0 0 0 2em; font-size: 95%;">
<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>
</div>
===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.
== 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>
[[Kategori:Bantuan gambar Wikipedia]]
| |||