A Developer Guide to Viewport Sizes for Screenshots
To avoid screenshot issues, set a specific viewport size when using headless browsers like Puppeteer or Playwright. This depends on the purpose of the screenshot, such as matching a user base for visual regression testing or matching a specific output ratio for social previews. For PDF generation, use a paper size viewport. Don't assume a default viewport size, as this can lead to unexpected results.