Welcome - Getting Started

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>Welcome - Getting Started | Zara 4</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="author" content="Zara 4"> <meta name="content-language" content="EN" /> <meta name="copyright" content="Copyright 2015-2025 Zara 4. All rights reserved." /> <meta property="og:title" content="Welcome - Getting Started | Zara 4" /> <meta property="og:description" content="Welcome to the Zara 4 API documentation. Introduction to the Zara 4 API." /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://zara4.com/docs/getting-started/welcome" /> <meta property="og:site_name" content="Zara 4" /> <meta property="og:image" content="/img/logo.png"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="description" content="Welcome to the Zara 4 API documentation. Introduction to the Zara 4 API."> <meta name="keywords" content="API Documentation, Getting Started, Welcome"> <link rel="apple-touch-icon" sizes="180x180" href="/img/icon/apple-touch-icon.png"> <link rel="icon" type="image/png" href="/img/icon/favicon-32x32.png" sizes="32x32"> <link rel="icon" type="image/png" href="/img/icon/favicon-16x16.png" sizes="16x16"> <link rel="manifest" href="/img/icon/manifest.json"> <link rel="mask-icon" href="/img/icon/safari-pinned-tab.svg" color="#d70017"> <meta name="theme-color" content="#ffffff"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" lazyload="1"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css' lazyload="1"> <link rel="stylesheet" href="/css/bootstrap-theme.min.css" lazyload="1"> <script src="https://asset.zara4.com/js/jquery-1.11.1.min.js"></script> </head> <body data-spy="scroll" data-target="#sub-navigation" role="document"> <div id="document-content"> <nav class="navbar navbar-default"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="/" title="Zara 4"> <img src="/img/logo.png" alt="Zara 4" /> </a> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="https://zara4.com/account">My Account</a></li> <li><a href="https://blog.zara4.com">Blog</a></li> <li><a href="https://zara4.com/pricing">Pricing</a></li> <li><a href="https://zara4.com/docs">Docs</a></li> </ul> <ul class="nav navbar-nav navbar-right"> <li><a href="https://zara4.com/auth/login">Login</a></li> <li><a href="https://zara4.com/auth/register">Sign up</a></li> </ul> </div> </div> </nav> <div class="shadow-curve-top-15 shadow-curve-top-weak after-nav-spacer"></div> <div class="container mt-20"> <div class="panel clearfix layout1"> <div class="navigation"> <b class="light">Getting Started</b> <ul class="list-unstyled"> <li class="active"><a href="https://zara4.com/docs/getting-started/welcome">Welcome</a></li> <li><a href="https://zara4.com/docs/getting-started/api-credentials">API Credentials</a></li> <li><a href="https://zara4.com/docs/webhooks">Webhooks</a></li>  </ul> <b class="light">Image Processing</b> <ul class="list-unstyled"> <li><a href="https://zara4.com/docs/image-processing/upload-image">Upload Image</a></li> <li><a href="https://zara4.com/docs/image-processing/image-url">Image URL</a></li> <li><a href="https://zara4.com/docs/image-processing/options">Options</a></li> </ul>  <b class="light">Official SDKs</b> <ul class="list-unstyled"> <li><a href="https://zara4.com/docs/sdk/php">PHP Library</a></li> <li><a href="https://zara4.com/docs/sdk/java">Java Library</a></li> <li><a href="https://zara4.com/docs/sdk/ruby">Ruby Gem</a></li> <li><a href="https://zara4.com/docs/sdk/dot-net">.NET Library</a></li> </ul> <b class="light">Official Plugins</b> <ul class="list-unstyled"> <li><a target="_blank" href="https://wordpress.org/plugins/zara-4/"><i class="fa fa-wordpress mr-5"></i>WordPress</a></li> <li><a href="https://zara4.com/docs/plugin/joomla"><i class="fa fa-joomla mr-5"></i> Joomla</a></li>  </ul> </div> <div class="content" style="min-height: 450px"> <h1 class="mb-10">Welcome</h1> <p> Welcome to Zara 4. </p> <h2 class="mt-30">Developer friendly</h2> <p> Integrating automated image compression into your applications just got easier. Simply install the official Zara 4 SDK for your chosen language and get compressing in seconds. </p> <div class="row lg-gutter mt-25"> <div class="col-md-6"> <div class="text-center programming-language-logo greyscale fade-to-colour"> <div class="well"> <div> <a class="block" href="https://zara4.com/docs/sdk/ruby"><span class="lang_ruby"></span></a> </div> <hr/> <div> <h3 class="mt-20">Ruby Gem</h3> </div> <div class="height-xs-auto height-sm-auto height-md-70 height-lg-60"> <small> Install the 'zara4' gem and starting using Zara 4 from your ruby application. </small> </div> <div class="mt-xs-15 mt-md-0"> <a href="https://zara4.com/docs/sdk/ruby">Learn more<i class="fa fa-caret-right ml-5"></i></a> </div> </div> </div> </div> <div class="col-md-6"> <div class="text-center programming-language-logo greyscale fade-to-colour"> <div class="well"> <div> <a class="block" href="https://zara4.com/docs/sdk/php"><span class="lang_php"></span></a> </div> <hr/> <div> <h3 class="mt-20">PHP SDK</h3> </div> <div class="height-xs-auto height-sm-auto height-md-70 height-lg-60"> <small> Start compressing images from your PHP application by installing the Zara 4 PHP SDK. </small> </div> <div class="mt-xs-15 mt-md-0"> <a href="https://zara4.com/docs/sdk/php">Learn more<i class="fa fa-caret-right ml-5"></i></a> </div> </div> </div> </div> <div class="col-md-6"> <div class="text-center programming-language-logo greyscale fade-to-colour"> <div class="well"> <div> <a class="block" href="https://zara4.com/docs/sdk/java"><span class="lang_java"></span></a> </div> <hr/> <div> <h3 class="mt-20">Java SDK</h3> </div> <div class="height-xs-auto height-sm-auto height-md-70 height-lg-60"> <small> Add Zara 4 to your Java application. Install the Zara 4 SDK from Maven. </small> </div> <div class="mt-xs-15 mt-md-0"> <a href="https://zara4.com/docs/sdk/java">Learn more<i class="fa fa-caret-right ml-5"></i></a> </div> </div> </div> </div> <div class="col-md-6"> <div class="text-center programming-language-logo greyscale fade-to-colour"> <div class="well"> <div> <a class="block" href="https://zara4.com/docs/sdk/dot-net"><span class="lang_dot-net"></span></a> </div> <hr/> <div> <h3 class="mt-20">.NET SDK</h3> </div> <div class="height-xs-auto height-sm-auto height-md-70 height-lg-60"> <small> Integrate Zara 4 into your VB, C#, F# and C++ .NET applications. Available on NuGet </small> </div> <div class="mt-xs-15 mt-md-0"> <a href="https://zara4.com/docs/sdk/dot-net">Learn more<i class="fa fa-caret-right ml-5"></i></a> </div> </div> </div> </div> </div> <div class="well dashed transparent"> <div class="text-center"> <h4 class="mt-10">Can't see your language?</h4> <p> See <a href="https://zara4.com/docs/getting-started/api-credentials#manual-authentication">manual authentication</a> and <a href="https://zara4.com/docs/image-processing/image-url#manual-request">submitting image requests</a> </p> <p> More SDKs are on the way... </p> </div> </div> <hr class="dashed"/> <h2>Not a developer?</h2> <p> Install Zara 4 into your application using our third party plugins. </p> <div class="row lg-gutter mt-25"> <div class="col-md-6"> <div class="text-center cms-editor-logo greyscale fade-to-colour"> <div class="well"> <div> <a class="block" href="https://wordpress.org/plugins/zara-4/"><span class="cms_wordpress"></span></a> </div> <div class="mt-10"> <a href="https://wordpress.org/plugins/zara-4/">Learn more<i class="fa fa-caret-right ml-5"></i></a> </div> </div> </div> </div> <div class="col-md-6"> <div class="text-center cms-editor-logo greyscale fade-to-colour"> <div class="well"> <div> <a class="block" href="https://zara4.com/docs/plugin/joomla"><span class="cms_joomla"></span></a> </div> <div class="mt-10"> <a href="https://zara4.com/docs/plugin/joomla">Learn more<i class="fa fa-caret-right ml-5"></i></a> </div> </div> </div> </div> </div> </div> </div> </div>  <div class="footer"> <div class="container"> <div class="text-center"> <ul class="list-inline"> <li><a href="https://zara4.com/about-us">About us</a></li> <li><a href="https://zara4.com/contact-us">Contact us</a></li> <li><a href="https://blog.zara4.com">Blog</a></li> <li><a href="https://zara4.com/pricing">Pricing</a></li> <li><a href="https://zara4.com/terms-of-use">Terms of use</a></li> <li><a href="https://zara4.com/privacy-policy">Privacy Policy</a></li> <li><a href="https://zara4.com/attributions">Attributions</a></li> </ul> </div> </div> <div class="container pt-5"> <div class="text-center copyright-notice"> © 2015 - 2025 <a href="/">Zara 4</a>, All Rights Reserved </div> </div> </div> </div> <script src="https://asset.zara4.com/js/dropzone.js"></script> <script src="https://asset.zara4.com/js/bootstrap-3.3.5.min.js"></script> <script src="/js/dependencies.min.js"></script> <script> $(function () { $('[data-toggle="tooltip"]').tooltip() }); // Pretty print code highlighting !function ($) { $(function(){ window.prettyPrint && prettyPrint() }) }(window.jQuery); </script> <script type="application/ld+json"> { "@context" : "http://schema.org", "@type" : "WebSite", "name" : "Zara 4", "url" : "https://zara4.com" } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "url": "https://zara4.com", "logo": "https://zara4.com/img/icon-256x256.png", "sameAs" : [ "https://www.facebook.com/Zara-4-645511842258305", "https://plus.google.com/101336007646004602821", "https://github.com/zara-4" ] } </script> </body> </html>

CINXE.COM

Welcome - Getting Started | Zara 4