Screenshot of a particular size 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 resized viewport 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.viewport_size = { width: 480, height: 240 }
    page.screenshot(path: './size.png')

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.