1<!DOCTYPE html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 6 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 7 <meta name="robots" content="index, follow" /> 8 <meta name="description" content="Free and reliable screenshot api for website capture." /> 9 10 <title>Reliable Screenshot API | Screenshot Machine</title> 11 12 <link rel="canonical" href="https://www.screenshotmachine.com/" /> 13 14 <!-- Styles --> 15 <link href="assets/css/page.css" rel="stylesheet"> 16 <link href="assets/css/style.css" rel="stylesheet"> 17 18 <!-- preload data for speed optimization--> 19 <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Dosis:200,400,500,600" rel="stylesheet"> 20 <link href="assets/fonts/fontawesome-webfont.woff2?v=4.7.0" type="font/woff2" crossorigin="anonymous"> 21 <link href="assets/fonts/et-line.woff" type="font/woff" crossorigin="anonymous"> 22 23 <!-- Favicons --> 24 <link rel="icon" href="assets/img/favicon.png"> 25 26</head> 27 28<body class=""> 29 30 31<!-- Navbar --> 32<nav class="navbar navbar-expand-lg navbar-dark navbar-stick-dark" data-navbar="sticky"> 33 <div class="container"> 34 35 <div class="navbar-left"> 36 <button class="navbar-toggler" type="button">☰</button> 37 <a class="navbar-brand" href="/"> 38 <img class="logo-dark" src="assets/img/logo-dark.png" alt="logo" title="app logo dark"> 39 <img class="logo-light" src="assets/img/logo-light.png" alt="logo" title="app logo light"> 40 </a> 41 </div> 42 43 <section class="navbar-mobile"> 44<!-- <nav class="nav nav-navbar ml-auto"> 45 <a class="nav-link active pr-2" href="/">Home</a> 46 <a class="nav-link pl-2 pr-2" href="api.php">Screenshot API</a> 47 <a class="nav-link pl-2 pr-2" href="pricing.php">Pricing</a> 48 <a class="nav-link pl-2 pr-2" href="screenshot-generator.php">Generator</a> 49 <a class="nav-link pl-2" href="contact.php">Contact</a> 50 </nav>--> 51 <ul class="nav nav-navbar ml-auto"> 52 <li class="nav-item"> 53 <a class="nav-link active pr-2" href="/">Home</a> 54 </li> 55 56 <li class="nav-item"> 57 <a class="nav-link pl-2 pr-2" href="#">API <span class="arrow"></span></a> 58 <nav class="nav apiMenuDropdown"> 59 <a class="nav-link " href="website-screenshot-api.php">Website screenshot API</a> 60 <a class="nav-link " href="website-to-pdf-api.php">Website to PDF API</a> 61 </nav> 62 </li> 63 <li class="nav-item"> 64 <a class="nav-link pl-2 pr-2" href="pricing.php">Pricing</a> 65 </li> 66 67 <li class="nav-item"> 68 <a class="nav-link pl-2 pr-2" href="#">Free Tools <span class="arrow"></span></a> 69 <nav class="nav freeToolsMenuDropdown"> 70 <a class="nav-link " href="website-screenshot-generator.php">Website screenshot generator</a> 71 <a class="nav-link " href="website-to-pdf-converter.php">Web to PDF converter</a> 72 </nav> 73 </li> 74 75 <li class="nav-item"> 76 <a class="nav-link pl-2" href="contact.php">Contact</a> 77 </li> 78 79 </ul> 80 <span class="navbar-divider"></span> 81 <div> 82 <a class="btn btn-sm btn-round btn-outline-success ml-lg-4 mr-2" href="login.php">Sign in</a> 83 <a class="btn btn-sm btn-round btn-success" href="register.php?button=menu">Sign up</a> 84 </div> 85 </section> 86 87 88 </div> 89</nav><!-- /.navbar --> 90 <!-- Header--> 91 <header id="home" class="header pt-8 pb-5 homeHeaderBackground"> 92 <div class="container"> 93 <div class="row align-items-center h-100"> 94 95 <div class="col-lg-8 col-xl-7"> 96 <p class="lead-6 text-lg-left text-center mb-0">Fast & Reliable</p> 97 <h1 class="display-3 text-lg-left text-center"><strong>Screenshot API</strong></h1> 98 <div class="mt-5"> 99 <ul class="nav nav-tabs-outline" role="tablist"> 100 <li class="nav-item"> 101 <a class="nav-link active" data-toggle="tab" href="#tab-screenshot">Web screenshot</a> 102 </li> 103 <li class="nav-item"> 104 <a class="nav-link " data-toggle="tab" href="#tab-pdf">PDF</a> 105 </li> 106 </ul> 107 <div class="tab-content p-4"> 108 <div class="tab-pane active show" id="tab-screenshot"> 109 <form action="#" method="post" data-form="homepage-form"> 110 <input type="text" class="form-control w-550 mb-2 mr-sm-2" id="home-url-screenshot" name="url" placeholder="Type webpage URL here, e.g. www.screenshotmachine.com" value=""> 111 <div class="form-inline mt-3 mb-3"> 112 <div class="custom-control custom-radio mr-3"> 113 <input type="radio" class="custom-control-input" name="device" checked="checked" value="desktop" id="desktopDevice"> 114 <label class="custom-control-label" for="desktopDevice">Desktop</label> 115 </div> 116 <div class="custom-control custom-radio mr-3"> 117 <input type="radio" class="custom-control-input" name="device" value="tablet" id="tableDevice"> 118 <label class="custom-control-label" for="tableDevice">Tablet</label> 119 </div> 120 <div class="custom-control custom-radio mr-6"> 121 <input type="radio" class="custom-control-input" name="device" value="phone" id="phoneDevice"> 122 <label class="custom-control-label" for="phoneDevice">Phone</label> 123 </div> 124 <div class="custom-control custom-checkbox"> 125 <input type="checkbox" class="custom-control-input" name="full" id="fullInput"> 126 <label class="custom-control-label" for="fullInput">Full-page screenshot</label> 127 <input type="hidden" name="cacheLimit" value="
1270"> 128 </div> 129 </div> 130 <div class="form-inline mt-3 mb-3"> 131 <button type="submit" class="btn btn-primary btn-round btn-lg mr-3"><i class="fa fa-camera"></i> Capture</button> 132 <!--<div><small>Need more features? Try our responsive <br><a href="website-screenshot-generator.php">website screenshot generator</a> !</small></div>--> 133 </div> 134 </form> 135 </div> 136 <div class="tab-pane " id="tab-pdf"> 137 <form action="#" method="post" data-form="homepage-pdf-form"> 138 <input type="text" class="form-control w-550 mb-2 mr-sm-2" id="home-url-pdf" name="url" placeholder="Type webpage URL here, e.g. www.screenshotmachine.com" value=""> 139 <div class="form-inline mt-3 mb-3"> 140 <div class="custom-control custom-radio mr-3"> 141 <input type="radio" class="custom-control-input" name="orientation" id="portraitOrientation" checked="checked" value="portrait"> 142 <label class="custom-control-label" for="portraitOrientation">Portrait</label> 143 </div> 144 <div class="custom-control custom-radio mr-8"> 145 <input type="radio" class="custom-control-input" name="orientation" value="landscape" id="landscapeOrientation"> 146 <label class="custom-control-label" for="landscapeOrientation">Landscape</label> 147 </div> 148 <div class="custom-control custom-checkbox mr-3"> 149 <input type="checkbox" class="custom-control-input" name="print" id="printInput"> 150 <label class="custom-control-label" for="printInput">Optimize for print</label> 151 </div> 152 <div class="custom-control custom-checkbox"> 153 <input type="checkbox" class="custom-control-input" name="zoom" id="zoomInput"> 154 <label class="custom-control-label" for="zoomInput">Zoom 50%</label> 155 </div> 156 </div> 157 <div class="form-inline mt-3 mb-3"> 158 <button type="submit" class="btn btn-primary btn-round btn-lg mr-3"><i class="fa fa-camera"></i> Convert to PDF</button> 159 <!--<div><small>Need more features? Try our full-featured <br><a href="website-to-pdf-converter.php">website pdf converter</a></small> !</div>--> 160 </div> 161 </form> 162 </div> 163 </div> 164 </div> 165 </div> 166 167 <div class="col-lg-4 ml-auto mt-5 d-none d-lg-block d-xl-block"> 168 <img class="mt-0" src="/assets/img/machine.png" alt="mainrobot" title="YES, that's me, THE ROBOT MACHINE."> 169 </div> 170 </div> 171 </div> 172 </header><!-- /.header --> 173 174 <!-- Main Content --> 175 <main class="main-content"> 176 <section class="section py-7"> 177 <div class="container"> 178 <div class="row gap-y align-items-center"> 179 <img class="mr-5 d-none d-lg-block d-xl-block" src="/assets/img/api-alfa.png" alt="img" title="That's my little helper. One day, he will do everything I do.">
180 <div class="col-md-7 col-lg-7 col-xl-8 text-center text-md-left"> 181 <h3 class="h3">Try our FREE screenshot API.</h3> 182 <p>No credit card required!</p> 183 </div> 184 185 <div class="col-md-auto ml-auto text-center text-md-right"> 186 <a class="btn btn-lg btn-round btn-success" href="register.php?button=home">try api now!</a> 187 </div> 188 </div> 189 </div> 190 </section> 191 <section class="section bg-gray"> 192 <div class="container"> 193 <header class="section-header"> 194 <h2>Let our machine capture your screenshots!</h2> 195 <hr> 196 </header> 197 198 <div class="row gap-y"> 199 <div class="col-md-6 col-xl-4"> 200 <div class="media"> 201 <div class="lead-6 line-height-1 text-warning w-70px"><i class="icon-mobile"></i></div> 202 <div class="media-body"> 203 <h5>Responsive</h5> 204 <p>Desktop, tablet or phone? Choose which device should be used for capturing.</p> 205 </div> 206 </div> 207 </div> 208 209 210 <div class="col-md-6 col-xl-4"> 211 <div class="media"> 212 <div class="lead-6 line-height-1 text-primary w-70px"><i class="icon-browser"></i></div> 213 <div class="media-body"> 214 <h5>Full page</h5> 215 <p>Some web page can be pretty long. No problem for our "machine".</p> 216 </div> 217 </div> 218 </div> 219 220 221 <div class="col-md-6 col-xl-4"> 222 <div class="media"> 223 <div class="lead-6 line-height-1 text-success w-70px"><i class="icon-cloud"></i></div> 224 <div class="media-body"> 225 <h5>Powerful and scalable</h5> 226 <p>Our API never sleeps, and is <a href="sla.php">always online</a>, ready to serve 24x7. PERIOD. </p> 227 </div> 228 </div> 229 </div> 230 </div> 231 232 </div> 233 </section> 234 235 <section id="section-features" class="section"> 236 <div class="container"> 237 <div class="row gap-y align-items-center"> 238 <div class="col-md-6 ml-auto"> 239 <h4>Easy to use code samples</h4> 240 <p>We are providing code examples in the most common programming languages directly on <a href="https://github.com/screenshotmachine" target="_blank">GitHub</a>, so integration is very quick and painless. </p> 241 </div> 242 243 <div class="col-md-5 order-md-first"> 244 <img class="img-fluid" src="/assets/img/api-languages.png" alt="api languages" data-aos="fade-right" title="supported programming languages"> 245 </div> 246 </div> 247 </div> 248 </section> 249 250 <div class="modal fade" id="modal-screenshot" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 251 <div class="modal-dialog modal-long modal-lg" role="document"> 252 <div class="modal-content"> 253 <div class="modal-header"> 254 <h5 class="modal-title" id="exampleModalLabel">Capturing screenshot ...</h5> 255 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 256 <span aria-hidden="true">×</span> 257 </button> 258 </div> 259 <div class="modal-body pl-3 pb-3 pr-3 pt-0"> 260 <div align="center"> 261 <a href="#" id="downloadLink" class="btn btn-success m-3 btn-round btn-lg d-none"><i class="fa fa-download"></i> Download screenshot</a> 262 <div> 263 <p id="resultMessage" class="alert alert-danger mt-5"></p> 264 <img id="preloader" src="assets/img/preloader.gif" alt="preloader" class="pt-3" title="preloader"> 265 <a id="screenshotLink" href="" target="_blank" class="piwik_download" title="Show me the screenshot in original size"><img id="screenshotImage" src="" class="screenshot-result" title="screenshot-result" alt="screenshot-result"></a> 266 </div> 267 </div> 268 </div> 269 <div class="modal-footer"> 270 </div> 271 </div> 272 </div> 273 </div> 274 <div class="modal fade" id="modal-pdf" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true"> 275 <div class="modal-dialog modal-long modal-lg" role="document"> 276 <div class="modal-content"> 277 <div class="modal-header"> 278 <h5 class="modal-title" id="exampleModalLabelPdf">Converting website to PDF ...</h5> 279 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
280 <span aria-hidden="true">×</span> 281 </button> 282 </div> 283 <div class="modal-body pl-3 pb-3 pr-3 pt-0"> 284 <div align="center"> 285 <a href="#" id="downloadLinkPdf" class="btn btn-success m-3 btn-round btn-lg d-none"><i class="fa fa-download"></i> Download PDF</a> 286 <p id="resultMessagePdf" class="alert alert-danger mt-5"></p> 287 <img id="preloaderPdf" src="assets/img/preloader.gif" alt="preloader" class="pt-3" title="preloader"> 288 <div id="resultWrapperPdf"></div> 289 </div> 290 </div> 291 <div class="modal-footer"> 292 </div> 293 </div> 294 </div> 295 </div> 296 </main> 297<!-- Footer --> 298<footer class="footer bg-gray"> 299 <div class="container"> 300 <div class="row gap-y align-items-center"> 301 302 <div class="col-md-3 text-center text-md-left"> 303 <a href="/"><img src="../assets/img/logo-dark.png" alt="screenshot machine"></a> 304 </div> 305 306 <div class="col-md-9"> 307 <div class="nav nav-bold nav-uppercase justify-content-center justify-content-md-end"> 308 <a class="nav-link" target="_blank" href="https://stats.uptimerobot.com/KYOPyc24q0">Status page</a> 309 <a class="nav-link" href="sla.php">Sla</a> 310 <a class="nav-link" href="privacypolicy.php">Privacy policy</a> 311 <a class="nav-link" href="termsandconditions.php">Terms & conditions</a> 312 </div> 313 </div> 314 315 <div class="col-12 py-0 my-0 text-center text-md-left"> 316 <p class="small py-0 my-0">Powerful and reliable website screenshot API designed to take screenshots of any online web page in couple of seconds.</p> 317 </div> 318 <div class="col-12"> 319 <hr class="my-0"> 320 </div> 321 322 <div class="col-md-8 text-center text-md-left"> 323 <small>© 2012 - 2026 Devtica s.r.o. All rights reserved.</small> 324 </div> 325 326 <div class="col-md-4 text-center text-md-right"> 327 </div> 328 329 </div> 330 </div> 331</footer> 332<!-- /.footer --> 333<!-- Scripts --> 334<link href="assets/css/prism.css" rel="stylesheet"> 335
336<script src="assets/js/page.js"></script>
vendor: 1 bytes, line 336
336
337<script src="assets/js/script.js"></script>
vendor: 1 bytes, line 337
337
338<script src="assets/js/prism.js"></script>
vendor: 1 bytes, line 338
338
339<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"55910666b3f84efc8d9ccde20dc0be99","r":1,"spa":2}' crossorigin="anonymous"></script>
339 340</body> 341</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.