How to Capture Screenshots of Multiple URLs with Loki

Short answer: Loki is designed to capture and compare Storybook stories, not to take screenshots from a list of unrelated URLs. If your pages are Storybook stories, use Loki’s baseline-and-test workflow below. For arbitrary URLs, use a browser automation tool such as Playwright or a screenshot API.

What Loki captures—and what it does not

The Loki documentation describes a Storybook visual-regression workflow: it captures screenshots of tested stories and compares them with reference images you keep in your project. It does not document an option for supplying Loki with an arbitrary list of web URLs. See the Loki getting-started guide and CLI reference, both last updated August 27, 2024.

#	Preview	Product	Price
1		King&Charles Versatile Screen Roller Tool, 3pcs Different Roller+Hook+Trim	$11.02	Buy on Amazon

So “multiple URLs” can mean two different tasks:

• Multiple Storybook pages or components: run Loki against the stories in your Storybook, optionally narrowing the run with its filters.
• Unrelated public or internal web pages: Loki’s documented workflow is not a URL-batch screenshotter. Use browser automation or a screenshot service instead.

Capture and compare multiple Storybook stories with Loki

These commands follow the documented Yarn workflow. Run them from the project directory. Loki’s setup guide says initialization detects the project and adds defaults to package.json.

#1 Best Overall

Sale

King&Charles Versatile Screen Roller Tool, 3pcs Different Roller+Hook+Trim

• --- 𝐏𝐀𝐓𝐄𝐍𝐓 𝐀𝐏𝐏𝐋𝐈𝐄𝐃 𝐅𝐎𝐑---
• 🏡【𝐊𝐢𝐧𝐠&𝐂𝐡𝐚𝐫𝐥𝐞𝐬 𝐑&𝐃 𝐈𝐧𝐭𝐞𝐧𝐭𝐢𝐨𝐧】Versatile Screen Tool - combines the core functions of multi-size roller, hidden hooks, and replaceable blades, and designed this multifunctional screen tool. It solves the problems of traditional screen installation tools with single functions, lack of safety and adaptability. It truly realizes multiple uses of one tool, making screen replacement time-saving, labor-saving, and worry-free. One-time purchase can meet your installation or replacement needs.
• 🏡【𝟑 𝐒𝐢𝐳𝐞𝐬 𝐈𝐧𝐭𝐞𝐫𝐜𝐡𝐚𝐧𝐠𝐞𝐚𝐛𝐥𝐞 𝐑𝐨𝐥𝐥𝐞𝐫𝐬】Flexible Adaptation - In view of the differences in thickness of different window splines, we gift the roller into three specifications: Convex 0.13", Concave 0.13", and Concave 0.18", ensuring perfect matching with the mainstream rubber strip sizes on the market. Feature①: The roller is made of high-hardness plastic, which is strong and durable while avoiding the risk of traditional metal rollers scratching the screen mesh. Feature②: Metal bearing design - smoother rotation, even pressure without deviation. TIPS: you can use the provided Allen wrench to quickly disassemble and replace them.
• 🏡【𝐁𝐥𝐚𝐝𝐞 𝐅𝐮𝐧𝐜𝐭𝐢𝐨𝐧-𝐑𝐞𝐭𝐫𝐚𝐜𝐭𝐚𝐛𝐥𝐞&𝐒𝐭𝐨𝐫𝐚𝐠𝐞&𝐑𝐞𝐩𝐥𝐚𝐜𝐞𝐚𝐛𝐥𝐞】①Retractable-When in use, just hold button, blade will slow rollout, convenient trimming and cutting. Blade can be retracted to prevent Accident scratches. ②Blade has double locking device: it automatically locks to prevent retraction during work and is completely closed to prevent accidental touch when retracted. Ansure your safety. ③Replaceable - A separate button is provided for changing the blades. ④Blade is made of steel-sharp, durable and won't rust. ⑤Storage-Handle has built-in blade storage design to place complimentary blade.Extra equipped 2xreplacement blades- increase service life of tool.
• 🏡【𝐇𝐢𝐝𝐞𝐚𝐛𝐥𝐞 𝐑𝐞𝐦𝐨𝐯𝐚𝐥 𝐇𝐨𝐨𝐤】The hooks are sharp and can hook out the aged spline. The removal hook can be stored and hidden in the handle slot box. OPEN the box cover, take out the hook and insert it into the groove for use. can RETRACT after use to prevent the hook tip from scratching clothes or tool boxes. Hook made of Stainless steel material won't rust.

$11.02

Buy on Amazon

1. Install Loki and initialize it:
   yarn add loki --dev
yarn loki init
2. Start your Storybook server. Loki needs access to the stories it will capture. Use the server command and configuration appropriate to your project.
3. Create reference screenshots:
   yarn loki update
   The guide says the default reference-image location is a loki folder. Check the generated images into version control; the guide also mentions Git LFS as an option.
4. Run the visual comparison:
   yarn loki test
   Loki captures the stories and compares the resulting images with the references.
5. Review differences before accepting them. Inspect the current and difference output folders. If the visual change is intentional, update the references with yarn loki approve, or use the command suggested for approving only failed tests.

Do not approve a changed baseline solely to make a failing test pass: first confirm that the difference is expected. A baseline is the comparison point for later runs, so accepting an unintended change can hide a regression.

Filter stories and tune capture behavior

The CLI reference lists options to narrow which stories or browser configurations run and to set output locations. It also documents Chrome capture controls. Check the version installed in your project before relying on a particular flag: the reference was last updated August 27, 2024.

The filter flags select Loki stories, configurations, or targets; they are not a substitute for a URL-list input. When running Loki through Yarn or npm, put -- before arguments you want the package runner to pass through. For example, the forwarding pattern is yarn loki test -- --storiesFilter=<filter>; use the exact flag syntax accepted by your installed Loki version.

Capture screenshots of arbitrary URLs with Playwright

If each input is an unrelated URL, a browser automation script can navigate to each address, wait for an appropriate point, and save a screenshot. Playwright’s official documentation shows page screenshots, full-page capture, and visual comparisons, but does not provide a ready-made batch-URL command. You must implement the loop and decide how to name files and handle failed navigations.

For reference, the basic Playwright Test page-capture pattern is:

import { test } from '@playwright/test';

test('capture a page', async ({ page }) => {
  await page.goto('https://example.com');
  await page.screenshot({ path: 'example.png', fullPage: true });
});

For multiple URLs, place the navigation and screenshot calls in a loop or separate tests, and generate a unique, filesystem-safe filename for each URL. Choose a wait condition based on the site: a page’s initial load event may not mean that client-rendered content or lazy-loaded images are ready. Playwright supports full-page screenshots, but a full-page capture does not by itself guarantee that every lazy image has loaded.

Keep visual comparisons reproducible by generating and comparing snapshots in the same environment. Playwright notes that operating system, browser version, settings, hardware, power source, and headless mode can affect rendering. Its guidance is at Playwright visual comparisons.

Troubleshooting Loki runs

• Loki does not capture the URLs you expected: confirm that they are Storybook stories. The documented CLI material does not establish an arbitrary URL-list feature.
• The command ignores a filter or other option: confirm the option exists in your installed version and pass runner arguments after -- when invoking through Yarn or npm.
• A story times out: check that Storybook is reachable and that the story finishes loading within the configured timeout. The CLI reference lists 60,000 milliseconds as the Chrome default; adjust the setting only if the page legitimately needs more time.
• Screenshots differ across machines or CI runs: keep the operating system, browser version, capture settings, and execution mode consistent. Rendering can vary with the environment, so compare images produced in the same environment.
• A diff appears after a deliberate design change: inspect the current and difference images, then update the reference using Loki’s approval workflow only after confirming the change is intended.

Or skip the browser setup

For arbitrary URLs, ScreenshotNeo provides a screenshot API and MCP server. Its API returns an image or PDF from a GET request; the documentation is at ScreenshotNeo API docs.

Example cURL request:

curl -G "https://api.screenshotneo.com/v1/shot" -d access_key=YOUR_API_KEY --data-urlencode url=https://stripe.com -o shot.webp

ScreenshotNeo removes supported cookie and consent banners, newsletter popups, and chat widgets before capture; each cleanup step can be turned off. Bot checks or CAPTCHAs, blank pages, timeouts, failed loads, and cache hits are not billed, and the response includes X-Page-Verdict and X-Billed headers. Its MCP server offers take_screenshot, get_page_info, and capture_pdf for AI agents and MCP clients. The free plan includes 1,000 screenshots per month with no card; paid plans start at $5 for 3,000 screenshots.

Sign up free for 1,000 screenshots a month—no card required.

Frequently Asked Questions

Can Loki capture several Storybook stories in one run?

Yes. Loki runs against the tested stories in your Storybook; use its story, configuration, or target filters to narrow a run.

Does Loki have a documented option for a list of unrelated URLs?

The reviewed Loki CLI documentation does not describe one. Use a browser automation script or a screenshot API for arbitrary URL lists.

Why can the same screenshot look different on two machines?

Browser and operating-system versions, capture settings, hardware, and headless mode can affect rendering. Run comparisons in a consistent environment.

Quick Recap

SaleBestseller No. 1

King&Charles Versatile Screen Roller Tool, 3pcs Different Roller+Hook+Trim

--- 𝐏𝐀𝐓𝐄𝐍𝐓 𝐀𝐏𝐏𝐋𝐈𝐄𝐃 𝐅𝐎𝐑---

$11.02

Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.