Alt Text Studio · Documentation

How to import images from HTML

Paste raw HTML containing <img> tags and Alt Text Studio extracts them.

Already have a page or email with <img> tags but missing alt? Paste the raw HTML and we'll extract every image and queue them for generation.

1

Open the Multiple URLs or HTML textarea on /create

On the Create page, scroll past Image URL and Image Upload to the Multiple URLs or HTML textarea. The same input accepts plain URLs or raw HTML.

The Multiple URLs or HTML textarea at the bottom of the Alt Text Studio Input panel, outlined in red, showing example image URLs as placeholder text
One box takes a list of image URLs or a block of raw HTML.
2

Paste your HTML

View source or copy the relevant chunk of your page. Paste it into the textarea. Click Upload. Alt Text Studio scans for <img> tags and pulls every src it finds.

Sample HTML to paste
<div class="gallery">
  <img src="https://alttextstudio.com/images/examples/headphones-product.webp" />
  <img src="https://alttextstudio.com/images/examples/candle-product.webp" />
  <figure>
    <img src="https://alttextstudio.com/images/examples/scenic.webp" />
    <figcaption>Mountains at sunrise</figcaption>
  </figure>
</div>
3

Review the extracted images

Each <img> tag becomes a card. We pull every src value out of the pasted HTML. You can remove any image you don't want by clicking the × on its card before generating.

The X button at the top right of the large image preview in Alt Text Studio, which removes just that image from the batch
The X removes only the image you are looking at.
4

Generate for all

Hit Generate for all. The result panel includes an HTML tab that wraps the alt text in a complete <img> tag, so you can paste it back into your page.

Only absolute URLs are extracted (https://...). Relative paths like src="/images/foo.jpg" are skipped, so paste HTML that already has fully-qualified image URLs.

Related guides

← PreviousHow to link multiple image URLsNext →How to import a CSV