Códigos de Imagem para Fóruns, Markdown e HTML
Depois de ter um link direto de imagem, você precisa do código certo para exibi-lo. Aqui vai um guia rápido.
BBCode (fóruns)
| Objetivo | Código |
|---|---|
| Mostrar uma imagem | [img]https://…/photo.jpg[/img] |
| Imagem clicável | [url=https://…/page][img]https://…/photo.jpg[/img][/url] |
| Definir largura (alguns fóruns) | [img width=400]https://…/photo.jpg[/img] |
O suporte varia conforme o software do fórum (phpBB, vBulletin, XenForo, SMF), então confira a página de ajuda do seu fórum.
Markdown
| Objetivo | Código |
|---|---|
| Mostrar uma imagem |  |
| Imagem clicável | [](https://…/page) |
Funciona no GitHub, no GitLab e em muitos sites de documentação e apps de notas. O editor do Reddit e o Discord tratam imagens de outro jeito: no Discord, colar um link direto geralmente mostra uma prévia.
HTML
| Objetivo | Código |
|---|---|
| Mostrar uma imagem | <img src="https://…/photo.jpg" alt="Texto alternativo"> |
| Definir tamanho | <img src="…" width="400" height="300" alt="…"> |
| Clicável | <a href="https://…/page"><img src="…" alt="…"></a> |
Dicas
- Sempre adicione texto alternativo para acessibilidade.
- Use o link direto (terminado em
.jpg,.png,.gifou.webp), não o link de uma página. - Converter imagem em link entrega os três códigos prontos para copiar depois do envio.