Gerador de Imagem HTML
Gere uma tag <img> — defina a origem, o texto alternativo, o tamanho, o alinhamento e o comportamento de carregamento, depois copie o HTML pronto para uso. Gratuito, instantâneo, sem IA.
Entrada
Configurações
Dimensiona a imagem à largura do contêiner, em vez de usar um tamanho fixo.
Adicione classes CSS personalizadas ao elemento. Separe várias classes com espaços.
Saída
Mais formas de usar esta ferramenta
API REST
curl -X POST https://api.iotools.cloud/v1/tool/html-generator/image \
-H "Authorization: Bearer YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{
"customSrc": "https://example.com/image.jpg",
"customAltText": "Image description",
"customResponsive": "",
"customWidth": "",
"customHeight": "",
"customAlign": "",
"customLoading": "lazy",
"customClasses": ""
}'Troque pela sua própria chave, da sua conta. Os campos da ferramenta viram o corpo da requisição — sem envelope.
Peça a um agente de IA
Use the IOTools `html-generator__image` tool (HTML Image Generator) on this input:
YOUR_INPUT_HERECole isto em qualquer agente conectado ao servidor MCP do IOTools e depois adicione sua entrada.
Widget para incorporar
<iframe
src="https://iotools.cloud/embed/html-generator/image/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Gerador de Imagem HTML — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Coloque isso na sua própria página — grátis, sem chave, só um link de volta.
| Custo por chamada de API/MCP | A partir de 5 créditos |
|---|---|
| Precisa de mais créditos? | Ver preços |
Também disponível via
Guias
Crie uma tag <img> pronta para colar — defina a origem, o texto alternativo, o tamanho, o alinhamento e o comportamento de carregamento, depois copie o HTML gerado.
Executa inteiramente no seu navegador: sem chamada de IA, sem créditos, sem ida e volta à rede. A saída é atualizada instantaneamente conforme você digita.
Como usar
- Defina a URL da imagem e o Texto alternativo.
- Opcionalmente, defina largura/altura fixas, marque Responsiva ou alinhe à esquerda/centro/direita — isso se traduz em um pequeno atributo
styleinline. - Copie ou baixe o HTML gerado.
Por que não há pré-visualização ao vivo?
A saída é marcação real, sem sanitização — renderizá-la diretamente na página não é seguro (e a URL da imagem que você informar pode nem estar acessível daqui). Cole o código na sua própria página para vê-lo em contexto.