FIELD NOTE / 09
Publish the image with context and accessible text
A practical handoff: filenames, captions, alt text, responsive layout and a downloadable review sheet.
Name the asset for the work it does
Use a descriptive name such as ceramic-concept-600.webp instead of final-final2.png. Store a master folder with the untouched original and a separate exports folder with the files used on the site. Record the source, permission basis, generation details if available, and date. Do not infer that every AI output is suitable for every commercial use. For third-party inputs check the relevant permission and provider terms before publication; this workflow is not a legal assessment.
Write what a reader needs to know
For an article examining the cup’s shape, an appropriate alt text is “Ivory fluted vessel on a green cylindrical pedestal”. It describes visible content without inventing a handle, brand or material certification. The caption can add “AI-generated ceramic concept; not a photograph of a product for sale”. If the image is purely decorative and the adjacent text already supplies its meaning, an empty alt attribute may be appropriate. Do not repeat a keyword list or start every description with “image of”.
Make the layout predictable
For the 600 × 600 download, set the image attributes width="600" and height="600", and apply max-width:100%; height:auto in CSS. The declared dimensions describe the actual file; do not label the 600-pixel image as 1200. If you later supply multiple resolutions of the same framing, srcset can let the browser choose. A different portrait composition needs an intentional art-direction decision. Start with one correct image rather than adding variants that have never been inspected.
Check the published page, not only the editor
Open the published URL in a narrow and a wide window. Verify that the image loads, the subject remains visible, the caption is readable and the download points to the intended file. Check the response and actual asset path if an image is broken. Use a regular HTML image element for meaningful article images. A crawlable page and a working sitemap do not prove search indexing or AdSense approval. Download and complete the worksheet; leave unknown results explicitly unresolved instead of marking every box as passed.
Your publishing checklist
Selections stay on this page only. Download the blank worksheet to keep your decisions.
Download the publishing worksheet (.txt) ↓Try this workflow
Use our saved 1024 × 1024 AI sample. No generation credit or file upload needed.
Open image tools ↗From idea to a published blog image
A practical path for blog authors and small website owners. Work with the saved sample, inspect the evidence, then apply the method to your own article.