Markdown Imagens

Última atualização: 2026-10-14

Imagens Núcleo CommonMark

A sintaxe de imagem é quase igual à de link, com apenas um ponto de exclamação a mais na frente: ![texto alternativo](endereço da imagem). O texto alternativo aparece quando a imagem falha ao carregar e também é fundamental para acessibilidade e SEO — escreva-o com cuidado.

GrupoBásico·Bloco
Nível de especificaçãoNúcleo CommonMark
Versão da especificaçãoCommonMark 0.31.2 + GFM

📝 Sintaxe

![Texto alternativo](/images/photo.png "título opcional")

▶ Exemplo interativo

Edite o Markdown à esquerda e veja o resultado à direita

💡 Destaques

💡 Tip Imagens de sites externos sofrem com bloqueio de hotlink e com desativação; para imagens importantes, baixe-as e hospede você mesmo.
ℹ️ Note Para imagens com caminho relativo neste site, atenção ao nível dos subdiretórios de idioma; prefira caminhos a partir da raiz, começando com /.

❓ Perguntas frequentes

P Posso controlar o tamanho da imagem?
R Com Markdown puro, não; use HTML <img width> ou classes CSS.
P Posso colocar um link na imagem?
R Basta aninhar: [![Texto alternativo](imagem)](endereço do link).
P Como deve ser escrito o texto alternativo?
R Descreva o conteúdo e a função da imagem, de forma curta e específica; imagens puramente decorativas podem ficar com alt="".

📚 Itens relacionados

LinksNúcleo CommonMark
Web-Tutorial.com

Equipe Técnica Web-Tutorial

Uma plataforma de tutoriais mantida por diversos desenvolvedores. Cada tutorial é escrito e revisado por profissionais da área correspondente. Trabalhamos para manter nosso conteúdo preciso e confiável — se encontrar algum problema, avise-nos.

100%