HTML Image Generator
Generate an <img> tag — set the source, alt text, size, alignment, and loading behavior, then copy the ready-to-use HTML. Free, instant, no AI involved.
Input
Settings
Scales the image to its container's width instead of a fixed size.
Add custom CSS classes to the element. Separate multiple classes with spaces.
Output
Guides
Build a ready-to-paste <img> tag — set the source, alt text, size, alignment, and loading behavior, then copy the generated HTML.
Runs entirely in your browser: no AI call, no credits, no network round-trip. The output updates instantly as you type.
How to use it
- Set the Image URL and Alt Text.
- Optionally set a fixed width/height, make it Responsive, or align it left/center/right — these map to a small inline
styleattribute. - Copy or download the generated HTML.
Why is there no live preview?
The output is real, unsanitized markup — rendering it directly on the page isn't safe (and the image URL you enter may not even be reachable from here). Paste the code into your own page to see it in context.
Use it from code
From 3 credits per callREST API
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": ""
}'Swap in your own key from your account. The tool's fields are the body — no wrapper.
Ask an AI agent
Use the IOTools `html-generator__image` tool (HTML Image Generator) on this input:
YOUR_INPUT_HEREPaste this at any agent connected to the IOTools MCP server, then add your input.