{"id":44743,"date":"2018-05-18T23:01:08","date_gmt":"2018-05-18T15:01:08","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=44743"},"modified":"2022-06-28T20:28:07","modified_gmt":"2022-06-28T12:28:07","slug":"fullscreen-capture-chrome-extension","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/","title":{"rendered":"Capture Full Website Screenshot With This Chrome Extension"},"content":{"rendered":"<p>I always like to grab a full screenshot of awesome websites I find online. But the \u201cprint screen\u201d button only grabs what\u2019s directly on your screen.<\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/gofullpage-full-page-scre\/fdpohaocaechififmbbbbbknoalclacl\" target=\"_blank\" rel=\"noopener\">Full Page Screen Capture<\/a> is the best solution I\u2019ve found that lets you grab 100% <strong>complete vertical screenshots from any webpage<\/strong>.<\/p>\n<p>With this extension, you just visit the page and click the small camera icon in your extensions pane. Easy-breezy with no limitations.<\/p>\n<p class=\"note\"><strong>Read Also:<\/strong> <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/screen-capture-browser-extensions\/\" rel=\"noopener\">10 Awesome Screen Capturing Browser Extensions<\/a><\/p>\n<figure><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/gofullpage-full-page-scre\/fdpohaocaechififmbbbbbknoalclacl\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/01-fullpage-screen-capture-extension.jpg\" alt=\"full screen chrome extension\" width=\"1000\" height=\"699\"><\/a><\/figure>\n<p>The extension is <strong>totally free<\/strong> and should work in all versions of Chrome including dev versions.<\/p>\n<p>It also comes with a handy shortcut command <strong>Alt+Shift+P<\/strong> that automatically pulls the screenshot of any page you\u2019re on. This extension captures the page by <strong>auto-scrolling up and down grabbing images<\/strong> as it goes, then piecing them all together in one final shot.<\/p>\n<p>This process can take a few seconds depending on <a href=\"https:\/\/www.hongkiat.com\/blog\/chrome-boost-browsing-speed\/\">the size<\/a> of the page. I\u2019ve found it\u2019s pretty quick on sites that don\u2019t have too many dynamic features.<\/p>\n<p>Once it\u2019s complete you\u2019ll find the snapshot opened in a new tab in Chrome, ready to copy or save straight to your computer.<\/p>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/02-screen-capture-extension-sample.jpg\" alt=\"screen capture chrome extension\" width=\"1000\" height=\"503\"><\/figure>\n<p>One thing I\u2019ve noticed with this plugin is that you have to pay attention to animated objects. Certain page elements like <a href=\"https:\/\/www.hongkiat.com\/blog\/free-responsive-image-gallery\/\">slideshows<\/a> will auto-scroll between photos and can mess up your final shot.<\/p>\n<p>Granted it\u2019s not so difficult to piece this together with one more screen on your own. But sometimes you\u2019ll have annoying features like sticky navbars that appear in every new section of the page, ruining your fullview shot.<\/p>\n<p>To solve this I head into <a href=\"https:\/\/www.hongkiat.com\/blog\/chrome-web-developers-tips\/\">Chrome\u2019s DevTools panel<\/a> and <strong>edit the CSS for the fixed bar to keep it static<\/strong>. Might take a little extra work but my screenshot comes out pixel perfect.<\/p>\n<p>If you frequently take screens of websites this extension will prove to be a huge timesaver.<\/p>","protected":false},"excerpt":{"rendered":"<p>This Chrome extension allows you to take a complete vertical screenshot of any website without any limitations.<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3393],"tags":[1258,2998,4615],"topic":[],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.7) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Capture Full Website Screenshot With This Chrome Extension - Hongkiat<\/title>\n<meta name=\"description\" content=\"This Chrome extension allows you to take a complete vertical screenshot of any website without any limitations.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Capture Full Website Screenshot With This Chrome Extension\" \/>\n<meta property=\"og:description\" content=\"This Chrome extension allows you to take a complete vertical screenshot of any website without any limitations.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-18T15:01:08+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-06-28T12:28:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/01-fullpage-screen-capture-extension.jpg\" \/>\n<meta name=\"author\" content=\"Jake Rocheleau\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jake Rocheleau\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/\"},\"author\":{\"name\":\"Jake Rocheleau\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\"},\"headline\":\"Capture Full Website Screenshot With This Chrome Extension\",\"datePublished\":\"2018-05-18T15:01:08+00:00\",\"dateModified\":\"2022-06-28T12:28:07+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/\"},\"wordCount\":328,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fullscreen-capture-chrome-extension\\\/01-fullpage-screen-capture-extension.jpg\",\"keywords\":[\"Chrome\",\"Chrome Extensions\",\"Screen Capture Tips &amp; Tools\"],\"articleSection\":[\"Toolkit\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/\",\"name\":\"Capture Full Website Screenshot With This Chrome Extension - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fullscreen-capture-chrome-extension\\\/01-fullpage-screen-capture-extension.jpg\",\"datePublished\":\"2018-05-18T15:01:08+00:00\",\"dateModified\":\"2022-06-28T12:28:07+00:00\",\"description\":\"This Chrome extension allows you to take a complete vertical screenshot of any website without any limitations.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fullscreen-capture-chrome-extension\\\/01-fullpage-screen-capture-extension.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/fullscreen-capture-chrome-extension\\\/01-fullpage-screen-capture-extension.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/fullscreen-capture-chrome-extension\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Capture Full Website Screenshot With This Chrome Extension\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/966b2daea15283b4145e71aa98a82c2a\",\"name\":\"Jake Rocheleau\",\"description\":\"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers\",\"sameAs\":[\"https:\\\/\\\/www.hongkiat.com\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/jake\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Capture Full Website Screenshot With This Chrome Extension - Hongkiat","description":"This Chrome extension allows you to take a complete vertical screenshot of any website without any limitations.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/","og_locale":"en_US","og_type":"article","og_title":"Capture Full Website Screenshot With This Chrome Extension","og_description":"This Chrome extension allows you to take a complete vertical screenshot of any website without any limitations.","og_url":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2018-05-18T15:01:08+00:00","article_modified_time":"2022-06-28T12:28:07+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/01-fullpage-screen-capture-extension.jpg","type":"","width":"","height":""}],"author":"Jake Rocheleau","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Jake Rocheleau","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/"},"author":{"name":"Jake Rocheleau","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a"},"headline":"Capture Full Website Screenshot With This Chrome Extension","datePublished":"2018-05-18T15:01:08+00:00","dateModified":"2022-06-28T12:28:07+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/"},"wordCount":328,"commentCount":0,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/01-fullpage-screen-capture-extension.jpg","keywords":["Chrome","Chrome Extensions","Screen Capture Tips &amp; Tools"],"articleSection":["Toolkit"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/","url":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/","name":"Capture Full Website Screenshot With This Chrome Extension - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/01-fullpage-screen-capture-extension.jpg","datePublished":"2018-05-18T15:01:08+00:00","dateModified":"2022-06-28T12:28:07+00:00","description":"This Chrome extension allows you to take a complete vertical screenshot of any website without any limitations.","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/01-fullpage-screen-capture-extension.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/fullscreen-capture-chrome-extension\/01-fullpage-screen-capture-extension.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/fullscreen-capture-chrome-extension\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Capture Full Website Screenshot With This Chrome Extension"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/966b2daea15283b4145e71aa98a82c2a","name":"Jake Rocheleau","description":"Jake is a writer and designer with over 10 years experience working on the web. He writes about user experience design and cool resources for designers","sameAs":["https:\/\/www.hongkiat.com"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/jake\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-bDF","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44743","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=44743"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44743\/revisions"}],"predecessor-version":[{"id":60151,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/44743\/revisions\/60151"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=44743"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=44743"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=44743"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=44743"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}