Sponsored by Magic Hour

By Magic Hour Editorial Team

Prepared with AI assistance.

A short video preview can introduce an illustration on a WordPress page, but it should earn its place beside the still image. Movement is useful when it communicates a deliberate visual idea. It is less useful when the visitor must wait through an effect to discover what the page contains. Start with a complete static version, then decide whether a moving preview adds anything.

This guide uses a hypothetical, original illustration of three paper shapes arranged on a plain background. There is no real client project, recorded user test, or measured loading result behind the example. The aim is to plan a modest visual asset and review it before publication, rather than to promise a particular performance score or visitor response.

Define the preview’s job

Write a sentence explaining why the illustration appears on the page. Perhaps it introduces an article about arranging handmade paper designs. The still image can show the finished composition, while an optional clip presents a gentle shift in the same scene. Neither version needs to claim that the arrangement was photographed at a workshop or produced for an actual customer.

Keep a copy of the original illustration and record which elements you created. Work with your own abstract shapes and background, rather than borrowing a recognizable character or another designer’s artwork. Use the original file as the reference when checking crops, colors, and any generated variation.

Build the static version first

Select a crop that still makes sense when displayed in the intended page section. Avoid placing a necessary label at the extreme edge, where another crop could remove it. If explanatory text belongs to the page, keep it as page text rather than embedding the only copy inside the picture. That makes the explanation available independently of the visual asset.

Prepare a descriptive caption and an appropriate text alternative for the image. For this example, the caption might say, “Original illustration of three paper shapes.” It should not imply a real event or product demonstration. Keep this still available even if you later decide to include a video.

Choose between authored movement and generated motion

A basic editor can arrange a sequence of your own stills or move a crop across the illustration. This approach gives you direct control over which elements appear and when. If the goal is simply to show the complete composition followed by a detail, two still images may communicate the idea without any moving asset.

For an optional creative interpretation, Magic Hour’s image-to-video tool can generate a short video from a starting image. Use the owned illustration and describe restrained motion. Treat the resulting clip as a draft to inspect, not as a guaranteed faithful reproduction of every shape in the source.

Compare the output with the original. Look for altered outlines, added objects, or changes that conflict with the page’s explanation. Reject a clip that introduces an unintended suggestion. Label an accepted generated version “AI generated illustration,” and do not describe its movement as recorded footage of an actual craft process.

Plan the page presentation before exporting

Decide where the visitor can start, pause, or replay the preview, using the controls available in the selected page setup. A still preview with an intentional play action is worth considering when continuous movement would distract from reading. Check the actual behavior rather than assuming that an editor preview matches the published page.

Keep the clip limited to its visual purpose. Remove unnecessary sections and audio that adds nothing to the explanation. Choose an export suited to the publishing workflow, then inspect both the file and its appearance on the page. Calling a file “lightweight” is a design intention here, not a verified loading-time claim.

Review the page on a small screen as well as a larger one. Confirm that the crop, caption, play controls, and surrounding text remain usable. If the moving version is awkward or obscures the explanation, publish the still. A static image is a complete presentation choice, not an unfinished version of the page.

Read the supporting workflow diagram

The original supporting diagram shows three conceptual panels: “Owned illustration,” “Optional motion draft,” and “Page preview.” The same three paper shapes appear in each panel. The middle panel identifies the interpretation as requiring review. This is an original concept diagram, not a screenshot, a generated video, or a record of an actual website test.

Before publication, check that the caption describes the asset accurately, the still remains accessible, and essential information appears outside the clip. Add reviewed subtitles if narration is later included. The final choice should serve the page’s explanation: an owned illustration first, optional movement second, and a clear account of how that movement was made.