Showing source for: https://shortpixel.com/
Duration: 0.139886s
Server: nginx
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="preconnect" href="https://cdn.shortpixel.ai" crossorigin>
<link rel="preload" href="/fonts/Montserrat/static/Montserrat-Bold.woff" as="font" type="font/woff" crossorigin>
<link href="/styles/montserrat-fonts-400-700.min.css" rel="stylesheet" media="print" onload="this.media='all'"/>
<link rel="stylesheet" href="https://cdn.shortpixel.ai/sp/q_lossy,ret_auto/shortpixel.com/styles/bootstrap.min.css" media="print" onload="this.media='all'"/>
<link rel="stylesheet" href="https://cdn.shortpixel.ai/sp/q_lossy,ret_auto/shortpixel.com/styles/bootstrap-icons.min.css" media="print" onload="this.media='all'"/>
<link rel="stylesheet" href="https://cdn.shortpixel.ai/sp/q_lossy,ret_auto/shortpixel.com/styles/style.min.css?18d" media="print" onload="this.media='all'"/>
<link rel="shortcut icon" href="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/shortpixel.com/favicons/favicon.ico">
<link rel="apple-touch-icon" sizes="57x57" href="/favicons/apple-touch-icon-57x57.png?v=2">
<link rel="apple-touch-icon" sizes="114x114" href="/favicons/apple-touch-icon-114x114.png?v=2">
<link rel="apple-touch-icon" sizes="72x72" href="/favicons/apple-touch-icon-72x72.png?v=2">
<link rel="apple-touch-icon" sizes="144x144" href="/favicons/apple-touch-icon-144x144.png?v=2">
<link rel="apple-touch-icon" sizes="60x60" href="/favicons/apple-touch-icon-60x60.png?v=2">
<link rel="apple-touch-icon" sizes="120x120" href="/favicons/apple-touch-icon-120x120.png?v=2">
<link rel="apple-touch-icon" sizes="76x76" href="/favicons/apple-touch-icon-76x76.png?v=2">
<link rel="apple-touch-icon" sizes="152x152" href="/favicons/apple-touch-icon-152x152.png?v=2">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon-180x180.png?v=2">
<meta name="apple-mobile-web-app-title" content="ShortPixel">
<link rel="icon" type="image/png" href="/favicons/favicon-96x96.png?v=2" sizes="96x96">
<link rel="icon" type="image/png" href="/favicons/favicon-16x16.png?v=2" sizes="16x16">
<link rel="icon" type="image/png" href="/favicons/favicon-32x32.png?v=2" sizes="32x32">
<meta name="msapplication-TileColor" content="#00aba9">
<meta name="msapplication-TileImage" content="/favicons/mstile-144x144.png?v=2">
<meta name="msapplication-config" content="/favicons/browserconfig.xml">
<meta name="application-name" content="ShortPixel">
<meta property="og:title" content="Smart Image/CSS/JS Optimization Services and CDN for Websites" />
<meta property="og:description" content="ShortPixel is an online image optimization service that smart-compresses images, CSS and JS. Global CDN delivery. Tools and plugins for any WordPress or generic website. Compress your images with up to 90% without any humanly visible differences." />
<meta property="og:type" content="Website" />
<meta property="og:url" content="https://ShortPixel.com" />
<meta property="og:image" content="https://shortpixel.com/img/bighead.jpg" />
<title>Smart Image/CSS/JS Optimization Services and CDN for Websites | ShortPixel</title>
<meta name="description" content="ShortPixel is an online image optimization service that smart-compresses images, CSS and JS. Global CDN delivery. Tools and plugins for any WordPress or generic website. Compress your images with up to 90% without any humanly visible differences.">
</head>
<body class="d-flex flex-column min-vh-100 homepage ">
<style>
@charset "UTF-8";@font-face{font-family:montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Montserrat/static/Montserrat-LatinExt.woff2)format('woff2');src:url(/fonts/Montserrat/static/Montserrat-Regular.woff)format('woff');unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Montserrat/static/Montserrat-Latin.woff2)format('woff2');src:url(/fonts/Montserrat/static/Montserrat-Regular.woff)format('woff');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Montserrat/static/Montserrat-LatinExt.woff2)format('woff2');src:url(/fonts/Montserrat/static/Montserrat-Bold.woff)format('woff');unicode-range:U+100-2AF,U+304,U+308,U+329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Montserrat/static/Montserrat-Latin.woff2)format('woff2');src:url(/fonts/Montserrat/static/Montserrat-Bold.woff)format('woff');unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}h1,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.features .img-impar{text-align:end}:root{--bs-blue:#1ABDCA;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#1ABDCA;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#ED332B;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:26,189,202;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-body-color-rgb:33,37,41;--bs-body-bg-rgb:255,255,255;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-bg:#fff}*,::after,::before{box-sizing:border-box}@media(prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%}h1,h3,h5{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:calc(1.375rem + 1.5vw)}@media(min-width:1200px){h1{font-size:2.5rem}}h3{font-size:calc(1.3rem + .6vw)}@media(min-width:1200px){h3{font-size:1.75rem}}h5{font-size:1.25rem}p{margin-top:0;margin-bottom:1rem}ul{padding-left:2rem}ul{margin-top:0;margin-bottom:1rem}strong{font-weight:bolder}a{color:#0799a4;text-decoration:underline}img{vertical-align:middle}button{border-radius:0}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button{text-transform:none}[type=button],button{-webkit-appearance:button}::-moz-focus-inner{padding:0;border-style:none}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::-webkit-file-upload-button{font:inherit}::file-selector-button{font:inherit}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}.img-fluid{max-width:100%;height:auto}.container,.container-fluid{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media(min-width:576px){.container{max-width:540px}}@media(min-width:768px){.container{max-width:720px}}@media(min-width:992px){.container{max-width:960px}}@media(min-width:1200px){.container{max-width:1140px}}@media(min-width:1400px){.container{max-width:1320px}}@media(min-width:1800px){.container{max-width:1520px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col-12{flex:none;width:100%}.gx-5{--bs-gutter-x:3rem}@media(min-width:768px){.col-md-3{flex:none;width:25%}.col-md-4{flex:none;width:33.33333333%}.col-md-8{flex:none;width:66.66666667%}.col-md-10{flex:none;width:83.33333333%}.offset-md-1{margin-left:8.33333333%}}@media(min-width:992px){.col-lg-5{flex:none;width:41.66666667%}.col-lg-7{flex:none;width:58.33333333%}.col-lg-8{flex:none;width:66.66666667%}.offset-lg-2{margin-left:16.66666667%}}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group .btn{position:relative;z-index:2}.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;background-color:initial;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem}.btn-primary{color:#fff;background-color:#0799a4;border-color:#0799a4}.btn-danger{color:#fff;background-color:#ed332b;border-color:#ed332b}.btn-light{color:#000;background-color:#f8f9fa;border-color:#f8f9fa}.collapse:not(.show){display:none}.nav-link{display:block;padding:.5rem 1rem;color:#0799a4;text-decoration:none}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;text-decoration:none;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:initial;border:1px solid transparent;border-radius:.25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:50%;background-size:100%}@media(min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.55)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.55);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.progress{display:flex;height:1rem;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#0799a4}.align-middle{vertical-align:middle!important}.d-block{display:block!important}.d-flex{display:flex!important}.d-none{display:none!important}.min-vh-100{min-height:100vh!important}.flex-column{flex-direction:column!important}.flex-column-reverse{flex-direction:column-reverse!important}.justify-content-between{justify-content:space-between!important}.align-items-center{align-items:center!important}.m-auto{margin:auto!important}.me-auto{margin-right:auto!important}.mb-2{margin-bottom:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.fw-bold{font-weight:700!important}.text-center{text-align:center!important}@media(min-width:768px){.d-md-block{display:block!important}.d-md-none{display:none!important}}@media(min-width:992px){.flex-lg-row{flex-direction:row!important}.mb-lg-0{margin-bottom:0!important}}@font-face{font-family:bootstrap-icons;src:url(https://cdn.jsdelivr.net/npm/[email protected]/font/fonts/bootstrap-icons.woff2?524846017b983fc8ded9325d94ed40f3)format("woff2"),url(https://cdn.jsdelivr.net/npm/[email protected]/font/fonts/bootstrap-icons.woff?524846017b983fc8ded9325d94ed40f3)format("woff")}.bi::before,[class*=" bi-"]::before{display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:400!important;font-variant:normal;text-transform:none;line-height:1;vertical-align:-.125em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bi-images::before{content:"\f42b"}*{font-family:Montserrat,sans-serif;font-style:normal}body{background:#e6faff;background:linear-gradient(180deg,#e6faff 100px,rgba(255,255,255,.4598214285714286) 600px);padding-top:100px}.homepage #check_your_website,.homepage .homepage-comparer{background:#e6faff}:root{--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#1ABDCA;--bs-info-rgb:26,189,202;--sp-bg-light-blue:#e6faff;--sp-red:#ED332B;--sp-blue-dark:#116C7E;--sp-dark-red:#A1231D}a{text-decoration:none;color:var(--bs-blue)}.btn{border-radius:8px}.btn-light{background:#f2f2f2;border-color:#f2f2f2}.btn-primary{background-color:var(--bs-blue);border-color:#0db0bd}#navbarButtons ul{margin:auto}.container-fluid.menu{top:0;position:fixed;z-index:10}nav#topMenuNavbar.navbar{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:8px 16px 8px 0;top:16px;margin:auto;min-height:72px;background:rgba(255,255,255,.8)}.gray-border-shadow{box-shadow:0 6px 12px rgba(17,108,126,.15);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:16px}h1{font-family:Montserrat,sans-serif;font-style:normal;font-weight:700;font-size:48px;line-height:56px;color:#1abdca;padding:16px;margin-top:8px}span.rarr{font-family:monospace;font-size:14px}.homepage-comparer .comparison-slider-container,.homepage-comparer .hero h5{margin-top:20px;margin-bottom:16px}.homepage-comparer .b-dics{width:800px}.navbar-brand{padding-top:0;padding-bottom:0}@media(max-width:1399px){.homepage-comparer .b-dics{width:600px}}@media(max-width:1199px){.homepage-comparer .b-dics{width:500px}.nav-item.px-3{padding-right:.2rem!important;padding-left:.2rem!important}}@media(max-width:991px){h1{font-size:36px}.homepage-comparer .b-dics{width:100%}nav#topMenuNavbar.navbar{padding-top:3px;width:calc(100% - 24px)}.navbar-collapse{padding:10px;font-size:1.2rem}.navbar-collapse li{margin:5px}}.comparison-slider-container .b-dics{border-radius:8px}.comparison-slider-container{background:#fff;border-radius:16px;border:16px solid #fff;box-shadow:0 6px 12px rgba(17,108,126,.15);height:max-content}.comparison-slider-container .progress{background:#f2f2f2;transform:rotate(-180deg);margin-top:16px;border-radius:16px}.comparison-slider-container .progress .progress-bar{background:linear-gradient(90deg,#92d5e3 0,#1abdca 100%);border-radius:16px;transform:rotate(-180deg)}.comparison-slider-container .progress-text-left{transform:rotate(-180deg);padding-left:10px;padding-top:2px;z-index:2}.comparison-slider-container .progress-text{text-align:right;padding-right:10px;font-weight:700}.comparison-slider-container .progress{height:1.6rem}.hero h1{padding:0;margin-bottom:18px}.hero-actions{width:90%}.hero-actions .strike{margin-top:10px}.hero .hero-actions .btn-primary{width:100%;margin:10px 0 4px}.hero .btn-danger i,.hero .btn-primary i{color:#fff}i.icon-check-page{width:40px;display:inline-block;position:relative}i.icon-check-page::before{content:' ';background-image:url(https://shortpixel.com/img/icon-check-page.svg);width:20px;height:20px;display:inline-block;position:absolute;top:-16px}.fake-dropzone{background-color:#bdeef4;padding:14px;border:2px dashed #1abdca;border-radius:20px}.check-your-website{background-image:linear-gradient(180deg,#fff 0,var(--sp-bg-light-blue) 100%);padding:20px 28px;margin-top:20px}.include-button input{padding:17px 56px 16px 28px;border-radius:30px;border:none}.include-button .input-wrap{width:100%}.include-button{position:relative}.include-button button.btn-danger{position:absolute;top:10px;right:10px;border-radius:20px;font-family:monospace;font-size:32px;line-height:32px;padding:0 8px 4px}.check-your-website h5{margin-bottom:16px}.upload-tos{font-size:.7em;margin:.2rem 0}.strike{display:block;text-align:center;overflow:hidden;white-space:nowrap}.strike>span{position:relative;display:inline-block;font-weight:700}.strike>span:after,.strike>span:before{content:"";position:absolute;top:50%;width:9999px;height:1px;background:#ccc}.strike>span:before{right:100%;margin-right:15px}.strike>span:after{left:100%;margin-left:15px}.container-fluid{padding-right:0;padding-left:0}.navbar-nav{flex:1;margin:auto!important;display:flex;justify-content:center}@media(min-width:992px) and (max-width:1399px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.2rem;padding-left:.2rem}.navbar-brand{margin-right:0}}@media(min-width:1200px) and (max-width:1399px){.navbar-expand-lg .navbar-nav .nav-link{padding-right:.3rem;padding-left:.3rem}}.grad-turq-white-bg{background-image:linear-gradient(180deg,var(--sp-bg-light-blue) 0,#fff 100px)}h5{font-style:normal;font-weight:700;font-size:16px;line-height:24px;color:#333}@media(max-width:400px){.navbar .navbar-brand{margin-right:0}.navbar .navbar-brand img{width:180px}}.navbar .btn{margin-right:10px}.hero .btn{margin:10px}.features h3{font-family:Montserrat,sans-serif;font-style:normal;font-weight:700;font-size:36px;line-height:56px;color:#1abdca;padding-bottom:20px}.features p{font-family:Montserrat,sans-serif;font-style:normal;font-weight:400;font-size:16px;line-height:24px;color:#333}.features .img-par{text-align:start}.shortpixel-hs-tools{position:fixed;bottom:74px;right:16px;z-index:20003;background-color:#0db0bd;padding:4px 6px;border-radius:26px;-webkit-box-shadow:1px 1px 5px 0 #066d75;-moz-box-shadow:1px 1px 5px 0 #066d75;box-shadow:1px 1px 10px #acadad}.shortpixel-hs-tools .close-hs-tools{font-size:50px;font-weight:700;line-height:38px;display:none}.b-dics{width:100%;max-width:100%;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;opacity:0}.homepage-comparer .comparison-slider-container::before{content:' ';padding-top:56.3%;width:0;display:inline-block}.homepage-comparer .comparison-slider-container .b-dics{float:left}.homepage-comparer .b-dics>img{max-width:100%}#shortpixel-cookies{padding-bottom:16px;padding-top:16px;bottom:0;position:fixed;width:100%;text-align:center;color:#333;min-height:50px;z-index:20000}#shortpixel-cookies .container{background:#fce3e2;border-radius:16px;padding:16px}#shortpixel-cookies a{color:var(--sp-red)}#shortpixel-cookies a:visited{color:var(--sp-dark-red)}@media(min-width:769px) and (max-width:1050px){div#shortpixel-cookies .cookies-button{margin-right:60px}}
</style>
<div id="shortpixel-cookies" style="display:none">
<div class="container gray-border-shadow" >
<div class="cookie-notice-text">
<p>We are using cookies and other similar technologies for the proper operation of our website,
for performance analysis, to provide you with personalized content according to your interests and preferences,
as well as for anonymous statistics. Our <a href="/cookie-policy">Cookies Policy</a>, available here, provides you with all relevant details
regarding the cookies we use and their management.</p>
<p>Please either accept all the cookies or go to <a href="cookie-policy">Manage Cookies</a> to let us know which types of cookies you want to enable on your device,
by ticking the relevant boxes.</p>
</div>
<div class="cookies-button">
<button onclick="shortpixelCookieAcceptAll(this)" class="btn btn-danger"><strong>Accept All</strong></button>
<span><a href="/cookie-policy" class="btn">Manage Cookies</a></span>
</div>
</div>
</div>
<style>
#shortpixel-cookies {
padding-bottom: 16px;
padding-top: 16px;
bottom: 0px;
position: fixed;
width: 100%;
text-align: center;
color: rgb(51, 51, 51);
transition: bottom 1s ease 0s;
min-height: 50px;
z-index: 20000;
}
#shortpixel-cookies .container {
background: #fce3e2;
border-radius: 16px;
padding: 16px;
}
#shortpixel-cookies a {
color: var(--sp-red);
}
#shortpixel-cookies a:hover, #shortpixel-cookies a:visited{
color: var(--sp-dark-red);
}
#shortpixel-cookies h6 {
margin-top: 6px;
margin-left: 10px
}
@media (min-width: 769px) and (max-width: 1050px) {
#shortpixel-cookies .cookies-button {
margin-right: 60px;
}
}
.cookie-options {
display: none;
}
</style>
<script>
window.addEventListener('load', (event) => {
document.addEventListener('mousemove', shortpixelCookieNotice);
document.addEventListener('scroll', shortpixelCookieNotice);
});
</script>
<div class="container-fluid menu">
<nav class="navbar navbar-expand-lg navbar-light container gray-border-shadow" id="topMenuNavbar">
<div class="container">
<a class="navbar-brand" href="/">
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/logo-text.svg" alt="ShortPixel Logo" width="236" height="56" loading="eager">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarButtons" aria-controls="navbarButtons" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarButtons">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 gx-5">
<li class="nav-item px-3">
<a class="nav-link" href="/online-image-compression">Compress</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="/products">Products</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="/pricing">Pricing</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="/knowledge-base">Docs</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" href="/blog">Blog</a>
</li>
</ul>
<a href="/login" class="btn btn-light">Log in</a>
<a href="/free-sign-up" class="btn btn-danger">Free Sign Up</a>
</div>
</div>
</nav>
</div>
<link rel="stylesheet" href="https://cdn.shortpixel.ai/sp/q_lossy,ret_auto/shortpixel.com/styles/dics.min.css">
<script src="https://cdn.shortpixel.ai/sp/ret_auto/shortpixel.com/js/dics.min.js"></script>
<div class="container-fluid homepage-comparer">
<style>
.homepage-comparer .comparison-slider-container::before {
content: ' ';
padding-top: 56.3%;
width: 0;
display: inline-block;
}
.homepage-comparer .comparison-slider-container .b-dics {
float:left;
}
.homepage-comparer .b-dics > img {
max-width: 100%;
}
</style>
<div class="container ">
<div class="d-flex justify-content-between flex-column-reverse flex-lg-row">
<div class="hero">
<h5>Is your website slow?</h5>
<h1>Compress and optimize your images with ShortPixel</h1>
<div class="text-center hero-actions">
<div class="fake-dropzone">
<a class="btn btn-danger fw-bold" href="/online-image-compression" role="button"><i class="bi bi-images"></i> Upload Image</a>
</div>
<div class="strike">
<span>OR</span>
</div>
<a class="btn btn-primary fw-bold" href="#" role="button"
onclick="document.getElementById('check_your_website').style.display='block';document.getElementById('check_your_website_input').focus();return false;">
<i class="icon-check-page"></i> Check your website
</a>
<p class="upload-tos">By uploading an image or URL you agree to our <a href="/tos" target="_blank">Terms of Service</a>.</p>
</div>
</div>
<div class="comparison-slider-container">
<div class="b-dics">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/www.w3schools.com/howto/img_snow.jpg" id="img1" alt="Original">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/www.w3schools.com/howto/img_snow.jpg" id="img2" alt="ShortPixel">
</div>
<div class="row">
<div class="col-12">
<div class="progress justify-content-between">
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
<div class="progress-text"><span id="percentage-optimized"></span>% image compression</div>
</div>
<div class="progress-text-left"><span id="original-size"></span> <span class="rarr">→</span> <span id="optimized-size"></span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
let img = [
{
"ImageName": "berries",
"ImageSizePercent": 25,
"ImageOptBarWidth": 175,
"ImageOrigSize": "260",
"ImageOptSize": "65",
"ImagePercent": "75"
},
{
"ImageName": "hummingbird",
"ImageSizePercent": 15,
"ImageOptBarWidth": 105,
"ImageOrigSize": "284",
"ImageOptSize": "41",
"ImagePercent": "85"
},
{
"ImageName": "condor",
"ImageSizePercent": 15,
"ImageOptBarWidth": 105,
"ImageOrigSize": "313",
"ImageOptSize": "45",
"ImagePercent": "85"
},
{
"ImageName": "plane",
"ImageSizePercent": 16,
"ImageOptBarWidth": 112,
"ImageOrigSize": "207",
"ImageOptSize": "33",
"ImagePercent": "84"
}
];
function getRandomInt(max) {
return Math.floor(Math.random() * max);
}
window.addEventListener('load', (event) => {
let rand = getRandomInt(3);
document.getElementById("img1").src='/img/slider/'+img[rand].ImageName+'-original.jpg';
document.getElementById("img2").src='/img/slider/'+img[rand].ImageName+'-optimized-by-shortpixel.jpg';
document.getElementById("original-size").innerHTML = img[rand].ImageOrigSize + 'KB';
document.getElementById("optimized-size").innerHTML = img[rand].ImageOptSize + 'KB';
document.getElementById("percentage-optimized").innerHTML = img[rand].ImagePercent;
document.querySelector(".progress-bar").setAttribute("aria-valuenow", img[rand].ImagePercent);
document.querySelector(".progress-bar").style.width = img[rand].ImagePercent + '%';
new Dics({
container: document.querySelector(".b-dics"),
textPosition: "top"
});
});
</script>
<!-- TODO DRY UP -->
<div class="container-fluid" id="check_your_website" style="display:none">
<div class="container ">
<div class="row">
<div class="col-lg-8 col-md-10 offset-lg-2 offset-md-1 gray-border-shadow check-your-website text-center">
<h5 class="fw-bold">Enter your website URL below to see what ShortPixel can do for your website:</h5>
<div class="input-group include-button">
<div class="input-wrap">
<input id="check_your_website_input" type="text" class="form-control gray-border-shadow" placeholder="https://" onkeydown="callOnEnter(redirectToCruncher)">
</div>
<div>
<button class="btn btn-danger" type="button" onclick="redirectToCruncher()">→</button>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
function redirectToCruncher() {
let site = document.getElementById('check_your_website_input').value;
if(site!='') {
window.location.href = "/image-compression-test?site-url=" + site;
}
}
</script>
<div class="container-fluid features grad-turq-white-bg">
<div class="container ">
<div class="row d-flex align-items-center">
<div class="col-md-4 col-lg-5 img-par d-none d-md-block">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/shortpixel.com/img/homepage/features1.png" alt="Image and speedometer" class="img-fluid" width="350" height="350">
</div>
<div class="col-12 col-md-8 col-lg-7 align-middle">
<h3>Speed up your website.<br>With ease.</h3>
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/shortpixel.com/img/homepage/features1.png" alt="Image and speedometer" class="d-block d-md-none m-auto" width="200" height="200">
<p>Imagine if there was a tool that could easily make your website faster. Not only that, but it would save you time and effort when dealing with images.
This way, you can be unaware of all the complexity behind it. You will not have to worry about delivering optimized "next-gen" images, properly adjust the images size and serve them through a CDN...
<BR>Well, with the ShortPixel tools, you can accomplish all of that and more.</p>
</div>
</div>
<div class="row d-flex align-items-center">
<div class="col-12 col-md-8 col-lg-7 align-middle">
<h3>Install and forget</h3>
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/shortpixel.com/img/homepage/features2.png" alt="Sized images automatically scaled and served" class="d-block d-md-none m-auto" width="200" height="200">
<p>Whether you have just one website or manage hundreds of websites, ShortPixel can help.
No more worries with editors forgetting to resize the 5 MB image they took with their phone. Or other time-consuming processes before uploading the images to your website.
<BR>Just add the images and ShortPixel will do the rest.
</p>
</div>
<div class="col-md-4 col-lg-5 img-impar d-none d-md-block">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/shortpixel.com/img/homepage/features2.png" alt="Sized images automatically scaled and served" class="img-fluid" width="400" height="400">
</div>
</div>
<div class="row d-flex align-items-center">
<div class="col-md-4 col-lg-5 img-par d-none d-md-block">
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/shortpixel-smart-compression-graph.svg" alt="Optimal image quality" loading="lazy" class="img-fluid" width="400" height="400">
</div>
<div class="col-12 col-md-8 col-lg-7 align-middle">
<h3>SmartCompress for best image quality</h3>
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/shortpixel-smart-compression-graph.svg" alt="Optimal image quality" loading="lazy" class="d-block d-md-none m-auto" width="200" height="200">
<p>ShortPixel is not your average image optimization service.
We do not just reduce image quality from 80% to 40% like others do. The result is images that are either under-optimized or over-optimized. <BR>ShortPixel takes a totally different approach.
Our goal is to deliver the original-looking images at the smallest possible size. And to achieve that, we take each image and optimize it multiple times with our proprietary algorithms until we have the perfect, smallest possible image.
</p>
</div>
</div>
<div class="row d-flex align-items-center">
<div class="col-12 col-md-8 col-lg-7 align-middle">
<h3>Next-gen WebP and AVIF formats </h3>
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/image-types.svg" alt="Image types: webp, png, webp, avif" loading="lazy" class="d-block d-md-none m-auto" width="200" height="200">
<p>While JPEG is still the most popular format, new formats like WebP and AVIF offer better image quality at smaller file sizes. And that means faster websites and therefore better SEO rankings. Who does not want that?!
<BR>ShortPixel takes all the complexity away from you and makes everything simple: with just a few clicks you can convert all your JPG/PNG images to WebP/AVIF and make them available to the right browsers.
</p>
</div>
<div class="col-md-4 col-lg-5 img-impar d-none d-md-block">
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/image-types.svg" alt="Image types: webp, png, webp, avif" loading="lazy" class="img-fluid" width="400" height="400">
</div>
</div>
</div>
</div>
<div class="container-fluid pt-3 our-products grad-white-turq-white-bg">
<div class="container ">
<div class="row">
<div class="col-12 text-center">
<h3 class="fw-bold">Our products</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-4 card-outer">
<div class="card border-0 h-100 gray-border-shadow">
<div class="card-header border-0 text-left">
<a href="/products#website-tools" class="btn btn-light tag-website-tools">Website tools</a>
</div>
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,w_120to_auto,ret_img/shortpixel.com/img/homepage/wordpress-spio.png" class="card-img-top" alt="Wordpress Plugin" width="120" height="120" loading="lazy">
<h5 class="card-title">Image Optimization WP Plugin</h5>
<p class="card-text">If your site uses WordPress, the ShortPixel Image Optimizer plugin gets you
up and running in seconds, optimizing all your past images with a push of a button and all your new images automatically.
</p>
</div>
<div class="card-footer border-0 text-center">
<a class="btn btn-danger" href="https://downloads.wordpress.org/plugin/shortpixel-image-optimiser.latest-stable.zip" rel="noopener noreferer">Download plugin</a>
<a class="read-more-link" href="/products/shortpixel-image-optimizer" rel="noopener noreferer">Read more</a>
</div>
</div>
</div>
<div class="col-md-4 card-outer">
<div class="card border-0 h-100 gray-border-shadow">
<div class="card-header border-0 text-left">
<a href="/products#client-tools" class="btn btn-light">Client tools</a>
</div>
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,w_120to_auto,ret_img/shortpixel.com/img/homepage/android.png" class="card-img-top" alt="ShortPixel App for Android" width="120" height="120" loading="lazy">
<h5 class="card-title">ShortPixel App for Android</h5>
<p class="card-text">The ShortPixel Photo Optimizer App lets you optimize the photos in your Android
phone Gallery making room for up to 5x more photos.
</p>
</div>
<div class="card-footer border-0 text-center">
<a class="btn btn-danger" href="https://play.google.com/store/apps/details?id=com.shortpixel.android.imageoptimizer" target="_blank" rel="noopener noreferer">Get it</a>
</div>
</div>
</div>
<div class="col-md-4 card-outer">
<div class="card border-0 h-100 gray-border-shadow">
<div class="card-header border-0 text-left">
<a href="/products#website-tools" class="btn btn-light tag-website-tools">Website tools</a>
</div>
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,w_120to_auto,ret_img/shortpixel.com/img/homepage/wordpress-spai.png" class="card-img-top" alt="Adaptive Images WP Plugin" width="120" height="120" loading="lazy">
<h5 class="card-title">Adaptive Images WP Plugin</h5>
<p class="card-text">The ShortPixel Adaptive Images plugin analyzes the pixel size of the image's
container and replaces the original image with a version scaled down to the needed size and then optimized,
and served from a global CDN.
</p>
</div>
<div class="card-footer border-0 text-center">
<a class="btn btn-danger" href="https://downloads.wordpress.org/plugin/shortpixel-adaptive-images.latest-stable.zip" rel="noopener noreferer">Download plugin</a>
<a class="read-more-link" href="/products/shortpixel-adaptive-images">Read more</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-6 text-center">
<BR>
<a href="/products" class="btn btn-outline-info">View all products</a>
<BR>
</div>
</div>
<div class="row justify-content-center pt-3">
<div class="col-6 text-center">
Are you a developer? <a href="/products#developer-tools" class="btn btn-link">View our Developer Tools</a>
</div>
</div>
</div>
</div>
<div class="container-fluid testimonials">
<div class="container text-center my-3">
<div class="row">
<div class="col-12 text-center">
<h3 class="fw-bold">Image optimization leads to happy<br>internet users</h3>
</div>
</div> <div class="row mx-auto my-auto justify-content-center">
<div id="recipeCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner" role="listbox" id="carousel-content">
</div>
<a class="carousel-control-prev bg-transparent w-aut" href="#recipeCarousel" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
</a>
<a class="carousel-control-next bg-transparent w-aut" href="#recipeCarousel" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
</a>
</div>
</div>
</div>
</div>
<template id="carousel-item">
<div class="carousel-item active">
<div class="col-md-4 card-group">
<div class="card border-0 gray-border-shadow">
<div class="card-header">
<div class="stars">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</div>
</div>
<div class="card-body">
<h5 class="card-title"></h5>
<div class="card-text"></div>
</div>
<div class="card-footer">
<div class="author-img"><img src="#" class="avatar" width="64" height="64" loading="lazy"></div>
<div class="author"><span class="author-name"></span><br><span class="author-id"></span></div>
</div>
</div>
</div>
</div>
</template>
<script>
let container = document.getElementById('carousel-content');
container.innerHTML = '';
let template = document.getElementById('carousel-item');
async function getTestimonials(product) {
console.log(product);
const requestURL = '/api/testimonials';
const request = new Request(requestURL);
const response = await fetch(request,{
method: 'POST',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json'
},
body: JSON.stringify({product:product})
});
const testimonials = await response.json();
populateTestimonials(testimonials);
}
function populateTestimonials(testimonials) {
let container = document.getElementById('carousel-content');
container.innerHTML = '';
let template = document.getElementById('carousel-item');
let i=0;
for (const testimonial of testimonials) {
let templateContent = template.content.cloneNode(true);
if(i==0) {
templateContent.querySelector(".carousel-item").classList.add("active");
} else {
templateContent.querySelector(".carousel-item").classList.remove("active");
}
let titleSlot = templateContent.querySelectorAll(".card .card-title");
titleSlot[0].textContent = testimonial.Title;
let textSlot = templateContent.querySelectorAll(".card .card-text");
textSlot[0].innerHTML = testimonial.Text;
let authorSlot = templateContent.querySelectorAll(".card .author-name");
authorSlot[0].textContent = testimonial.User;
let authorIdSlot = templateContent.querySelectorAll(".card .author-id");
authorIdSlot[0].textContent = '@' + testimonial.UserId;
let avatarSlot = templateContent.querySelectorAll(".card .avatar");
avatarSlot[0].src = 'https://secure.gravatar.com/avatar/' + testimonial.Gravatar + '/?s=64&d=mp';
avatarSlot[0].alt = testimonial.User + "'s avatar";
container.appendChild(templateContent);
i++;
}
makeSlider();
}
function makeSlider() {
let items = document.querySelectorAll('.carousel .carousel-item');
items.forEach((el) => {
// number of slides per carousel-item
const minPerSlide = 3;
let next = el.nextElementSibling;
for (var i=1; i<minPerSlide; i++) {
if (!next) {
// wrap carousel by using first child
next = items[0];
}
let cloneChild = next.cloneNode(true);
el.appendChild(cloneChild.children[0]);
next = next.nextElementSibling;
}
});
}
window.addEventListener('load', (event) => {
getTestimonials('');
});
</script>
<div class="container-fluid pt-3 benefits">
<div class="container ">
<div class="row justify-content-center benefits-details">
<div class="col-10 col-md-8 col-lg-6">
<p>A significant portion of a website's data usually consists of images. Image optimization refines images, shortens loading times, and reduces the load on network resources, including data usage on mobile data plans.
</p>
<p>
Image optimization will also boost your SEO performance, as search engines factor in page loading speed when ranking websites. A faster loading page means more page views, a pleasant user experience, and better search rankings.
</p>
<p>
ShortPixel is an image optimization service that uses advanced compression technology to reduce the image size without affecting the before/after quality, so your pages will load faster.
</p>
</div>
</div>
<div class="row justify-content-center" id="benefits-list">
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Bandwidth.svg" class="card-img-top" alt="Less bandwidth usage" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">Less bandwith usage</h5>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Backup.svg" class="card-img-top" alt="Quick backups" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">Quick backups</h5>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Search.svg" class="card-img-top" alt="Better search ranking" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">Better search ranking</h5>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Fast.svg" class="card-img-top" alt="Super fast websites" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">Super fast websites</h5>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Batch.svg" class="card-img-top" alt="Batch image optimization" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">Batch image optimization</h5>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Wordpress_plugin.svg" class="card-img-top" alt="WordPress plugin" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">WordPress plugin</h5>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Image_Quality.svg" class="card-img-top" alt="Image quality is preserved" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">Image quality is preserved</h5>
</div>
</div>
</div>
<div class="col-md-3">
<div class="card border-0 h-100">
<div class="card-body text-center">
<div class="benefits-icon gray-border-shadow"><img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/icons/Algorithm.svg" class="card-img-top" alt="Powerful algorithms" width="50" height="50" loading="lazy"></div>
<h5 class="card-title">Powerful algorithms</h5>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid">
<div class="container ">
<div class="row">
<div class="col-12 text-center">
<div class="sp-image-counter-box gray-border-shadow">
<div id="counter" class="sp-image-counter odometer fs-1 fw-bold">21198329286</div>
<p>Images already optimized</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-3 text-center">
<h2 class="fw-bold text-info">1 Million+</h2>
<p>websites</p>
</div>
<div class="col-md-3 text-center">
<h2 class="fw-bold text-info">600,000</h2>
<p>users worldwide</p>
</div>
<div class="col-md-3 text-center">
<h2 class="fw-bold text-info">600,000 TB</h2>
<p>web traffic saved</p>
</div>
</div>
</div>
</div>
<link rel="stylesheet" href="https://cdn.shortpixel.ai/sp/q_lossy,ret_auto/shortpixel.com/styles/odometer-theme-car.css"/>
<script src="https://cdn.shortpixel.ai/sp/ret_auto/shortpixel.com/js/odometer.min.js" defer></script>
<script>
function isElementInViewport (el) {
var rect = el.getBoundingClientRect();
return (
rect.top >= 0 &&
rect.left >= 0 &&
rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && /* or $(window).height() */
rect.right <= (window.innerWidth || document.documentElement.clientWidth) /* or $(window).width() */
);
}
async function spCounterStart() {
if(isElementInViewport(document.getElementById('counter'))) {
const requestURL = '/counter';
const request = new Request(requestURL);
let counter;
try {
const response = await fetch(request, {
method: 'GET'
});
counter = await response.text();
} catch (error) {
console.error(error);
setTimeout(spCounterStart, 8000);
}
let container = document.getElementById('counter');
container.textContent = counter;
}
setTimeout(spCounterStart, 4000);
}
spCounterStart();
</script>
<div class="container-fluid pt-5 pb-4 partners">
<div class="container ">
<div class="row">
<div class="col-12 text-center">
<h3 class="fw-bold">Our partners</h3>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/partners/bunnynet-logo.svg" class="card-img-top" alt="bunny.net" width="300" height="86" loading="lazy">
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/partners/fooplugins-logo-new.svg" style="padding-top: 40px;" class="card-img-top" alt="FooPlugins" width="300" height="37" loading="lazy">
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/shortpixel.com/img/homepage/partners/modula-logo.png" class="card-img-top" alt="Wordpress Plugin" width="340" height="92" loading="lazy">
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/q_lossy,to_auto,ret_img/shortpixel.com/img/homepage/partners/autoptimize-logo.png" style="width: 100px" class="card-img-top" alt="Wordpress Plugin" width="128" height="128" loading="lazy">
</div>
</div>
</div>
<div class="col-md-4">
<div class="card border-0 h-100">
<div class="card-body text-center">
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/homepage/partners/hetzner-logo.svg" style="padding-top: 30px;" class="card-img-top" alt="Wordpress Plugin" width="300" height="37" loading="lazy">
</div>
</div>
</div>
</div>
</div>
</div>
<div id="footer" class="container-fluid mt-auto">
<div class="container p-2">
<div class="d-flex flex-nowrap flex-column flex-lg-row justify-content-between p-2">
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/about-and-team">About & team</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/contact">Contact</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/knowledge-base/" target="_blank" rel="noopener noreferer">Knowledge Base</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/faq">FAQ</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/free-sign-up-affiliate">Affiliates</a >
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/partners">Partners</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/compare">Compare</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/online-pdf-compressor">PDF</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="https://status.shortpixel.com/" target="_blank" rel="noopener noreferer">Status</a>
</div>
<div class="ps-sm-3">
<a href="https://shortpixel.com/downloads/media-kit/MediaKIT.zip">Media Kit</a>
</div>
</div>
<div class="container-fluid d-flex flex-column flex-lg-row justify-content-between p-2">
<div class="flex-grow-1">
<div id="socialMenu" class="d-flex flex-row pt-1">
<div class="px-3 pb-4 pb-lg-0">
<a href="https://www.facebook.com/ShortPixel" target="_blank" rel="noopener noreferer" aria-label="ShortPixel's Facebook page">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg>
</a>
</div>
<div class="px-3 pb-4 pb-lg-0">
<a href="https://twitter.com/shortpixel" target="_blank" rel="noopener noreferer">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16" aria-label="ShortPixel's X page">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg>
</a>
</div>
<div class="px-3 pb-4 pb-lg-0">
<a href="https://github.com/short-pixel-optimizer/" target="_blank" rel="noopener noreferer" aria-label="ShortPixel's GitHub page">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg>
</a>
</div>
<div class="px-3 pb-4 pb-lg-0">
<a href="https://www.linkedin.com/company/shortpixel" target="_blank" rel="noopener noreferer" aria-label="ShortPixel's LinkedIn page">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg>
</a>
</div>
</div>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/tos">Terms</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/privacy">Privacy Policy</a>
</div>
<div class="ps-sm-3 pb-3 pb-lg-0">
<a href="/privacy#gdpr">GDPR</a>
</div>
</div>
<div class="container-fluid d-flex flex-md-column flex-lg-row justify-content-between p-2 copyright">
<div class="ps-3">
© 2014-2024 ShortPixel · Made with <span style="color:red">♥</span> in Bucharest, Romania.
</div>
<div class="ps-sm-3 pe-md-0">
ShortPixel® is a trademark of ID Scout SRL
</div>
</div>
</div>
</div>
<!--<div id="shortpixel-hs-blind" class="shortpixel-hs-blind">
<a href="javascript:shortpixelHideHelpPane();">
<i class="bi bi-dash" title="Dismiss for now "></i>
</a>
<a href="javascript:shortpixelDismissHelpPane();">
<i class="bi bi-x" title="Never display again"></i>
</a>
</div>-->
<div id="shortpixel-hs-tools" class="shortpixel-hs-tools">
<a href="/knowledge-base" target="_blank" class="shortpixel-hs-tools-docs" title="Search through our online documentation.">
<img src="https://cdn.shortpixel.ai/sp/ret_img/shortpixel.com/img/notes.svg" alt="ShortPixel Knowledge Base" style="margin: 5px 5px 7px;width: 28px;height: 31px" width="216" height="236">
<div class="close-hs-tools">×</div>
</a>
</div>
<script>
window.shortpixelHSOpen = 0;
/*
*/
function shortpixelHideHelpPane() {
//document.querySelector('#shortpixel-hs-blind').style.display = 'none';
document.querySelector('#shortpixel-hs-tools').style.display = 'none';
// Quriobot - changed with chatbase
// quriobot.hide();
window.Beacon('destroy');
}
function shortpixelDismissHelpPane() {
shortpixelHideHelpPane();
setCookie("ShortPixelCookieAccept", readCookie("ShortPixelCookieAccept") | 16, 311040000) //10 years
}
</script>
<script>
window.chatbaseConfig = {
chatbotId: "M__c7Yk58ZL23gk7UIWY-",
}
</script>
<script src="https://www.chatbase.co/embed.min.js" id="M__c7Yk58ZL23gk7UIWY-" defer></script>
<script src="https://cdn.shortpixel.ai/sp/ret_auto/shortpixel.com/js/bootstrap-5.1.3.bundle.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.shortpixel.ai/sp/ret_auto/shortpixel.com/js/site.min.js?v=3" type="application/javascript"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-55918546-1', 'auto');
//ga('require', 'GTM-MVPV9N4'); //Google Optimize snippet, for A/B testing
ga('send', 'pageview');
ga('set', 'anonymizeIp', true);
</script>
<script id="profitwell-js" data-pw-auth="8949aad209af3e74a4224e419c9feeb3">
(function(i,s,o,g,r,a,m){i[o]=i[o]||function(){(i[o].q=i[o].q||[]).push(arguments)};
a=s.createElement(g);m=s.getElementsByTagName(g)[0];a.async=1;a.src=r+'?auth='+
s.getElementById(o+'-js').getAttribute('data-pw-auth');m.parentNode.insertBefore(a,m);
})(window,document,'profitwell','script','https://public.profitwell.com/js/profitwell.js');
profitwell('start', { 'user_email': '' });
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VDQ1NN6HES"></script>
<script>
window.addEventListener('load', (event) => {
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-VDQ1NN6HES');
});
</script>
</body>
</html>