L. Hugo Theme Liquid Demo 返回文章
L. Hugo Theme Liquid Demo
5 min read 216 字词

Image Rendering Showcase

Local image assets for checking aspect ratios, captions, and responsive rendering.

DesignPhotography
#Design#Photography#Responsive#Testing

Why Local Assets Matter

These images live in static/images/test-assets/, so this page is deterministic even when a preview is rendered offline. Their colors are intentionally quiet, while their dimensions make it easy to inspect max-width, intrinsic sizing, aspect ratio, and mobile overflow.

Landscape Image

A mint and coral abstract landscape used to test a wide image

The landscape has a 1200×675 view box. Its caption is supplied by the alt text above, which should remain useful to a screen reader without being repeated visually by accident.

Portrait Image

Tall abstract portrait test image with translucent circles
Portrait asset · 600×900 · local and repeatable

The portrait is intentionally taller than the reading column. It should stay within the content width while keeping its natural proportions.

Square Image

Square four-color grid used to check a one-to-one aspect ratio

The square image is useful for spotting CSS that assumes every image is landscape. Its caption is intentionally provided by the alt text rather than a separate visual label.

Small Image

Small abstract landscape used to check intrinsic dimensions

This asset is only 180×120 in its view box. It should not be stretched into a blurry full-width banner unless the theme explicitly chooses to do so.

A Large-Width Image with a Long Alt Description

A wide abstract test composition showing a pale green sky, a muted coral sun near the upper-right quadrant, two overlapping blue-green mountain layers, and a small printed dimension label along the lower edge; the image is a local static asset used to test long alternative text and responsive image boundaries

Attribution and Adjacent Text

The artwork is an original geometric placeholder created for this repository. There is no remote attribution URL or authentication requirement. A related typography test follows the same local-content principle and is useful for comparing image captions with ordinary prose.