Screenshot of a particular area with Ruby and Playwright

Install Playwright and Playwright client for Ruby

npm install playwright@1.27.1
gem install playwright-ruby-client

Take a screenshot of the clip and save to file

require 'playwright'

Playwright.create(playwright_cli_executable_path: './node_modules/.bin/playwright') do |playwright|
  playwright.chromium.launch(headless: false) do |browser|
    page = browser.new_page
    page.screenshot(path: './clip.png', clip:{x: 300, y:300, width: 480, height: 240})

Find out how to take a full-page screenshot with Ruby and Playwright.

We created Urlbox to make converting HTML to images easy

Learn more about our website screenshot API.