Images

Various image formats, sizes, and attributes for testing image handling.

Standard Images

800×600 placeholder image
800×600 SVG with alt text, width & height
400×300 placeholder image
400×300 SVG with alt text
100×100 placeholder image
100×100 SVG (small square)

Image Without Alt Text

Accessibility tools should flag this.

Empty Alt Text (Decorative)

alt="" indicates a decorative image.

Lazy-Loaded Image

Lazy-loaded image

Uses loading="lazy" attribute.

Responsive Image (srcset)

Responsive image with srcset

Uses srcset and sizes for responsive loading.

Figure with Caption

Test pattern inside a figure
This image is wrapped in a <figure> element with a <figcaption>.

Inline SVG

Inline SVG

SVG rendered directly in the HTML, not as an external file.

Broken Image

This image is intentionally broken

The src points to a non-existent file. Useful for testing error handling.

Image as Link

Clickable image linking to homepage

Image wrapped in an <a> tag.

Background Image (CSS)

Applied via inline CSS background-image.