{"id":28060,"date":"2022-06-17T08:37:15","date_gmt":"2022-06-17T08:37:15","guid":{"rendered":"http:\/\/capture-any-website-screenshot-using-php"},"modified":"2022-06-17T08:37:15","modified_gmt":"2022-06-17T08:37:15","slug":"capture-any-website-screenshot-using-php","status":"publish","type":"post","link":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/","title":{"rendered":"Capture Any Website Screenshot Using PHP"},"content":{"rendered":"

Introduction<\/h2>\n

Screenshots let you capture exactly what you\u2019re seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service<\/p>\n

Github<\/h2>\n

You may also use Github to view the project\u2019s Github<\/a> repo.<\/p>\n

Phpsandbox<\/h2>\n

To see a working application demo, Click here Phpsandbox<\/a>.<\/p>\n

Prerequisites<\/h2>\n

Entry-level html and php knowledge.<\/p>\n

Setting Up the Sample Project<\/h2>\n

Create a new folder: website2imgphp<\/code>\nInside the new folder\u2019s terminal use the command composer init<\/code>. You need to have php<\/code> and composer<\/code> downloaded to your machine.<\/p>\n

Follow the composer procedure which will help handle the necessary project dependencies. When asked to search for a package, search for Cloudinary<\/code><\/p>\n

Cloudinary<\/h2>\n

Cloudinary<\/a> refers to an end-to-end image and video management solution for websites and mobile apps, covering everything from image and video uploads, storage, manipulations, optimizations to delivery. Our app will use the media file online upload feature.\nTo begin, click here<\/a> to set up a new account or log in to an existing one. We use the environment keys from the user dashboard to integrate Cloudinary with our project. We will create a file named env<\/code> and use the guide below to fill in the project configuration.<\/p>\n

      CLOUDINARY_NAME=\n      CLOUDINARY_API_KEY=\n      CLOUDINARY_API_SECRET=\n      GOOGLE_API_KE=\n<\/code><\/pre>\n
Our app\u2019s home component will include 2 sections; html<\/code> and php<\/code>. Start by including the following in the index.php<\/code> directory<\/p>\n
\"index.php\"\n\n\n<!doctype html<\/span>><\/span>\n<html<\/span> lang<\/span>=\"en\"<\/span>><\/span>\n  <head<\/span>><\/span>\n    <meta<\/span> charset<\/span>=\"utf-8\"<\/span>><\/span>\n    <meta<\/span> name<\/span>=\"viewport\"<\/span> content<\/span>=\"width=device-width, initial-scale=1\"<\/span>><\/span>\n    <title<\/span>><\/span>Website screenshot<\/title<\/span>><\/span>\n \n    <link<\/span> rel<\/span>=\"stylesheet\"<\/span> href<\/span>=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@4.6.0\/dist\/css\/bootstrap.min.css\"<\/span> integrity<\/span>=\"sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L\/Z6nronJ3oUOFUFpCjEUQouq2+l\"<\/span> crossorigin<\/span>=\"anonymous\"<\/span>><\/span>\n    <meta<\/span> name<\/span>=\"theme-color\"<\/span> content<\/span>=\"#7952b3\"<\/span>><\/span>\n \n  <\/head<\/span>><\/span>\n  <body<\/span>><\/span>\n    \n \n<div<\/span> class<\/span>=\"container py-3\"<\/span>><\/span>\n  <header<\/span>><\/span>\n    <div<\/span> class<\/span>=\"pricing-header p-3 pb-md-4 mx-auto text-center\"<\/span>><\/span>\n      <h3<\/span> class<\/span>=\"display-4 fw-normal\"<\/span>><\/span>Website screenshot and save to Cloudinary<\/h3<\/span>><\/span>\n    <\/div<\/span>><\/span>\n  <\/header<\/span>><\/span>\n \n  <main<\/span>><\/span>\n    <form<\/span> ><\/span>\n        <div<\/span> class<\/span>=\"form-row\"<\/span>><\/span>\n            <div<\/span> class<\/span>=\"form-group col-md-4 offset-4\"<\/span>><\/span>\n                <label<\/span>  class<\/span>=\"sr-only\"<\/span>><\/span>Site<\/label<\/span>><\/span>\n                <input<\/span> type<\/span>=\"text\"<\/span> class<\/span>=\"form-control\"<\/span> name<\/span>=\"site\"<\/span> placeholder<\/span>=\"https:\/\/site.com\"<\/span>><\/span>\n            <\/div<\/span>><\/span>\n        <\/div<\/span>><\/span>\n        <div<\/span> class<\/span>=\"form-row\"<\/span>><\/span>\n            <div<\/span> class<\/span>=\"form-group col-md-4 offset-4\"<\/span>><\/span>\n                <button<\/span> type<\/span>=\"submit\"<\/span> class<\/span>=\"btn btn btn-dark\"<\/span>><\/span>Capture shot<\/button<\/span>><\/span>\n            <\/div<\/span>><\/span>\n        <\/div<\/span>><\/span>\n    <\/form<\/span>><\/span>\n \n \n    <h2<\/span> class<\/span>=\"display-6 text-center mb-4\"<\/span>><\/span>Capture shot<\/h2<\/span>><\/span>\n \n    <div<\/span> class<\/span>=\"col\"<\/span>><\/span>\n        <?php<\/span> if<\/span>(isset<\/span>($_GET['site'<\/span>])){ ?><\/span><\/span>\n            <!-- Display the ima using the screenshot url capture from response --><\/span>\n            <img<\/span> class<\/span>=\"img-fluid\"<\/span> src<\/span>=\"<?=$snap['data']?>\"<\/span> alt<\/span>=\"snap\"<\/span>><\/span>\n        <?php<\/span> }else<\/span> { ?><\/span><\/span>\n            <!-- If site is not yet set just provide message to enter site name --><\/span>\n            <h2<\/span> class<\/span>=\"text-muted text-center mb-4\"<\/span>><\/span>Site name enter<\/h2<\/span>><\/span>\n        <?php<\/span>  } ?><\/span><\/span>\n    <\/div<\/span>><\/span>\n  <\/main<\/span>><\/span>\n \n<\/div<\/span>><\/span>\n  <\/body<\/span>><\/span>\n<\/html<\/span>><\/span>\n<\/code><\/span>Code language:<\/span> HTML, XML<\/span> (<\/span>xml<\/span>)<\/span><\/small><\/pre>\n
The code above creates a webpage titled Website screenshot<\/code> and also imports bootstrap for its css features. We want a user to be able to fill a form with any website URL and receive an image containing the contents of the webpage. The webpage should also be backed up using the cloudinary online feature. The UI looks like the below:<\/p>\n
\"complete<\/p>\n
Now to make the components function.<\/p>\n
Cloudinary<\/h2>\n
Cloudinary<\/a> refers an end-to-end image- and video management solution for websites and mobile apps, covering everything from image and video uploads, storage, manipulations, optimizations to delivery. Our app will use the media file online upload feature.\nTo begin, click here<\/a> to set up a new account or log in to an existing one. We use the environment keys from the user dashboard to integrate Cloudinary with our project. We willCreate a file named env<\/code> and use the guide below to fill in the project configuration.<\/p>\n
      CLOUDINARY_NAME=\n      CLOUDINARY_API_KEY=\n      CLOUDINARY_API_SECRET=\n      GOOGLE_API_KE=\n<\/code><\/pre>\n
Use autoload to load all the dependencies install with php composer<\/p>\n
\"index.php\"<\/span>\n\n\n<?php<\/span>\ninclude_once<\/span> __DIR__<\/span> . '\/vendor\/autoload.php'<\/span>;\nuse<\/span> Cloudinary<\/span>\\Cloudinary<\/span>;\nuse<\/span> Cloudinary<\/span>\\Configuration<\/span>\\Configuration<\/span>;\nuse<\/span> Cloudinary<\/span>\\Api<\/span>\\Upload<\/span>\\UploadApi<\/span>;\n \n?><\/span>\n \n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Confirm that the get request has the required form variable filled.<\/p>\n
\"index.php\"<\/span>\n\nif<\/span>(isset<\/span>($_GET['site'<\/span>])){\n  \n}\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
\"index.php\"<\/span>\n\nif<\/span>(isset<\/span>($_GET['site'<\/span>])){\n  $api =getenv(\"GOOGLE_API_KE\"<\/span>);\n    $site =$_GET['site'<\/span>];\n}\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Build url to send the request to capture the website details to google\nusing the google api key together with the user input url for the site.<\/p>\n
\"index.php\"<\/span>\n\n$adress=\"https:\/\/pagespeedonline.googleapis.com\/pagespeedonline\/v5\/runPagespeed?url=$site&category=CATEGORY_UNSPECIFIED&strategy=DESKTOP&key=$api\"<\/span>;\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Initialize the curl request with the earlier generated url. In preparation for sending a get request to google with the site url.<\/p>\n
\"index.php\"<\/span>\n\n\n\n$curl_init = curl_init($adress);\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Setup curls options for the get request<\/p>\n
\"index.php\"<\/span>\n\ncurl_setopt($curl_init,CURLOPT_RETURNTRANSFER,true<\/span>);\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Execute the curl request and capture the curl response for extraction of the website details\nspecifically the screenshot.<\/p>\n
\"index.php\"<\/span>\n\n\n$response = curl_exec($curl_init);\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
It is always a good practice to close the curl channels to avoid hoarding server resources.\nafter the response has been received.<\/p>\n
\"index.php\"<\/span>\n\ncurl_close($curl_init);\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Decode the json response received into a key-value pair php array.<\/p>\n
\"index.php\"<\/span>\n\n$googledata = json_decode($response,true<\/span>);\n\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Extract image data from the decoded response to get.<\/p>\n
\"index.php\"<\/span>\n\n$snapdata = $googledata[\"lighthouseResult\"<\/span>][\"audits\"<\/span>][\"full-page-screenshot\"<\/span>][\"details\"<\/span>];\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Isolate the captured screenshot from the data extracted in the previous section.<\/p>\n
\"index.php\"<\/span>\n\n$snap =$snapdata[\"screenshot\"<\/span>];\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Initialize cloudinary instance globally across the application with secret keys from the env<\/p>\n
 \"index.php\"<\/span>\n\nConfiguration::instance([\n\t\t'cloud'<\/span> => [\n\t\t\t'cloud_name'<\/span> => getenv(\"CLOUDINARY_NAME\"<\/span>),\n\t\t\t'api_key'<\/span> => getenv(\"CLOUDINARY_API_KEY\"<\/span>),\n\t\t\t'api_secret'<\/span> => getenv(\"CLOUDINARY_API_SECRET\"<\/span>)\n\t\t],\n\t\t'url'<\/span> => [\n\t\t\t'secure'<\/span> => true<\/span>\n\t\t]\n\t]);\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
upload the screenshot base64 data to cloudinary for storage and capture the response to display on\nUI<\/p>\n
 \"index.php\"<\/span>\n\n  \t$response2 = (new<\/span> UploadApi())->upload($snap['data'<\/span>], [\n\t\t'resource_type'<\/span> => 'image'<\/span>,\n\t\t]\n\t);\n<\/code><\/span>Code language:<\/span> PHP<\/span> (<\/span>php<\/span>)<\/span><\/small><\/pre>\n
Thats it! you are successfully able to capture images from a Web URL. enjoy the experience.<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":41,"featured_media":28061,"comment_status":"","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_cloudinary_featured_overwrite":false,"footnotes":""},"categories":[1],"tags":[381,134,229,371],"class_list":["post-28060","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-imagecdn","tag-guest-post","tag-php","tag-under-review"],"acf":[],"yoast_head":"\nCapture Any Website Screenshot Using PHP<\/title>\n<meta name=\"description\" content=\"Screenshots let you capture exactly what you're seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Capture Any Website Screenshot Using PHP\" \/>\n<meta property=\"og:description\" content=\"Screenshots let you capture exactly what you're seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/\" \/>\n<meta property=\"og:site_name\" content=\"Cloudinary Blog\" \/>\n<meta property=\"article:published_time\" content=\"2022-06-17T08:37:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"512\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"NewsArticle\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Capture Any Website Screenshot Using PHP\",\"datePublished\":\"2022-06-17T08:37:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/\"},\"wordCount\":6,\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA\",\"keywords\":[\"(Image)CDN\",\"Guest Post\",\"PHP\",\"Under Review\"],\"inLanguage\":\"en-US\",\"copyrightYear\":\"2022\",\"copyrightHolder\":{\"@id\":\"https:\/\/cloudinary.com\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/\",\"url\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/\",\"name\":\"Capture Any Website Screenshot Using PHP\",\"isPartOf\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA\",\"datePublished\":\"2022-06-17T08:37:15+00:00\",\"description\":\"Screenshots let you capture exactly what you're seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service\",\"breadcrumb\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA\",\"width\":512,\"height\":512},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cloudinary.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Capture Any Website Screenshot Using PHP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#website\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"name\":\"Cloudinary Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cloudinary.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#organization\",\"name\":\"Cloudinary Blog\",\"url\":\"https:\/\/cloudinary.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"contentUrl\":\"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA\",\"width\":312,\"height\":60,\"caption\":\"Cloudinary Blog\"},\"image\":{\"@id\":\"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Capture Any Website Screenshot Using PHP","description":"Screenshots let you capture exactly what you're seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service","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:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/","og_locale":"en_US","og_type":"article","og_title":"Capture Any Website Screenshot Using PHP","og_description":"Screenshots let you capture exactly what you're seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service","og_url":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/","og_site_name":"Cloudinary Blog","article_published_time":"2022-06-17T08:37:15+00:00","og_image":[{"width":512,"height":512,"url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA","type":"image\/png"}],"twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"NewsArticle","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#article","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/"},"author":{"name":"","@id":""},"headline":"Capture Any Website Screenshot Using PHP","datePublished":"2022-06-17T08:37:15+00:00","mainEntityOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/"},"wordCount":6,"publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA","keywords":["(Image)CDN","Guest Post","PHP","Under Review"],"inLanguage":"en-US","copyrightYear":"2022","copyrightHolder":{"@id":"https:\/\/cloudinary.com\/#organization"}},{"@type":"WebPage","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/","url":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/","name":"Capture Any Website Screenshot Using PHP","isPartOf":{"@id":"https:\/\/cloudinary.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage"},"thumbnailUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA","datePublished":"2022-06-17T08:37:15+00:00","description":"Screenshots let you capture exactly what you're seeing on your screen to share with others or reference later. This article will demonstrate how much can be achieved using PHP and also manipulate Cloudinary services with such a service","breadcrumb":{"@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#primaryimage","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/cloudinary.com\/blog\/guest_post\/capture-any-website-screenshot-using-php\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cloudinary.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Capture Any Website Screenshot Using PHP"}]},{"@type":"WebSite","@id":"https:\/\/cloudinary.com\/blog\/#website","url":"https:\/\/cloudinary.com\/blog\/","name":"Cloudinary Blog","description":"","publisher":{"@id":"https:\/\/cloudinary.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cloudinary.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cloudinary.com\/blog\/#organization","name":"Cloudinary Blog","url":"https:\/\/cloudinary.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","contentUrl":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1649718331\/Web_Assets\/blog\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877\/cloudinary_logo_for_white_bg_1937437aa7_19374666c7_193742f877.png?_i=AA","width":312,"height":60,"caption":"Cloudinary Blog"},"image":{"@id":"https:\/\/cloudinary.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":""}]}},"jetpack_featured_media_url":"https:\/\/res.cloudinary.com\/cloudinary-marketing\/images\/f_auto,q_auto\/v1681925525\/Web_Assets\/blog\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a\/a91430a144533bd398eab2e293392299d755af46-512x512-1_2806178a5a.png?_i=AA","_links":{"self":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/28060","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/comments?post=28060"}],"version-history":[{"count":0,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/posts\/28060\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media\/28061"}],"wp:attachment":[{"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/media?parent=28060"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/categories?post=28060"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cloudinary.com\/blog\/wp-json\/wp\/v2\/tags?post=28060"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Use the following  link<\/a> to\nGenerate the Google API key for website insights.\nAttache the api key to the environmental variable so as to use it in the future and ensure the security of the application secrets.<\/p>\n