Skip to content
Roman's notes

Taking website screenshots from the command line

Taking website screenshots with Firefox

Section titled “Taking website screenshots with Firefox”

Following command will take a screenshot of the website and save it as a file (screenshot.png):

Terminal window
/Applications/Firefox.app/Contents/MacOS/firefox \
  --screenshot https://www.apple.com

You can also change the window size and save the screenshot to a specific file:

Terminal window
/Applications/Firefox.app/Contents/MacOS/firefox \
  --window-size=1920,1080 \
  --screenshot "~/Downloads/ozana.png" https://www.ozana.cz

Taking website screenshots with Google Chrome

Section titled “Taking website screenshots with Google Chrome”

You can capture a website with Google Chrome using the following command:

Terminal window
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --headless --disable-gpu \
  --screenshot --hide-scrollbars --virtual-time-budget=2000 \
  --window-size=1920,1428 \
  https://www.apple.com

or you can print whole page to PDF:

Terminal window
/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome \
  --headless --disable-gpu \
  --no-pdf-header-footer --no-margins \
  --virtual-time-budget=2000 \
  --run-all-compositor-stages-before-draw
  --print-to-pdf="~/Downloads/apple.pdf" \
  https://www.apple.com

Ger more information about Chrome Headless mode