Heading Tag Generator
Generate heading markup from an outline, and check an existing page for structure problems.
Build image tags with alt text, and check the alt text you wrote.
Describe what the image conveys in this context, not what objects are visible.
One image per line, as path then a comma then the alt text.
This tool builds the image markup and then checks the part that matters. You supply the file path and a description, and it produces a complete img tag with the alt attribute, optional width and height to prevent layout shift, and lazy loading where appropriate.
The checker is the more useful half. It flags the mistakes that make alt text worthless: starting with image of or picture of, which a screen reader already announces; using the file name, which is how IMG_4821.jpg ends up being read aloud; writing nothing at all; writing an essay; and stuffing keywords into a description nobody will read with their eyes.
One honest limitation. No tool in a web page can look at your photograph and describe it, because that needs a model running somewhere else. What this does is take a description you write and turn it into correct markup, while telling you when the description has a problem. The thinking about what the image conveys is still yours, and it should be.
The image alt tag generator is used by writers, developers, students, marketers and anyone else who needs the job done once without installing software. Common cases include:
A short sentence describing what the image conveys in its context. The same photograph needs different alt text on a news article and in a product listing. If the image is doing a job on the page, describe that job rather than cataloguing what is visible.
Yes. A purely decorative image, such as a divider or a background flourish, should have alt="" so screen readers skip it. Leaving the attribute off entirely is different and worse: some screen readers then read the file name aloud.
Because the screen reader has already announced that it is an image. Adding image of in front wastes the first few words of every description and quickly becomes grating to anyone listening to a page full of them.
Usually under about 125 characters. Longer than that and listeners lose the thread, and some older screen readers truncate it. If an image genuinely needs more explanation, put that explanation in the page text where everyone benefits.
It helps search engines understand images, and it is the main text signal for image search. That is a real but secondary benefit. The primary reason is that people using screen readers cannot see your images at all.
No. Describing a picture requires a model running on a server, and this site deliberately runs everything in your browser. The tool builds correct markup around a description you write and tells you when that description has a problem.
If the image alt tag generator is not quite what you need, these other free tools solve closely related problems.
Generate heading markup from an outline, and check an existing page for structure problems.
Compress and resize JPEG, PNG and WebP images privately in your browser.
Resize images by pixels or percentage, with aspect ratio locking.
Generate HTML, Markdown and BBCode links with nofollow, sponsored and target options.
Generate Open Graph meta tags with a live preview of the shared link card.