Kode Gambar untuk Forum, Markdown, dan HTML
Setelah punya link gambar langsung, Anda butuh kode yang tepat untuk menampilkannya. Ini contekannya.
BBCode (forum)
| Tujuan | Kode |
|---|---|
| Menampilkan gambar | [img]https://…/photo.jpg[/img] |
| Gambar yang bisa diklik | [url=https://…/page][img]https://…/photo.jpg[/img][/url] |
| Mengatur lebar (sebagian forum) | [img width=400]https://…/photo.jpg[/img] |
Dukungan berbeda-beda tergantung software forum (phpBB, vBulletin, XenForo, SMF), jadi cek halaman bantuan forum Anda.
Markdown
| Tujuan | Kode |
|---|---|
| Menampilkan gambar |  |
| Gambar yang bisa diklik | [](https://…/page) |
Berfungsi di GitHub, GitLab, banyak situs dokumentasi, dan aplikasi catatan. Editor Reddit dan Discord menangani gambar dengan cara berbeda: di Discord, menempel link langsung biasanya memunculkan pratinjau.
HTML
| Tujuan | Kode |
|---|---|
| Menampilkan gambar | <img src="https://…/photo.jpg" alt="Teks alt"> |
| Mengatur ukuran | <img src="…" width="400" height="300" alt="…"> |
| Bisa diklik | <a href="https://…/page"><img src="…" alt="…"></a> |
Tips
- Selalu tambahkan teks alt demi aksesibilitas.
- Gunakan link langsung (berakhiran
.jpg,.png,.gif, atau.webp), bukan link halaman. - Ubah Gambar Jadi Link memberi Anda ketiga kode siap salin setelah mengunggah.