CINXE.COM

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>GIF Compressor: Optimize GIF Animations Online [Free]</title> <meta name="description" content="Effortlessly shrink your GIF animations online for free with our user-friendly GIF compressor. Optimize file sizes without sacrificing visual quality, ideal for faster loading and sharing." /> <link rel="canonical" href="https://elementor.com/tools/gif-compressor/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="GIF Compressor: Optimize GIF Animations Online [Free]" /> <meta property="og:description" content="Effortlessly shrink your GIF animations online for free with our user-friendly GIF compressor. Optimize file sizes without sacrificing visual quality, ideal for faster loading and sharing." /> <meta property="og:url" content="https://elementor.com/tools/gif-compressor/" /> <meta property="og:site_name" content="Elementor" /> <meta property="article:publisher" content="https://www.facebook.com/elemntor" /> <meta property="article:published_time" content="2024-08-18T07:48:35+00:00" /> <meta property="article:modified_time" content="2024-09-03T08:20:24+00:00" /> <meta property="og:image" content="https://elementor.com/wp-content/uploads/2024/08/Featured-Image-1.png" /> <meta property="og:image:width" content="1200" /> <meta property="og:image:height" content="628" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:creator" content="@elemntor" /> <meta name="twitter:site" content="@elemntor" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Alan Kaler" /> <meta name="twitter:label2" content="Est. reading time" /> <meta name="twitter:data2" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Article","@id":"https://elementor.com/tools/gif-compressor/#article","isPartOf":{"@id":"https://elementor.com/tools/gif-compressor/"},"author":{"name":"Alan Kaler","@id":"https://elementor.com/#/schema/person/01d315bfa173311167184a5a20fa4cb6"},"headline":"GIF Compressor","datePublished":"2024-08-18T07:48:35+00:00","dateModified":"2024-09-03T08:20:24+00:00","mainEntityOfPage":{"@id":"https://elementor.com/tools/gif-compressor/"},"wordCount":2,"publisher":{"@id":"https://elementor.com/#organization"},"image":{"@id":"https://elementor.com/tools/gif-compressor/#primaryimage"},"thumbnailUrl":"https://elementor.com/wp-content/uploads/2024/08/Featured-Image-1.png","keywords":["Compressor"],"articleSection":["tools"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://elementor.com/tools/gif-compressor/","url":"https://elementor.com/tools/gif-compressor/","name":"GIF Compressor: Optimize GIF Animations Online [Free]","isPartOf":{"@id":"https://elementor.com/#website"},"primaryImageOfPage":{"@id":"https://elementor.com/tools/gif-compressor/#primaryimage"},"image":{"@id":"https://elementor.com/tools/gif-compressor/#primaryimage"},"thumbnailUrl":"https://elementor.com/wp-content/uploads/2024/08/Featured-Image-1.png","datePublished":"2024-08-18T07:48:35+00:00","dateModified":"2024-09-03T08:20:24+00:00","description":"Effortlessly shrink your GIF animations online for free with our user-friendly GIF compressor. Optimize file sizes without sacrificing visual quality, ideal for faster loading and sharing.","breadcrumb":{"@id":"https://elementor.com/tools/gif-compressor/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://elementor.com/tools/gif-compressor/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://elementor.com/tools/gif-compressor/#primaryimage","url":"https://elementor.com/wp-content/uploads/2024/08/Featured-Image-1.png","contentUrl":"https://elementor.com/wp-content/uploads/2024/08/Featured-Image-1.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https://elementor.com/tools/gif-compressor/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://elementor.com/"},{"@type":"ListItem","position":2,"name":"GIF Compressor"}]},{"@type":"WebSite","@id":"https://elementor.com/#website","url":"https://elementor.com/","name":"Elementor","description":"Page Builder for WordPress","publisher":{"@id":"https://elementor.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://elementor.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://elementor.com/#organization","name":"Elementor Website Builder","url":"https://elementor.com/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://elementor.com/#/schema/logo/image/","url":"https://elementor.com/wp-content/uploads/2021/10/full-logotype-pink.svg","contentUrl":"https://elementor.com/wp-content/uploads/2021/10/full-logotype-pink.svg","width":550,"height":420,"caption":"Elementor Website Builder"},"image":{"@id":"https://elementor.com/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/elemntor","https://x.com/elemntor"]},{"@type":"Person","@id":"https://elementor.com/#/schema/person/01d315bfa173311167184a5a20fa4cb6","name":"Alan Kaler","description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you","url":"https://elementor.com/author/alan-kaler/"}]}</script>  <link rel="alternate" type="application/rss+xml" title="Elementor » Feed" href="https://elementor.com/feed/" /> <link rel="alternate" type="application/rss+xml" title="Elementor » Comments Feed" href="https://elementor.com/comments/feed/" /> <style id='safe-svg-svg-icon-style-inline-css' type='text/css'> .safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{height:100%;max-height:100%;max-width:100%;width:100%} </style> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='elementor-frontend-css' href='https://elementor.com/wp-content/plugins/elementor/assets/css/frontend-lite.min.css?ver=3.23.4' type='text/css' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://elementor.com/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-52406-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-52406.css?ver=1728374877' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-pro-css' href='https://elementor.com/wp-content/plugins/elementor-pro/assets/css/frontend-lite.min.css?ver=3.23.3' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-71706-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-71706.css?ver=1728374879' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-16853-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-16853.css?ver=1730019943' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-8224639-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-8224639.css?ver=1728391816' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-post-8224754-css' href='https://elementor.com/wp-content/uploads/elementor/css/post-8224754.css?ver=1728391816' type='text/css' media='all' /> <link rel='stylesheet' id='elementor-site-style-child-css' href='https://elementor.com/wp-content/themes/elementor-website/assets/css/style.css?ver=1.1.6' type='text/css' media='all' /> <link rel='stylesheet' id='google-fonts-1-css' href='https://fonts.googleapis.com/css?family=DM+Sans%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&display=swap&ver=6.6.2' type='text/css' media='all' /> <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin><script type="text/javascript" src="https://elementor.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script> window.dataLayer = window.dataLayer || []; </script>  <link rel="preconnect" href="https://dev.visualwebsiteoptimizer.com" /> <script data-cfasync="false" type='text/javascript' id='vwoCode'> window._vwo_code=window._vwo_code || (function() { var account_id=740558, version = 1.5, settings_tolerance=2000, library_tolerance=2500, use_existing_jquery=false, is_spa=1, hide_element='body', hide_element_style = 'opacity:0 !important;filter:alpha(opacity=0) !important;background:none !important', /* DO NOT EDIT BELOW THIS LINE */ f=false,d=document,vwoCodeEl=d.querySelector('#vwoCode'),code={use_existing_jquery:function(){return use_existing_jquery},library_tolerance:function(){return library_tolerance},hide_element_style:function(){return'{'+hide_element_style+'}'},finish:function(){if(!f){f=true;var e=d.getElementById('_vis_opt_path_hides');if(e)e.parentNode.removeChild(e)}},finished:function(){return f},load:function(e){var t=d.createElement('script');t.fetchPriority='high';t.src=e;t.type='text/javascript';t.onerror=function(){_vwo_code.finish()};d.getElementsByTagName('head')[0].appendChild(t)},getVersion:function(){return version},getMatchedCookies:function(e){var t=[];if(document.cookie){t=document.cookie.match(e)||[]}return t},getCombinationCookie:function(){var e=code.getMatchedCookies(/(?:^|;)\s?(_vis_opt_exp_\d+_combi=[^;$]*)/gi);e=e.map(function(e){try{var t=decodeURIComponent(e);if(!/_vis_opt_exp_\d+_combi=(?:\d+,?)+\s*$/.test(t)){return''}return t}catch(e){return''}});var i=[];e.forEach(function(e){var t=e.match(/([\d,]+)/g);t&&i.push(t.join('-'))});return i.join('|')},init:function(){if(d.URL.indexOf('__vwo_disable__')>-1)return;window.settings_timer=setTimeout(function(){_vwo_code.finish()},settings_tolerance);var e=d.createElement('style'),t=hide_element?hide_element+'{'+hide_element_style+'}':'',i=d.getElementsByTagName('head')[0];e.setAttribute('id','_vis_opt_path_hides');vwoCodeEl&&e.setAttribute('nonce',vwoCodeEl.nonce);e.setAttribute('type','text/css');if(e.styleSheet)e.styleSheet.cssText=t;else e.appendChild(d.createTextNode(t));i.appendChild(e);var n=this.getCombinationCookie();this.load('https://dev.visualwebsiteoptimizer.com/j.php?a='+account_id+'&u='+encodeURIComponent(d.URL)+'&f='+ +is_spa+'&vn='+version+(n?'&c='+n:''));return settings_timer}};window._vwo_settings_timer = code.init();return code;}()); </script>   <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://gtm.elementor.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NJK8HW');</script>  <meta name="referrer" content="no-referrer-when-downgrade"><meta name="generator" content="Elementor 3.23.4; features: e_optimized_css_loading, e_font_icon_svg, additional_custom_breakpoints, e_lazyload; settings: css_print_method-external, google_font-enabled, font_display-swap"> <script type="text/javascript"> (function($){ function addGTMAttributes( element, text, level1, level2 = "" ) { element.attr({ 'data-gtm-event_name': 'element_click', 'data-gtm-type': 'navigation', 'data-gtm-section': 'menu', 'data-gtm-outcome': 'navigating using the main menu', 'data-gtm-level_1': level1, 'data-gtm-level_2': level1, 'data-gtm-additional_description': 'main menu website', 'data-gtm-action_type': 'navigation', 'data-gtm-element-location': 'main menu' }); if ( level2 !== "" ) { element.attr({ 'data-gtm-level_2': level2, }); } } function attachGTMAttributes(){ // Add data-gtm attributes to the main menu items $( '.main-header nav .elementor-nav-menu > li.menu-item:not(.nav-login, .nav-cta)' ).each(function() { const item = $(this); const itemLink = item.find('a.elementor-item'); const itemLinkText = itemLink.text().toLowerCase().trim(); const itemLinkHref = itemLink.attr('href'); if (itemLinkHref !== '#') { addGTMAttributes( itemLink, itemLinkText, itemLinkText ); } // Add data-gtm attributes to the sub-menu items const subMenu = item.find('ul.sub-menu a.elementor-sub-item'); subMenu.each(function() { const subItem = $(this); const subItemText = subItem.html().replace(/<span>.*<\/span>/, '').toLowerCase().trim(); addGTMAttributes( subItem, subItemText, itemLinkText, subItemText ); }); }); } $(document).ready(attachGTMAttributes); $(document).ready(function() { $('.nav-cta').attr({ 'data-gac': 'CTA Elements', 'data-gaa': 'onboarding button click', 'data-gal': 'mobile main menu', 'data-gtm-section': 'header' }); $('.nav-login').attr({ 'data-gtm-section': 'header' }); }); })(jQuery); // (function($){ // $(function() { // function updateMenuItems() { // $('.main-header').each(function(index) { // var isSticky = $(this).hasClass('elementor-sticky--effects'); // $(this).find('.elementor-nav-menu>li.menu-item').each(function(i) { // var that = $(this); // var main_level = that.find('a.elementor-item'); // if (main_level.length > 0) { // var main_level_name = main_level[0].innerText.toLowerCase().trim(); // that.find('ul.sub-menu a.elementor-sub-item').each(function(i) { // var second_level = $(this); // var second_level_name = second_level[0].childNodes[0]; // var second_level_name_lower = second_level_name.data.toLowerCase().trim(); // var elementLocation = isSticky ? 'sticky main menu' : 'main menu'; // second_level.attr({ // 'data-gtm-event_name': 'element_click', // 'data-gtm-level_1': main_level_name, // 'data-gtm-level_2': second_level_name_lower, // 'data-gtm-action_type': 'navigation', // 'data-gtm-element-location': elementLocation, // 'data-test' : "check" // }); // }); // } // }); // }); // } // // Initial update // updateMenuItems(); // // Update on scroll // $(window).scroll(function() { // // updateMenuItems(); // }); // $( '.elementor-nav-menu--dropdown .elementor-nav-menu>li.menu-item:not(.nav-login, .nav-cta)' ).each(function( index ) { // var that = $(this); // var name = that.find('a.elementor-item')[0].innerText.toLowerCase().trim(); // that.find( 'ul.sub-menu a.elementor-sub-item' ).each(function( i ){ // var that_sub = $(this); // if( that_sub.attr('href') != '#' ){ // var sub_nav_name = that_sub[0].childNodes[0].data.toLowerCase().trim(); // that_sub.attr({ // 'data-gtm-event_name': 'element_click', // 'data-gtm-level_1': name, // 'data-gtm-level_2': sub_nav_name, // 'data-gtm-action_type': 'navigation', // 'data-gtm-element-location': 'main menu' // }); // } // }); // }); // }); // $(document).ready(function() { // $('.nav-cta').attr({ // 'data-gac': 'CTA Elements', // 'data-gaa': 'onboarding button click', // 'data-gal': 'mobile main menu', // 'data-gtm-section': 'header' // }); // $('.nav-login').attr({ // 'data-gtm-section': 'header' // }); // }); // })(jQuery); </script> <style>#wp-admin-bar-ELEMENTOR-ENV a {background: #92003B;font-weight: bold;padding: 0px !important;width: 160px;text-align: center;}</style> <style> .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } @media screen and (max-height: 1024px) { .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } @media screen and (max-height: 640px) { .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload), .e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * { background-image: none !important; } } </style> <link rel="icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" sizes="32x32" /> <link rel="icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" /> <meta name="msapplication-TileImage" content="https://elementor.com/wp-content/uploads/2021/04/elementor-favicon-512.png" /> </head> <body class="post-template-default single single-post postid-8224663 single-format-standard transparent elementor-default elementor-kit-52406 elementor-page-8224639"> <div data-elementor-type="header" data-elementor-id="71706" class="elementor elementor-71706 elementor-location-header" data-elementor-post-type="elementor_library"> <header class="elementor-element elementor-element-b93bbcb main-header e-con-full e-flex e-con e-parent" data-id="b93bbcb" data-element_type="container" data-settings="{"background_background":"classic","sticky_effects_offset":72,"sticky":"top","sticky_on":["desktop","tablet","mobile"],"sticky_offset":0}" data-gtm-element-location="header navigation bar"> <div class="elementor-element elementor-element-9161489 site-logo elementor-view-default elementor-widget elementor-widget-icon" data-id="9161489" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="/" aria-label="Go to the homepage" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="header" data-gtm-element_name="logo" data-gtm-outcome="restart navigation"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="elementor-logo" width="163" height="27" viewBox="0 0 163 27" fill="none"><title id="catTitle">Elementor Logo</title><path d="M102.054 12.939C102.054 12.939 100.65 13.2733 99.465 13.5566L97.6605 13.9676C97.6546 13.9676 97.6467 13.9676 97.6447 13.9676C97.6447 13.4818 97.6801 12.9685 97.7961 12.4965C97.9455 11.8907 98.2738 11.1827 98.8419 10.8719C99.4611 10.5336 100.216 10.4943 100.872 10.7559C101.551 11.0253 101.861 11.6803 101.995 12.3588C102.032 12.5476 102.058 12.7384 102.075 12.9311L102.054 12.939ZM106.756 13.9656C106.756 9.25916 103.792 7.23535 100.006 7.23535C95.7242 7.23535 93.043 10.2012 93.043 13.9892C93.043 18.1077 95.3252 20.7903 100.241 20.7903C102.899 20.7903 104.405 20.3203 106.192 19.4254L105.51 16.3415C104.145 16.9532 102.876 17.3288 101.181 17.3288C99.3235 17.3288 98.2639 16.6227 97.8649 15.305H106.638C106.709 14.953 106.756 14.5537 106.756 13.9656Z" fill="currentColor"></path><path d="M62.9249 12.939C62.9249 12.939 61.5214 13.2733 60.3361 13.5566L58.5316 13.9676C58.5257 13.9676 58.5178 13.9676 58.5158 13.9676C58.5158 13.4818 58.5512 12.9685 58.6672 12.4965C58.8166 11.8907 59.1449 11.1827 59.7129 10.8719C60.3322 10.5336 61.087 10.4943 61.7435 10.7559C62.4217 11.0253 62.7323 11.6803 62.866 12.3588C62.9033 12.5476 62.9289 12.7384 62.9466 12.9311L62.9249 12.939ZM67.627 13.9656C67.627 9.25916 64.6626 7.23535 60.8767 7.23535C56.5953 7.23535 53.9141 10.2012 53.9141 13.9892C53.9141 18.1077 56.1963 20.7903 61.1125 20.7903C63.7702 20.7903 65.2759 20.3203 67.0628 19.4254L66.3807 16.3415C65.0165 16.9532 63.7466 17.3288 62.0522 17.3288C60.1946 17.3288 59.135 16.6227 58.736 15.305H67.509C67.5798 14.953 67.627 14.5537 67.627 13.9656Z" fill="currentColor"></path><path d="M52.311 3.77588H47.9668V20.3204H52.311V3.77588Z" fill="currentColor"></path><path d="M107.674 7.65838H112.238L113.198 10.583C113.799 9.13936 115.151 7.28076 117.55 7.28076C120.842 7.28076 122.631 8.95055 122.631 13.2578V20.3185H118.069C118.069 18.8474 118.071 17.3762 118.072 15.9051C118.072 15.2305 118.061 14.5559 118.071 13.8813C118.078 13.2578 118.122 12.6147 117.791 12.0561C117.567 11.6785 117.2 11.4012 116.803 11.2123C115.997 10.8269 115.124 10.8387 114.334 11.2497C114.139 11.35 113.199 11.8594 113.199 12.0954V20.3185H108.637V11.0747L107.674 7.65838Z" fill="currentColor"></path><path d="M126.324 10.9755H124.23V7.65759H126.324V5.58265L130.886 4.50879V7.65759H135.472V10.9755H130.886V14.6947C130.886 16.1541 131.592 16.8365 132.65 16.8365C133.731 16.8365 134.344 16.6949 135.26 16.3901L135.801 19.826C134.554 20.3669 133.002 20.6265 131.425 20.6265C128.109 20.6265 126.32 19.0491 126.32 15.9908V10.9755H126.324Z" fill="currentColor"></path><path d="M144.252 17.026C145.921 17.026 146.91 15.8262 146.91 13.8949C146.91 11.9635 145.968 10.8582 144.323 10.8582C142.652 10.8582 141.689 11.9635 141.689 13.9657C141.689 15.8479 142.631 17.026 144.252 17.026ZM144.299 7.16455C148.581 7.16455 151.708 9.84723 151.708 14.0129C151.708 18.2021 148.581 20.7196 144.252 20.7196C139.947 20.7196 136.889 18.1313 136.889 14.0129C136.891 9.84723 139.926 7.16455 144.299 7.16455Z" fill="currentColor"></path><path d="M88.9542 7.61891C88.1463 7.28652 87.2322 7.16262 86.3614 7.28849C85.9172 7.35339 85.4827 7.48123 85.0798 7.67988C83.975 8.22664 83.1121 9.47161 82.6482 10.5828C82.3454 9.30443 81.4589 8.1519 80.1655 7.61891C79.3575 7.28652 78.4435 7.16262 77.5727 7.28849C77.1284 7.35339 76.694 7.48123 76.291 7.67988C75.1882 8.22467 74.3272 9.46571 73.8633 10.573V10.4924L72.9335 7.65824H68.3711L69.3323 11.0745V20.3203H73.8653V12.0599C73.881 11.9989 74.0835 11.8848 74.1189 11.8573C74.6496 11.4797 75.2747 11.0903 75.9391 11.0411C76.6173 10.99 77.2857 11.3361 77.6906 11.875C77.7339 11.934 77.7751 11.993 77.8125 12.0559C78.1447 12.6145 78.0995 13.2576 78.0916 13.8811C78.0837 14.5557 78.0955 15.2303 78.0936 15.9049C78.0916 17.3761 78.0896 18.8472 78.0896 20.3184H82.6541V13.2576C82.6541 13.2222 82.6541 13.1868 82.6541 13.1514V12.0618C82.6639 12.0028 82.8723 11.8829 82.9096 11.8573C83.4404 11.4797 84.0655 11.0903 84.7299 11.0411C85.408 10.99 86.0764 11.3361 86.4813 11.875C86.5246 11.934 86.5659 11.993 86.6032 12.0559C86.9354 12.6145 86.8902 13.2576 86.8843 13.8811C86.8764 14.5557 86.8882 15.2303 86.8863 15.9049C86.8843 17.3761 86.8823 18.8472 86.8823 20.3184H91.4448V13.2576C91.4428 11.1886 91.146 8.52166 88.9542 7.61891Z" fill="currentColor"></path><path d="M162.503 7.28271C160.105 7.28271 158.752 9.14131 158.151 10.5849L157.189 7.66033H152.625L153.586 11.0766V20.3224H158.151V11.7788C158.801 11.6647 162.33 12.3137 163 12.5596V7.29845C162.837 7.28861 162.672 7.28271 162.503 7.28271Z" fill="currentColor"></path><path d="M41.6632 12.5161C41.6632 12.5161 40.2597 12.8505 39.0744 13.1337L37.2698 13.5448C37.2639 13.5448 37.2561 13.5448 37.2541 13.5448C37.2541 13.059 37.2895 12.5456 37.4055 12.0736C37.5548 11.4679 37.8831 10.7598 38.4512 10.4491C39.0704 10.1108 39.8253 10.0714 40.4818 10.333C41.16 10.6025 41.4706 11.2574 41.6042 11.9359C41.6416 12.1248 41.6671 12.3155 41.6848 12.5083L41.6632 12.5161ZM46.3672 13.5428C46.3672 8.83631 43.4029 6.8125 39.6169 6.8125C35.3355 6.8125 32.6543 9.77839 32.6543 13.5664C32.6543 17.6848 34.9365 20.3675 39.8528 20.3675C42.5104 20.3675 44.0162 19.8974 45.803 19.0026L45.1209 15.9187C43.7567 16.5303 42.4868 16.906 40.7924 16.906C38.9348 16.906 37.8753 16.1999 37.4762 14.8822H46.2492C46.32 14.5321 46.3672 14.1309 46.3672 13.5428Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2084C0 20.4107 5.83624 26.2501 13.0347 26.2501C20.2332 26.2501 26.0695 20.4107 26.0695 13.2084C26.0695 6.00609 20.2332 0.166748 13.0347 0.166748C5.83624 0.166748 0 6.00609 0 13.2084ZM9.77554 7.77424H7.60342V18.6426H9.77554V7.77424ZM11.9477 7.77424H18.4641V9.94753H11.9477V7.77424ZM18.4641 12.1208H11.9477V14.2941H18.4641V12.1208ZM11.9477 16.4693H18.4641V18.6426H11.9477V16.4693Z" fill="currentColor"></path></svg> </a> </div> </div> </div> <div class="elementor-element elementor-element-2f2ba80 elementor-nav-menu--stretch main-nav elementor-nav-menu--dropdown-tablet elementor-nav-menu__text-align-aside elementor-nav-menu--toggle elementor-nav-menu--burger elementor-widget elementor-widget-nav-menu" data-id="2f2ba80" data-element_type="widget" data-settings="{"full_width":"stretch","submenu_icon":{"value":"<i class=\"\"><\/i>","library":""},"_animation_mobile":"none","layout":"horizontal","toggle":"burger"}" data-widget_type="nav-menu.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=1728392625"> <nav aria-label="Menu" class="elementor-nav-menu--main elementor-nav-menu__container elementor-nav-menu--layout-horizontal e--pointer-none"> <ul id="menu-1-2f2ba80" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77130"><a href="#" class="elementor-item elementor-item-anchor">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77134"><a href="https://elementor.com/products/page-builder-plugin/" class="elementor-sub-item">Page Builder Plugin</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77274"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222626"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77135"><a href="https://elementor.com/products/ai/" class="elementor-sub-item">Elementor AI</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82651"><a href="https://elementor.com/products/image-optimizer/" class="elementor-sub-item">Image Optimizer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8228328"><a href="http://elementor.com/products/site-mailer/" class="elementor-sub-item">Site Mailer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77136"><a href="https://elementor.com/products/hello-theme/" class="elementor-sub-item">Hello Theme</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77158"><a href="https://elementor.com/wordpress-hosting/" class="elementor-item">Hosting</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77159"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222734"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77123"><a href="#" class="elementor-item elementor-item-anchor">Web Creation</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77124"><a href="https://elementor.com/features/wordpress/" class="elementor-sub-item">Elementor + WordPress</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77125"><a href="https://elementor.com/features/woocommerce-builder/" class="elementor-sub-item">Elementor + WooCommerce</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77126"><a href="https://elementor.com/for/designer/" class="elementor-sub-item">Web Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77127"><a href="https://elementor.com/widgets/" class="elementor-sub-item">Widgets</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77128"><a href="https://elementor.com/features/" class="elementor-sub-item">All Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77129"><a href="https://elementor.com/library/" class="elementor-sub-item">Kits Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77137"><a href="#" class="elementor-item elementor-item-anchor">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77143"><a href="https://elementor.com/blog/" class="elementor-sub-item">Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77140"><a href="https://elementor.com/help/" class="elementor-sub-item">Help Center</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77147"><a href="https://elementor.com/community/" class="elementor-sub-item">Community</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77141"><a href="https://elementor.com/roadmap/" class="elementor-sub-item">Roadmap</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77138"><a href="https://showoff.elementor.com/" class="elementor-sub-item">Elementor Showoff</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77142"><a href="https://developers.elementor.com/" class="elementor-sub-item">Developers Website</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77144"><a href="https://elementor.com/support/" class="elementor-sub-item">Support</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77148"><a href="https://elementor.com/addons/" class="elementor-sub-item">Add-ons</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84736"><a href="https://prompts.elementor.com/" class="elementor-sub-item">AI Prompt Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77152"><a href="#" class="elementor-item elementor-item-anchor">Pricing</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77153"><a href="https://elementor.com/pricing/" class="elementor-sub-item">WordPress Hosting <span>All-in-one solution for WordPress websites: Managed Hosting + Website Builder + Theme</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-8222627"><a href="https://elementor.com/pricing-ecommerce-hosting/" class="elementor-sub-item">eCommerce Hosting <span>All you need to build your store efficiently and start selling today!</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77155"><a href="https://elementor.com/pricing-plugin/" class="elementor-sub-item">Page Builder Pro Plugin <span>WordPress Pro Plugin for drag-and-drop, visual editing of web pages. </span></a></li> </ul> </li> <li class="nav-login menu-item menu-item-type-custom menu-item-object-custom menu-item-77156"><a href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" class="elementor-item">LOGIN</a></li> <li class="nav-cta menu-item menu-item-type-custom menu-item-object-custom menu-item-77157"><a href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" class="elementor-item">GET STARTED</a></li> </ul> </nav> <div class="elementor-menu-toggle" role="button" tabindex="0" aria-label="Menu Toggle" aria-expanded="false"> <span class="elementor-menu-toggle__icon--open"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 33 33" width="33" height="33"><path fill-rule="evenodd" clip-rule="evenodd" d="M33 14.5H0v-3h33v3Zm0 8H13.396v-3H33v3Z" fill="currentColor"></path></svg></span><span class="elementor-menu-toggle__icon--close"><svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 33 33" width="33" height="33"><path fill-rule="evenodd" clip-rule="evenodd" d="m16.859 18.484-7.787 7.33-2.143-2.278 7.649-7.199-7.65-7.199 2.144-2.277 7.787 7.33 7.787-7.33 2.143 2.277-7.65 7.2 7.65 7.198-2.143 2.277-7.787-7.329Z" fill="currentColor"></path></svg></span> <span class="elementor-screen-only">Menu</span> </div> <nav class="elementor-nav-menu--dropdown elementor-nav-menu__container" aria-hidden="true"> <ul id="menu-2-2f2ba80" class="elementor-nav-menu"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77130"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Products</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77134"><a href="https://elementor.com/products/page-builder-plugin/" class="elementor-sub-item" tabindex="-1">Page Builder Plugin</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77274"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item" tabindex="-1">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222626"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77135"><a href="https://elementor.com/products/ai/" class="elementor-sub-item" tabindex="-1">Elementor AI</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-82651"><a href="https://elementor.com/products/image-optimizer/" class="elementor-sub-item" tabindex="-1">Image Optimizer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8228328"><a href="http://elementor.com/products/site-mailer/" class="elementor-sub-item" tabindex="-1">Site Mailer</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77136"><a href="https://elementor.com/products/hello-theme/" class="elementor-sub-item" tabindex="-1">Hello Theme</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77158"><a href="https://elementor.com/wordpress-hosting/" class="elementor-item" tabindex="-1">Hosting</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77159"><a href="https://elementor.com/wordpress-hosting/" class="elementor-sub-item" tabindex="-1">WordPress Hosting</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-8222734"><a href="https://elementor.com/products/ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77123"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Web Creation</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77124"><a href="https://elementor.com/features/wordpress/" class="elementor-sub-item" tabindex="-1">Elementor + WordPress</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77125"><a href="https://elementor.com/features/woocommerce-builder/" class="elementor-sub-item" tabindex="-1">Elementor + WooCommerce</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77126"><a href="https://elementor.com/for/designer/" class="elementor-sub-item" tabindex="-1">Web Design</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77127"><a href="https://elementor.com/widgets/" class="elementor-sub-item" tabindex="-1">Widgets</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77128"><a href="https://elementor.com/features/" class="elementor-sub-item" tabindex="-1">All Features</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77129"><a href="https://elementor.com/library/" class="elementor-sub-item" tabindex="-1">Kits Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77137"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Resources</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77143"><a href="https://elementor.com/blog/" class="elementor-sub-item" tabindex="-1">Blog</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77140"><a href="https://elementor.com/help/" class="elementor-sub-item" tabindex="-1">Help Center</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77147"><a href="https://elementor.com/community/" class="elementor-sub-item" tabindex="-1">Community</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77141"><a href="https://elementor.com/roadmap/" class="elementor-sub-item" tabindex="-1">Roadmap</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77138"><a href="https://showoff.elementor.com/" class="elementor-sub-item" tabindex="-1">Elementor Showoff</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77142"><a href="https://developers.elementor.com/" class="elementor-sub-item" tabindex="-1">Developers Website</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77144"><a href="https://elementor.com/support/" class="elementor-sub-item" tabindex="-1">Support</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-77148"><a href="https://elementor.com/addons/" class="elementor-sub-item" tabindex="-1">Add-ons</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-84736"><a href="https://prompts.elementor.com/" class="elementor-sub-item" tabindex="-1">AI Prompt Library</a></li> </ul> </li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-77152"><a href="#" class="elementor-item elementor-item-anchor" tabindex="-1">Pricing</a> <ul class="sub-menu elementor-nav-menu--dropdown"> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77153"><a href="https://elementor.com/pricing/" class="elementor-sub-item" tabindex="-1">WordPress Hosting <span>All-in-one solution for WordPress websites: Managed Hosting + Website Builder + Theme</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-8222627"><a href="https://elementor.com/pricing-ecommerce-hosting/" class="elementor-sub-item" tabindex="-1">eCommerce Hosting <span>All you need to build your store efficiently and start selling today!</span></a></li> <li class="nav-desc menu-item menu-item-type-custom menu-item-object-custom menu-item-77155"><a href="https://elementor.com/pricing-plugin/" class="elementor-sub-item" tabindex="-1">Page Builder Pro Plugin <span>WordPress Pro Plugin for drag-and-drop, visual editing of web pages. </span></a></li> </ul> </li> <li class="nav-login menu-item menu-item-type-custom menu-item-object-custom menu-item-77156"><a href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" class="elementor-item" tabindex="-1">LOGIN</a></li> <li class="nav-cta menu-item menu-item-type-custom menu-item-object-custom menu-item-77157"><a href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" class="elementor-item" tabindex="-1">GET STARTED</a></li> </ul> </nav> </div> </div> <div class="elementor-element elementor-element-1e59174 elementor-align-justify nav-login elementor-hidden-tablet elementor-hidden-phone elementor-widget elementor-widget-button" data-id="1e59174" data-element_type="widget" data-gtm-section="header" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/login/?redirect_to=%2Fwebsites%2F" aria-label="Login to you Elementor account" data-gtm-event_name="element_click" data-gtm-action_type="login" data-gtm-element-location="header"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Login</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-d196d9c elementor-align-justify elementor-hidden-tablet elementor-hidden-phone get-started-btn elementor-widget elementor-widget-button" data-id="d196d9c" data-element_type="widget" data-gac="CTA Elements" data-gaa="onboarding button click" data-gal="header navigation bar" data-gtm-section="header" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://my.elementor.com/signup/?redirect_to=https://my.elementor.com/get-started/" aria-label="Get Started With Elementor"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Started</span> </span> </a> </div> </div> </div> </header> </div> <div data-elementor-type="single-post" data-elementor-id="8224639" class="elementor elementor-8224639 elementor-location-single post-8224663 post type-post status-publish format-standard has-post-thumbnail hentry category-tools tag-compressor" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-d6b415d e-flex e-con-boxed e-con e-parent" data-id="d6b415d" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-0b26cdf e-con-full e-flex e-con e-child" data-id="0b26cdf" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-955fe42 elementor-align-justify elementor-widget__width-initial switch-button active elementor-widget elementor-widget-button" data-id="955fe42" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/tools/png-compressor/" aria-label="go to image compressor page" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="switch page button" data-gtm-outcome="proceeding to optimize page" data-gtm-english_text="optimize"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Optimize</span> </span> </a> </div> </div> </div> <div class="elementor-element elementor-element-e9ab86e elementor-align-justify elementor-widget__width-initial switch-button elementor-widget elementor-widget-button" data-id="e9ab86e" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="/tools/webp-converter/" aria-label="go to webp converter page" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="switch page button" data-gtm-outcome="proceeding to webp page" data-gtm-english_text="convert to webp"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Convert to WebP</span> </span> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-cfff6c5 e-con-full e-flex e-con e-child" data-id="cfff6c5" data-element_type="container"> <div class="elementor-element elementor-element-14a62f5 elementor-widget__width-inherit elementor-widget-tablet__width-inherit elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading" data-id="14a62f5" data-element_type="widget" data-widget_type="theme-post-title.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}</style><h1 class="elementor-heading-title elementor-size-default">GIF Compressor</h1> </div> </div> <div class="elementor-element elementor-element-7948193 elementor-widget elementor-widget-text-editor" data-id="7948193" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:#69727d;color:#fff}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap{color:#69727d;border:3px solid;background-color:transparent}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap{margin-top:8px}.elementor-widget-text-editor:not(.elementor-drop-cap-view-default) .elementor-drop-cap-letter{width:1em;height:1em}.elementor-widget-text-editor .elementor-drop-cap{float:left;text-align:center;line-height:1;font-size:50px}.elementor-widget-text-editor .elementor-drop-cap-letter{display:inline-block}</style> <p>Looking for an easy way to optimize images? Try our online Image Optimizer today.</p> </div> </div> <div class="elementor-element elementor-element-71dc340 e-con-full e-grid formats-switcher e-con e-child" data-id="71dc340" data-element_type="container" data-settings="{"background_background":"classic"}"> <a class="elementor-element elementor-element-0419092 e-con-full tool-choice e-flex e-con e-child" data-id="0419092" data-element_type="container" data-settings="{"background_background":"classic"}" data-type="png" href="/tools/png-compressor/"> <div class="elementor-element elementor-element-47a5bf3 elementor-widget elementor-widget-heading" data-id="47a5bf3" data-element_type="widget" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="switch image type button" data-gtm-outcome="proceeding to png page" data-gtm-english_text="png" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">PNG</span> </div> </div> </a> <a class="elementor-element elementor-element-a656836 e-con-full tool-choice e-flex e-con e-child" data-id="a656836" data-element_type="container" data-settings="{"background_background":"classic"}" data-type="jpg" href="/tools/jpg-compressor/"> <div class="elementor-element elementor-element-9ba06a5 elementor-widget elementor-widget-heading" data-id="9ba06a5" data-element_type="widget" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="switch image type button" data-gtm-outcome="proceeding to jpg page" data-gtm-english_text="jpg" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">JPG</span> </div> </div> </a> <a class="elementor-element elementor-element-018ff4c e-con-full tool-choice e-flex e-con e-child" data-id="018ff4c" data-element_type="container" data-settings="{"background_background":"classic"}" data-type="gif" href="/tools/gif-compressor/"> <div class="elementor-element elementor-element-58cc774 elementor-widget elementor-widget-heading" data-id="58cc774" data-element_type="widget" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="switch image type button" data-gtm-outcome="proceeding to gif page" data-gtm-english_text="gif" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">GIF</span> </div> </div> </a> </div> </div> <div class="elementor-element elementor-element-ff44f73 e-con-full e-flex e-con e-child" data-id="ff44f73" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-555913e e-con-full dropzone e-flex e-con e-child" data-id="555913e" data-element_type="container"> <div class="elementor-element elementor-element-ba7f7aa elementor-view-default elementor-widget elementor-widget-icon" data-id="ba7f7aa" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="76" height="75" viewBox="0 0 76 75" fill="none"><g id="Icon / Platform / Export"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M54.3212 27.052C55.0562 26.3226 55.0608 25.1354 54.3313 24.4004L38.8549 8.80476C38.5028 8.45001 38.0237 8.25049 37.524 8.25049C37.0242 8.25049 36.5451 8.45001 36.1931 8.80476L20.7166 24.4004C19.9871 25.1354 19.9917 26.3226 20.7267 27.052C21.4618 27.7814 22.6489 27.7769 23.3784 27.0418L35.9223 14.4014L35.9223 46.8164C35.9223 47.8519 36.7617 48.6914 37.7973 48.6914C38.8328 48.6914 39.6723 47.8519 39.6723 46.8164L39.6723 14.9522L51.6696 27.0418C52.399 27.7769 53.5861 27.7814 54.3212 27.052ZM12.8752 61.3626L12.8752 45.0722C12.8752 44.0367 12.0358 43.1972 11.0002 43.1972C9.96471 43.1973 9.12524 44.0367 9.12524 45.0723L9.12525 61.431C9.12525 61.4669 9.12627 61.5027 9.12832 61.5384C9.21083 62.9764 9.94289 64.2574 11.0515 65.1327C12.1421 65.9936 13.5314 66.4182 14.9181 66.3722H61.4579C62.8443 66.4175 64.233 65.9927 65.3232 65.132C66.4314 64.2572 67.1635 62.977 67.2471 61.5399C67.2492 61.5037 67.2502 61.4674 67.2502 61.431V45.0722C67.2502 44.0367 66.4108 43.1972 65.3752 43.1972C64.3397 43.1972 63.5002 44.0367 63.5002 45.0722V61.3616C63.4736 61.6227 63.3302 61.9276 62.9996 62.1886C62.6448 62.4687 62.1299 62.6458 61.5648 62.6236C61.5403 62.6227 61.5158 62.6222 61.4913 62.6222H14.8842C14.8593 62.6222 14.8344 62.6227 14.8095 62.6237C14.2447 62.6462 13.7298 62.4693 13.3752 62.1893C13.0445 61.9283 12.9015 61.6234 12.8752 61.3626Z" fill="#545454"></path></g></svg> </div> </div> </div> </div> <div class="elementor-element elementor-element-c7e9c41 e-con-full e-flex e-con e-child" data-id="c7e9c41" data-element_type="container"> <div class="elementor-element elementor-element-c30c62a elementor-hidden-mobile elementor-widget elementor-widget-heading" data-id="c30c62a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Drag & Drop your images here</h2> </div> </div> <div class="elementor-element elementor-element-2d3286d elementor-widget elementor-widget-heading" data-id="2d3286d" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">10 images, up to 10MB each</div> </div> </div> <div class="elementor-element elementor-element-cb56c86 elementor-widget elementor-widget-button" data-id="cb56c86" data-element_type="widget" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="upload button" data-gtm-outcome="opening user explorer" data-gtm-english_text="upload images" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-size-sm" role="button"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Upload images</span> </span> </a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-c82f7ea elementor-widget elementor-widget-text-editor" data-id="c82f7ea" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p><a href="https://elementor.com/terms/image-optimizer-terms-and-conditions/" target="_blank" rel="noopener">Terms and conditions</a></p> </div> </div> <div class="elementor-element elementor-element-aebe940 e-con-full e-flex e-con e-child" data-id="aebe940" data-element_type="container"> <div class="elementor-element elementor-element-dae9682 e-con-full result-section hidden e-flex e-con e-child" data-id="dae9682" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-1bb9210 e-con-full status-container e-flex e-con e-child" data-id="1bb9210" data-element_type="container"> <div class="elementor-element elementor-element-ff6a1ac e-con-full e-flex e-con e-child" data-id="ff6a1ac" data-element_type="container"> <div class="elementor-element elementor-element-77791b4 status-text elementor-widget elementor-widget-heading" data-id="77791b4" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Well done! You saved 0%</h3> </div> </div> <div class="elementor-element elementor-element-65da29c status-percent elementor-widget elementor-widget-heading" data-id="65da29c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">0%</div> </div> </div> </div> <div class="elementor-element elementor-element-0679e3e e-con-full e-flex e-con e-child" data-id="0679e3e" data-element_type="container"> <div class="elementor-element elementor-element-96b2901 status-sub-text elementor-widget elementor-widget-heading" data-id="96b2901" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default"><b>2</b> images have been optimized</span> </div> </div> <div class="elementor-element elementor-element-9ff201c status-sum elementor-widget elementor-widget-heading" data-id="9ff201c" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">0 KB</span> </div> </div> </div> </div> <div class="elementor-element elementor-element-0f8ce4a e-con-full error-container hidden e-flex e-con e-child" data-id="0f8ce4a" data-element_type="container"> <div class="elementor-element elementor-element-36d5447 status-text elementor-widget elementor-widget-heading" data-id="36d5447" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h3 class="elementor-heading-title elementor-size-default">Something went wrong...</h3> </div> </div> </div> <div class="elementor-element elementor-element-a4405d4 e-con-full queue e-flex e-con e-child" data-id="a4405d4" data-element_type="container"> </div> <div class="elementor-element elementor-element-9f40c0e e-con-full blocks-for-copy hidden e-flex e-con e-child" data-id="9f40c0e" data-element_type="container"> <div class="elementor-element elementor-element-41aa60b e-con-full file-section e-flex e-con e-child" data-id="41aa60b" data-element_type="container" id="queue-item"> <div class="elementor-element elementor-element-4fa2fa5 e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="4fa2fa5" data-element_type="container"> <div class="elementor-element elementor-element-fceccce elementor-widget-tablet__width-inherit elementor-widget elementor-widget-image" data-id="fceccce" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=".svg"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}</style> <img width="68" height="68" src="https://elementor.com/cdn-cgi/image/f=auto,w=68,h=68/https://elementor.com/wp-content/uploads/2024/07/Rectangle-6252.png" class="attachment-full size-full wp-image-8224733" alt="" /> </div> </div> </div> <div class="elementor-element elementor-element-7315485 e-con-full e-flex e-con e-child" data-id="7315485" data-element_type="container"> <div class="elementor-element elementor-element-12304b7 e-con-full e-flex e-con e-child" data-id="12304b7" data-element_type="container"> <div class="elementor-element elementor-element-3d02fea item-name elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="3d02fea" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">jc8e2h_82hdnc_3i9ejfbnv.png</span> </div> </div> </div> <div class="elementor-element elementor-element-b8d75f3 e-con-full finish-section e-flex e-con e-child" data-id="b8d75f3" data-element_type="container"> <div class="elementor-element elementor-element-ed21597 elementor-hidden-mobile size-before elementor-widget elementor-widget-heading" data-id="ed21597" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">53.46 KB </span> </div> </div> <div class="elementor-element elementor-element-898f477 elementor-hidden-mobile elementor-view-default elementor-widget elementor-widget-icon" data-id="898f477" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><g id="Icon / Basic / MoveArrow right"><path id="Rectangle 400 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.0713C2.24999 9.65708 2.58578 9.32129 2.99999 9.32129L15.3315 9.32129L10.7031 4.69297C10.4103 4.40008 10.4103 3.9252 10.7031 3.63231C10.996 3.33942 11.4709 3.33942 11.7638 3.63231L17.6725 9.54096C17.9653 9.83385 17.9653 10.3087 17.6725 10.6016L11.7638 16.5103C11.4709 16.8032 10.996 16.8032 10.7031 16.5103C10.4103 16.2174 10.4103 15.7425 10.7031 15.4496L15.3315 10.8213L2.99999 10.8213C2.58578 10.8213 2.24999 10.4855 2.24999 10.0713Z" fill="black"></path></g></svg> </div> </div> </div> </div> <div class="elementor-element elementor-element-1d636bb size-after elementor-widget elementor-widget-heading" data-id="1d636bb" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">29.86 KB </span> </div> </div> </div> <div class="elementor-element elementor-element-2a5f7a1 elementor-widget__width-initial elementor-widget-tablet__width-initial progress-section elementor-widget elementor-widget-progress" data-id="2a5f7a1" data-element_type="widget" data-widget_type="progress.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-progress{text-align:start}.elementor-progress-wrapper{position:relative;background-color:#eee;color:#fff;height:100%;border-radius:2px}.elementor-progress-bar{display:flex;background-color:#69727d;width:0;font-size:11px;height:30px;line-height:30px;border-radius:2px;transition:width 1s ease-in-out}.elementor-progress-text{flex-grow:1;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding-inline-start:15px}.elementor-progress-percentage{padding-inline-end:15px}.elementor-widget-progress .elementor-progress-wrapper.progress-info .elementor-progress-bar{background-color:#5bc0de}.elementor-widget-progress .elementor-progress-wrapper.progress-success .elementor-progress-bar{background-color:#5cb85c}.elementor-widget-progress .elementor-progress-wrapper.progress-warning .elementor-progress-bar{background-color:#f0ad4e}.elementor-widget-progress .elementor-progress-wrapper.progress-danger .elementor-progress-bar{background-color:#d9534f}.elementor-progress .elementor-title{display:block}@media (max-width:767px){.elementor-progress-text{padding-inline-start:10px}}.e-con-inner .elementor-progress-wrapper,.e-con .elementor-progress-wrapper{height:auto}</style> <div class="elementor-progress-wrapper" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="1"> <div class="elementor-progress-bar" data-max="1"> <span class="elementor-progress-text"></span> <span class="elementor-progress-percentage">1%</span> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-6596026 progress-section elementor-absolute elementor-widget elementor-widget-heading" data-id="6596026" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">Optimizing...</span> </div> </div> <div class="elementor-element elementor-element-f24d682 e-con-full finish-section e-flex e-con e-child" data-id="f24d682" data-element_type="container"> <div class="elementor-element elementor-element-9c401e9 e-con-full e-flex e-con e-child" data-id="9c401e9" data-element_type="container"> <div class="elementor-element elementor-element-6cec5dc percent-save elementor-widget elementor-widget-heading" data-id="6cec5dc" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">- 45%</span> </div> </div> </div> <div class="elementor-element elementor-element-88b282d e-con-full e-flex e-con e-child" data-id="88b282d" data-element_type="container"> <div class="elementor-element elementor-element-9fcf2a3 convert-type elementor-widget elementor-widget-heading" data-id="9fcf2a3" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">PNG</div> </div> </div> <div class="elementor-element elementor-element-1e7ce2b download-link elementor-view-default elementor-widget elementor-widget-icon" data-id="1e7ce2b" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="#" target="_blank" rel="nofollow" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="download button" data-gtm-outcome="downloading one image" data-gtm-english_text="download image"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g id="Icon / Platform / Import"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M21.464 5.40029C21.464 4.59187 20.8087 3.93652 20.0003 3.93652C19.1919 3.93652 18.5365 4.59187 18.5365 5.40029L18.5365 21.1598L13.0391 15.62C12.4696 15.0462 11.5428 15.0427 10.969 15.6121C10.3952 16.1815 10.3916 17.1083 10.9611 17.6822L19.2152 25.9998C19.49 26.2768 19.864 26.4325 20.2542 26.4325C20.6444 26.4325 21.0184 26.2768 21.2932 25.9998L29.5473 17.6822C30.1168 17.1083 30.1132 16.1815 29.5394 15.6121C28.9656 15.0427 28.0388 15.0462 27.4693 15.62L21.464 21.6715L21.464 5.40029ZM7.46391 32.6916L7.46391 24.0384C7.46391 23.23 6.80856 22.5747 6.00014 22.5747C5.19173 22.5747 4.53638 23.23 4.53638 24.0384V32.7631C4.53638 32.7911 4.53718 32.8191 4.53878 32.847C4.59108 33.7584 5.05469 34.5602 5.74014 35.1013C6.41109 35.631 7.25771 35.8882 8.09711 35.8622H32.9036C33.7427 35.8878 34.589 35.6305 35.2598 35.101C35.9449 34.5601 36.4084 33.759 36.4614 32.8481C36.4631 32.8198 36.4639 32.7915 36.4639 32.7631L36.4639 24.0384C36.4639 23.23 35.8086 22.5747 35.0001 22.5747C34.1917 22.5747 33.5364 23.23 33.5364 24.0384L33.5364 32.6907C33.5346 32.6964 33.5317 32.704 33.5265 32.7134C33.5153 32.734 33.4917 32.7669 33.4458 32.8032C33.3488 32.8797 33.1842 32.9435 32.9861 32.9358L32.9619 32.935C32.9508 32.9348 32.9398 32.9346 32.9287 32.9346H8.07157C8.05214 32.9346 8.03272 32.935 8.0133 32.9358C7.81535 32.9437 7.65092 32.8799 7.55413 32.8035C7.5083 32.7674 7.48482 32.7346 7.47366 32.7141C7.46857 32.7047 7.46562 32.6972 7.46391 32.6916Z" fill="black"></path></g></svg> </a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-20a909b e-con-full file-too-large-section e-flex e-con e-child" data-id="20a909b" data-element_type="container"> <div class="elementor-element elementor-element-c0593e7 e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="c0593e7" data-element_type="container"> <div class="elementor-element elementor-element-69a3291 disabled elementor-widget elementor-widget-image" data-id="69a3291" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="68" height="68" src="https://elementor.com/cdn-cgi/image/f=auto,w=68,h=68/https://elementor.com/wp-content/uploads/2024/07/Rectangle-6252.png" class="attachment-full size-full wp-image-8224733" alt="" /> </div> </div> </div> <div class="elementor-element elementor-element-72e38fb e-con-full e-flex e-con e-child" data-id="72e38fb" data-element_type="container"> <div class="elementor-element elementor-element-32c97e5 e-con-full e-flex e-con e-child" data-id="32c97e5" data-element_type="container"> <div class="elementor-element elementor-element-7c88187 item-name elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="7c88187" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">friends-having-a-snack-on-the-backyard-of-the-hous-2023-11-27-04-52-06-utc.jpg</span> </div> </div> </div> <div class="elementor-element elementor-element-499c947 e-con-full e-flex e-con e-child" data-id="499c947" data-element_type="container"> <div class="elementor-element elementor-element-89a8425 item-size elementor-widget elementor-widget-heading" data-id="89a8425" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">53.46 KB </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-f132139 e-con-full e-flex e-con e-child" data-id="f132139" data-element_type="container"> <div class="elementor-element elementor-element-236027c e-con-full e-flex e-con e-child" data-id="236027c" data-element_type="container"> <div class="elementor-element elementor-element-88a9549 elementor-widget elementor-widget-heading" data-id="88a9549" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">File is too large (max 10MB)</h2> </div> </div> <div class="elementor-element elementor-element-5aac366 elementor-widget elementor-widget-heading" data-id="5aac366" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Get Image Optimizer to optimize larger files!</div> </div> </div> </div> <div class="elementor-element elementor-element-91fcdc7 e-con-full e-flex e-con e-child" data-id="91fcdc7" data-element_type="container"> <div class="elementor-element elementor-element-d7c37fd elementor-align-right elementor-widget__width-initial elementor-tablet-align-right elementor-widget-mobile__width-auto elementor-widget elementor-widget-button" data-id="d7c37fd" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://elementor.com/products/image-optimizer/" aria-label="Get Image Optimizer"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Image Optimizer</span> </span> </a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-add85f0 e-con-full max-files-section e-flex e-con e-child" data-id="add85f0" data-element_type="container"> <div class="elementor-element elementor-element-73e5412 e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="73e5412" data-element_type="container"> <div class="elementor-element elementor-element-fb66664 disabled elementor-widget elementor-widget-image" data-id="fb66664" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="68" height="68" src="https://elementor.com/cdn-cgi/image/f=auto,w=68,h=68/https://elementor.com/wp-content/uploads/2024/07/Rectangle-6252.png" class="attachment-full size-full wp-image-8224733" alt="" /> </div> </div> </div> <div class="elementor-element elementor-element-617dc52 e-con-full e-flex e-con e-child" data-id="617dc52" data-element_type="container"> <div class="elementor-element elementor-element-75e0c1e e-con-full e-flex e-con e-child" data-id="75e0c1e" data-element_type="container"> <div class="elementor-element elementor-element-1c299c1 elementor-widget elementor-widget-heading" data-id="1c299c1" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">You鈥檝e reached maximum uploads (10 images)</h2> </div> </div> <div class="elementor-element elementor-element-141dfaf elementor-widget elementor-widget-heading" data-id="141dfaf" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Get Image Optimizer to optimize more!</div> </div> </div> </div> <div class="elementor-element elementor-element-d73fa1b e-con-full e-flex e-con e-child" data-id="d73fa1b" data-element_type="container"> <div class="elementor-element elementor-element-d3e3e62 elementor-align-right elementor-widget__width-initial elementor-tablet-align-right elementor-widget-mobile__width-auto elementor-widget elementor-widget-button" data-id="d3e3e62" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://elementor.com/products/image-optimizer/" aria-label="Get Image Optimizer"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Image Optimizer</span> </span> </a> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-ae85b7e e-con-full error-optimize-section e-flex e-con e-child" data-id="ae85b7e" data-element_type="container"> <div class="elementor-element elementor-element-46fc6df e-con-full elementor-hidden-mobile e-flex e-con e-child" data-id="46fc6df" data-element_type="container"> <div class="elementor-element elementor-element-03d9b7d disabled error elementor-widget elementor-widget-image" data-id="03d9b7d" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img width="68" height="68" src="https://elementor.com/cdn-cgi/image/f=auto,w=68,h=68/https://elementor.com/wp-content/uploads/2024/07/Rectangle-6252.png" class="attachment-full size-full wp-image-8224733" alt="" /> </div> </div> </div> <div class="elementor-element elementor-element-a7b6e5c e-con-full e-flex e-con e-child" data-id="a7b6e5c" data-element_type="container"> <div class="elementor-element elementor-element-35575b2 e-con-full e-flex e-con e-child" data-id="35575b2" data-element_type="container"> <div class="elementor-element elementor-element-cc88a61 item-name elementor-widget__width-initial elementor-widget elementor-widget-heading" data-id="cc88a61" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">friends-having-a-snack-on-the-backyard-of-the-hous-2023-11-27-04-52-06-utc.jpg</span> </div> </div> </div> <div class="elementor-element elementor-element-80dc0ee e-con-full e-flex e-con e-child" data-id="80dc0ee" data-element_type="container"> <div class="elementor-element elementor-element-fcdf476 item-size elementor-widget elementor-widget-heading" data-id="fcdf476" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <span class="elementor-heading-title elementor-size-default">53.46 KB </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-3d936a8 e-con-full e-flex e-con e-child" data-id="3d936a8" data-element_type="container"> <div class="elementor-element elementor-element-f747a66 e-con-full e-flex e-con e-child" data-id="f747a66" data-element_type="container"> <div class="elementor-element elementor-element-6ba2c54 elementor-widget elementor-widget-heading" data-id="6ba2c54" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Something went wrong...</h2> </div> </div> <div class="elementor-element elementor-element-55b4e39 elementor-widget elementor-widget-heading" data-id="55b4e39" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Please try again.</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-46a2d19 download-btn disable hidden elementor-widget elementor-widget-button" data-id="46a2d19" data-element_type="widget" data-gtm-event_name="element_click" data-gtm-type="ui" data-gtm-section="in page" data-gtm-element_name="download all button" data-gtm-outcome="downloading all images" data-gtm-english_text="download all" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-size-sm" role="button" id="download-zip"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40" fill="none"><g id="Icon / Platform / Import"><path id="Union" fill-rule="evenodd" clip-rule="evenodd" d="M21.464 5.40029C21.464 4.59187 20.8087 3.93652 20.0003 3.93652C19.1919 3.93652 18.5365 4.59187 18.5365 5.40029L18.5365 21.1598L13.0391 15.62C12.4696 15.0462 11.5428 15.0427 10.969 15.6121C10.3952 16.1815 10.3916 17.1083 10.9611 17.6822L19.2152 25.9998C19.49 26.2768 19.864 26.4325 20.2542 26.4325C20.6444 26.4325 21.0184 26.2768 21.2932 25.9998L29.5473 17.6822C30.1168 17.1083 30.1132 16.1815 29.5394 15.6121C28.9656 15.0427 28.0388 15.0462 27.4693 15.62L21.464 21.6715L21.464 5.40029ZM7.46391 32.6916L7.46391 24.0384C7.46391 23.23 6.80856 22.5747 6.00014 22.5747C5.19173 22.5747 4.53638 23.23 4.53638 24.0384V32.7631C4.53638 32.7911 4.53718 32.8191 4.53878 32.847C4.59108 33.7584 5.05469 34.5602 5.74014 35.1013C6.41109 35.631 7.25771 35.8882 8.09711 35.8622H32.9036C33.7427 35.8878 34.589 35.6305 35.2598 35.101C35.9449 34.5601 36.4084 33.759 36.4614 32.8481C36.4631 32.8198 36.4639 32.7915 36.4639 32.7631L36.4639 24.0384C36.4639 23.23 35.8086 22.5747 35.0001 22.5747C34.1917 22.5747 33.5364 23.23 33.5364 24.0384L33.5364 32.6907C33.5346 32.6964 33.5317 32.704 33.5265 32.7134C33.5153 32.734 33.4917 32.7669 33.4458 32.8032C33.3488 32.8797 33.1842 32.9435 32.9861 32.9358L32.9619 32.935C32.9508 32.9348 32.9398 32.9346 32.9287 32.9346H8.07157C8.05214 32.9346 8.03272 32.935 8.0133 32.9358C7.81535 32.9437 7.65092 32.8799 7.55413 32.8035C7.5083 32.7674 7.48482 32.7346 7.47366 32.7141C7.46857 32.7047 7.46562 32.6972 7.46391 32.6916Z" fill="black"></path></g></svg> </span> <span class="elementor-button-text">Download all</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-76eb605 e-flex e-con-boxed e-con e-parent" data-id="76eb605" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-6827b0f content-block-heading full-width no-pad elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6827b0f" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-call-to-action.min.css?ver=1728392627"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h2 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Why Compress Images Manually? </h2> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Compress every image you upload to WordPress<br> automatically using Image Optimizer by Elementor </div> <div class="elementor-cta__button-wrapper elementor-cta__content-item elementor-content-item "> <a class="elementor-cta__button elementor-button elementor-size-" href="https://elementor.com/products/image-optimizer/" aria-label="get image optimizer" data-gtm-event_name="element_click" data-gtm-type="cta" data-gtm-section="in page" data-gtm-element_name="get image optimizer button" data-gtm-outcome="proceeding to image optimizer product page" data-gtm-english_text="get image optimizer" data-gtm-additional_description="why compress images manually"> Get Image Optimizer <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.24999 10.071C2.24999 9.65683 2.58578 9.32104 2.99999 9.32104L15.3315 9.32105L10.7031 4.69273C10.4103 4.39983 10.4103 3.92496 10.7031 3.63207C10.996 3.33917 11.4709 3.33917 11.7638 3.63207L17.6725 9.54071C17.9653 9.83361 17.9653 10.3085 17.6725 10.6014L11.7638 16.51C11.4709 16.8029 10.996 16.8029 10.7031 16.51C10.4103 16.2171 10.4103 15.7423 10.7031 15.4494L15.3315 10.821L2.99999 10.821C2.58578 10.821 2.24999 10.4853 2.24999 10.071Z" fill="currentColor"></path></svg> </a> </div> </div> </div> </div> </div> </div> </div> <section class="elementor-element elementor-element-6d5dc79 e-flex e-con-boxed e-con e-child" data-id="6d5dc79" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-4305157 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-heading" data-id="4305157" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">Use Cases of Our Image Optimization Tool</h2> </div> </div> <div class="elementor-element elementor-element-4faa087 e-grid e-con-full e-con e-child" data-id="4faa087" data-element_type="container"> <div class="elementor-element elementor-element-2a9a523 e-con-full e-flex e-con e-child" data-id="2a9a523" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-fca9496 elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="fca9496" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-icon-wrapper elementor-cta__icon elementor-view-default"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><path fill="#000" fill-rule="evenodd" d="M21.464 6a1.464 1.464 0 0 0-2.928 0v2.536H7.846a3.31 3.31 0 0 0-3.31 3.31V28.46a3.31 3.31 0 0 0 3.31 3.31h24a3.31 3.31 0 0 0 3.31-3.31V11.846a3.31 3.31 0 0 0-3.31-3.31H21.464V6Zm-2.928 5.463V12a1.464 1.464 0 1 0 2.928 0v-.537h10.382a.382.382 0 0 1 .382.383V28.46a.382.382 0 0 1-.382.383h-9.768a7.001 7.001 0 0 0-3.668-4.775c.048-.044.094-.089.14-.134a4.694 4.694 0 1 0-6.5.134 6.997 6.997 0 0 0-3.667 4.774h-.537a.382.382 0 0 1-.382-.382V11.846a.382.382 0 0 1 .382-.383h10.69Zm-3.982 7.52a1.767 1.767 0 1 1 1.353 3.265 1.767 1.767 0 0 1-1.353-3.266Zm.677 7.25a4.075 4.075 0 0 0-3.803 2.61h7.605a4.075 4.075 0 0 0-3.802-2.61Z" clip-rule="evenodd"></path></svg> </div> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Digital Agencies </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Digital agencies can use our Image Optimization Tool, including its WordPress plugin, to ensure client websites have fast-loading, high-quality images. This improves user experience and SEO, saving time with automated optimization. </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-3f2b33d e-con-full e-flex e-con e-child" data-id="3f2b33d" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-6fa7b95 elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6fa7b95" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-icon-wrapper elementor-cta__icon elementor-view-default"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><path fill="#000" fill-rule="evenodd" d="M6 4.536c-.809 0-1.464.655-1.464 1.464v10.77c0 .808.655 1.463 1.464 1.463h10.77c.808 0 1.463-.655 1.463-1.464V6c0-.808-.655-1.463-1.464-1.463H6Zm1.464 10.77V7.463h7.841v7.841H7.464ZM23.23 4.535c-.809 0-1.464.655-1.464 1.464v10.77c0 .808.655 1.463 1.464 1.463H34c.808 0 1.464-.655 1.464-1.464V6c0-.808-.656-1.463-1.464-1.463H23.23Zm1.463 10.77V7.463h7.842v7.841h-7.842ZM4.536 23.23c0-.809.655-1.464 1.464-1.464h10.77c.808 0 1.463.655 1.463 1.464V34c0 .808-.655 1.464-1.464 1.464H6A1.464 1.464 0 0 1 4.537 34V23.23Zm2.928 1.463v7.842h7.841v-7.842H7.464Zm15.767-2.927c-.809 0-1.464.655-1.464 1.464V34c0 .808.655 1.464 1.464 1.464H34c.808 0 1.464-.656 1.464-1.464V23.23c0-.808-.656-1.463-1.464-1.463H23.23Zm1.463 10.77v-7.843h7.842v7.842h-7.842Z" clip-rule="evenodd"></path></svg> </div> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> E-commerce Stores </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> E-commerce stores benefit from optimized product images that load quickly and look great, enhancing the shopping experience, reducing bounce rates, and potentially increasing conversions. </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-97b1018 e-con-full e-flex e-con e-child" data-id="97b1018" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-30421b9 elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="30421b9" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <div class="elementor-content-item elementor-cta__content-item elementor-icon-wrapper elementor-cta__icon elementor-view-default"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="none" viewBox="0 0 40 40"><path fill="#000" fill-rule="evenodd" d="M4.536 6c0-.809.655-1.464 1.464-1.464h27.714c.809 0 1.464.655 1.464 1.464v27.714c0 .809-.655 1.464-1.464 1.464H6a1.464 1.464 0 0 1-1.464-1.464V6ZM32.25 7.464v13.48l-5.788-4.156a2.53 2.53 0 0 0-3.22.11L7.464 31.502V7.464H32.25Zm0 24.786H10.965L24.95 19.307l7.3 5.24v7.703ZM13.994 8.8a5.194 5.194 0 1 0 0 10.388 5.194 5.194 0 0 0 0-10.388Zm-1.603 3.591a2.267 2.267 0 1 1 3.206 3.205 2.267 2.267 0 0 1-3.206-3.205Z" clip-rule="evenodd"></path></svg> </div> </div> <h4 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Photographers </h4> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Photographers can use our tool to maintain high image quality while reducing file sizes, ensuring their portfolios load quickly and look professional, whether on personal websites or client galleries. </div> </div> </div> </div> </div> </div> </div> </div> </section> <div class="elementor-element elementor-element-2fda140 e-grid e-con-boxed e-con e-child" data-id="2fda140" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="e-con-inner"> <div class="elementor-element elementor-element-29ef9ad content-block-heading full-width no-pad elementor-widget-mobile__width-initial elementor-widget-tablet__width-inherit elementor-widget__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="29ef9ad" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <span class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Advanced Features </span> </div> </div> </div> </div> <div class="elementor-element elementor-element-a3743da e-grid e-con-full e-con e-child" data-id="a3743da" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-c13d4db e-con-full featured-block e-flex e-con e-child" data-id="c13d4db" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-7b23e43 elementor-widget__width-initial elementor-widget elementor-widget-image" data-id="7b23e43" data-element_type="widget" data-widget_type="image.default"> <div class="elementor-widget-container"> <img fetchpriority="high" width="1626" height="1100" src="https://elementor.com/cdn-cgi/image/f=auto,w=1626,h=1100/https://elementor.com/wp-content/uploads/2024/07/SB_01-2-1.png" class="attachment-full size-full wp-image-8224709" alt="" srcset="https://elementor.com/cdn-cgi/image/f=auto,w=1626/https://elementor.com/wp-content/uploads/2024/07/SB_01-2-1.png 1626w, https://elementor.com/cdn-cgi/image/f=auto,w=600/https://elementor.com/wp-content/uploads/2024/07/SB_01-2-1-600x406.png 600w, https://elementor.com/cdn-cgi/image/f=auto,w=1024/https://elementor.com/wp-content/uploads/2024/07/SB_01-2-1-1024x693.png 1024w, https://elementor.com/cdn-cgi/image/f=auto,w=150/https://elementor.com/wp-content/uploads/2024/07/SB_01-2-1-150x100.png 150w, https://elementor.com/cdn-cgi/image/f=auto,w=768/https://elementor.com/wp-content/uploads/2024/07/SB_01-2-1-768x520.png 768w, https://elementor.com/cdn-cgi/image/f=auto,w=1536/https://elementor.com/wp-content/uploads/2024/07/SB_01-2-1-1536x1039.png 1536w" sizes="(max-width: 1626px) 100vw, 1626px" /> </div> </div> </div> <div class="elementor-element elementor-element-f0fa309 e-con-full e-flex e-con e-child" data-id="f0fa309" data-element_type="container" data-settings="{"background_background":"classic"}"> <div class="elementor-element elementor-element-5aad2ba elementor-widget-mobile__width-inherit content-block-text no-pad elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5aad2ba" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h2 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> WebP and AVIF Conversion </h2> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Converts images to WebP and AVIF format for better compression and faster loading times without compromising quality. </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-1558430 e-con-full e-flex e-con e-child" data-id="1558430" data-element_type="container"> <div class="elementor-element elementor-element-6c450f4 elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="6c450f4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Multiple Image Formats Supported </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> The image formats supported include JPEG, PNG, GIF, WebP, and AVIF. </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-d686595 e-con-full e-flex e-con e-child" data-id="d686595" data-element_type="container"> <div class="elementor-element elementor-element-2d571b2 elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="2d571b2" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> EXIF Data Handling </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Provides options to retain or remove EXIF metadata from images based on your preference. </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-0ed941e e-con-full e-flex e-con e-child" data-id="0ed941e" data-element_type="container"> <div class="elementor-element elementor-element-85154d4 elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="85154d4" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Lossy and Lossless Compression </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Offers both lossy and lossless compression techniques to balance between image quality and file size reduction. </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-b8ad263 e-con-full e-flex e-con e-child" data-id="b8ad263" data-element_type="container"> <div class="elementor-element elementor-element-5dad4d7 elementor-widget-mobile__width-inherit elementor-cta--skin-classic elementor-animated-content elementor-widget elementor-widget-call-to-action" data-id="5dad4d7" data-element_type="widget" data-widget_type="call-to-action.default"> <div class="elementor-widget-container"> <div class="elementor-cta"> <div class="elementor-cta__content"> <h3 class="elementor-cta__title elementor-cta__content-item elementor-content-item"> Works in the Background </h3> <div class="elementor-cta__description elementor-cta__content-item elementor-content-item"> Automatically optimizes images without manual intervention, allowing you to continue working on other tasks seamlessly. </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-fd7200e elementor-align-center elementor-mobile-align-left elementor-widget elementor-widget-button" data-id="fd7200e" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://elementor.com/products/image-optimizer/" aria-label="See Plans" data-gtm-event_name="element_click" data-gtm-type="cta" data-gtm-section="in page" data-gtm-element_name="get image optimizer button" data-gtm-outcome="proceeding to image optimizer product page" data-gtm-english_text="get image optimizer" data-gtm-additional_description="advanced features"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Image Optimizer</span> </span> </a> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-5fa10ca e-flex e-con-boxed e-con e-parent" data-id="5fa10ca" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-7a34d5a elementor-widget elementor-widget-html" data-id="7a34d5a" data-element_type="widget" data-widget_type="html.default"> <div class="elementor-widget-container"> <style> .dropzone { cursor: pointer; } .dropzone.dropzone--over{ background: #DCD7FF; } .file-section.done .progress-section{ display: none; } .file-section.in-progress .finish-section{ display: none; } body:not(.elementor-editor-active) .hidden{ display: none !important; } .status-container.hidden + div > div { border-top: unset !important; padding-top: unset; margin-top: unset; } .download-btn.disable{ pointer-events: none !important; } .download-btn.disable .elementor-button{ background-color: #E2E2E2 !important; } </style> </div> </div> </div> </div> </div> <div data-elementor-type="footer" data-elementor-id="16853" class="elementor elementor-16853 elementor-location-footer" data-elementor-post-type="elementor_library"> <footer class="elementor-element elementor-element-3776da5 main-footer e-grid e-con-boxed e-con e-parent" data-id="3776da5" data-element_type="container" data-settings="{"background_background":"classic"}" data-gtm-element-location="footer"> <div class="e-con-inner"> <div class="elementor-element elementor-element-89c5dad footerAccord e-con-full e-flex e-con e-child" data-id="89c5dad" data-element_type="container"> <div class="elementor-element elementor-element-f94a368 elementor-view-default elementor-widget elementor-widget-icon" data-id="f94a368" data-element_type="widget" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <div class="elementor-icon"> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="elementor-logo" width="163" height="27" viewBox="0 0 163 27" fill="none"><title id="catTitle">Elementor Logo</title><path d="M102.054 12.939C102.054 12.939 100.65 13.2733 99.465 13.5566L97.6605 13.9676C97.6546 13.9676 97.6467 13.9676 97.6447 13.9676C97.6447 13.4818 97.6801 12.9685 97.7961 12.4965C97.9455 11.8907 98.2738 11.1827 98.8419 10.8719C99.4611 10.5336 100.216 10.4943 100.872 10.7559C101.551 11.0253 101.861 11.6803 101.995 12.3588C102.032 12.5476 102.058 12.7384 102.075 12.9311L102.054 12.939ZM106.756 13.9656C106.756 9.25916 103.792 7.23535 100.006 7.23535C95.7242 7.23535 93.043 10.2012 93.043 13.9892C93.043 18.1077 95.3252 20.7903 100.241 20.7903C102.899 20.7903 104.405 20.3203 106.192 19.4254L105.51 16.3415C104.145 16.9532 102.876 17.3288 101.181 17.3288C99.3235 17.3288 98.2639 16.6227 97.8649 15.305H106.638C106.709 14.953 106.756 14.5537 106.756 13.9656Z" fill="currentColor"></path><path d="M62.9249 12.939C62.9249 12.939 61.5214 13.2733 60.3361 13.5566L58.5316 13.9676C58.5257 13.9676 58.5178 13.9676 58.5158 13.9676C58.5158 13.4818 58.5512 12.9685 58.6672 12.4965C58.8166 11.8907 59.1449 11.1827 59.7129 10.8719C60.3322 10.5336 61.087 10.4943 61.7435 10.7559C62.4217 11.0253 62.7323 11.6803 62.866 12.3588C62.9033 12.5476 62.9289 12.7384 62.9466 12.9311L62.9249 12.939ZM67.627 13.9656C67.627 9.25916 64.6626 7.23535 60.8767 7.23535C56.5953 7.23535 53.9141 10.2012 53.9141 13.9892C53.9141 18.1077 56.1963 20.7903 61.1125 20.7903C63.7702 20.7903 65.2759 20.3203 67.0628 19.4254L66.3807 16.3415C65.0165 16.9532 63.7466 17.3288 62.0522 17.3288C60.1946 17.3288 59.135 16.6227 58.736 15.305H67.509C67.5798 14.953 67.627 14.5537 67.627 13.9656Z" fill="currentColor"></path><path d="M52.311 3.77588H47.9668V20.3204H52.311V3.77588Z" fill="currentColor"></path><path d="M107.674 7.65838H112.238L113.198 10.583C113.799 9.13936 115.151 7.28076 117.55 7.28076C120.842 7.28076 122.631 8.95055 122.631 13.2578V20.3185H118.069C118.069 18.8474 118.071 17.3762 118.072 15.9051C118.072 15.2305 118.061 14.5559 118.071 13.8813C118.078 13.2578 118.122 12.6147 117.791 12.0561C117.567 11.6785 117.2 11.4012 116.803 11.2123C115.997 10.8269 115.124 10.8387 114.334 11.2497C114.139 11.35 113.199 11.8594 113.199 12.0954V20.3185H108.637V11.0747L107.674 7.65838Z" fill="currentColor"></path><path d="M126.324 10.9755H124.23V7.65759H126.324V5.58265L130.886 4.50879V7.65759H135.472V10.9755H130.886V14.6947C130.886 16.1541 131.592 16.8365 132.65 16.8365C133.731 16.8365 134.344 16.6949 135.26 16.3901L135.801 19.826C134.554 20.3669 133.002 20.6265 131.425 20.6265C128.109 20.6265 126.32 19.0491 126.32 15.9908V10.9755H126.324Z" fill="currentColor"></path><path d="M144.252 17.026C145.921 17.026 146.91 15.8262 146.91 13.8949C146.91 11.9635 145.968 10.8582 144.323 10.8582C142.652 10.8582 141.689 11.9635 141.689 13.9657C141.689 15.8479 142.631 17.026 144.252 17.026ZM144.299 7.16455C148.581 7.16455 151.708 9.84723 151.708 14.0129C151.708 18.2021 148.581 20.7196 144.252 20.7196C139.947 20.7196 136.889 18.1313 136.889 14.0129C136.891 9.84723 139.926 7.16455 144.299 7.16455Z" fill="currentColor"></path><path d="M88.9542 7.61891C88.1463 7.28652 87.2322 7.16262 86.3614 7.28849C85.9172 7.35339 85.4827 7.48123 85.0798 7.67988C83.975 8.22664 83.1121 9.47161 82.6482 10.5828C82.3454 9.30443 81.4589 8.1519 80.1655 7.61891C79.3575 7.28652 78.4435 7.16262 77.5727 7.28849C77.1284 7.35339 76.694 7.48123 76.291 7.67988C75.1882 8.22467 74.3272 9.46571 73.8633 10.573V10.4924L72.9335 7.65824H68.3711L69.3323 11.0745V20.3203H73.8653V12.0599C73.881 11.9989 74.0835 11.8848 74.1189 11.8573C74.6496 11.4797 75.2747 11.0903 75.9391 11.0411C76.6173 10.99 77.2857 11.3361 77.6906 11.875C77.7339 11.934 77.7751 11.993 77.8125 12.0559C78.1447 12.6145 78.0995 13.2576 78.0916 13.8811C78.0837 14.5557 78.0955 15.2303 78.0936 15.9049C78.0916 17.3761 78.0896 18.8472 78.0896 20.3184H82.6541V13.2576C82.6541 13.2222 82.6541 13.1868 82.6541 13.1514V12.0618C82.6639 12.0028 82.8723 11.8829 82.9096 11.8573C83.4404 11.4797 84.0655 11.0903 84.7299 11.0411C85.408 10.99 86.0764 11.3361 86.4813 11.875C86.5246 11.934 86.5659 11.993 86.6032 12.0559C86.9354 12.6145 86.8902 13.2576 86.8843 13.8811C86.8764 14.5557 86.8882 15.2303 86.8863 15.9049C86.8843 17.3761 86.8823 18.8472 86.8823 20.3184H91.4448V13.2576C91.4428 11.1886 91.146 8.52166 88.9542 7.61891Z" fill="currentColor"></path><path d="M162.503 7.28271C160.105 7.28271 158.752 9.14131 158.151 10.5849L157.189 7.66033H152.625L153.586 11.0766V20.3224H158.151V11.7788C158.801 11.6647 162.33 12.3137 163 12.5596V7.29845C162.837 7.28861 162.672 7.28271 162.503 7.28271Z" fill="currentColor"></path><path d="M41.6632 12.5161C41.6632 12.5161 40.2597 12.8505 39.0744 13.1337L37.2698 13.5448C37.2639 13.5448 37.2561 13.5448 37.2541 13.5448C37.2541 13.059 37.2895 12.5456 37.4055 12.0736C37.5548 11.4679 37.8831 10.7598 38.4512 10.4491C39.0704 10.1108 39.8253 10.0714 40.4818 10.333C41.16 10.6025 41.4706 11.2574 41.6042 11.9359C41.6416 12.1248 41.6671 12.3155 41.6848 12.5083L41.6632 12.5161ZM46.3672 13.5428C46.3672 8.83631 43.4029 6.8125 39.6169 6.8125C35.3355 6.8125 32.6543 9.77839 32.6543 13.5664C32.6543 17.6848 34.9365 20.3675 39.8528 20.3675C42.5104 20.3675 44.0162 19.8974 45.803 19.0026L45.1209 15.9187C43.7567 16.5303 42.4868 16.906 40.7924 16.906C38.9348 16.906 37.8753 16.1999 37.4762 14.8822H46.2492C46.32 14.5321 46.3672 14.1309 46.3672 13.5428Z" fill="currentColor"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.2084C0 20.4107 5.83624 26.2501 13.0347 26.2501C20.2332 26.2501 26.0695 20.4107 26.0695 13.2084C26.0695 6.00609 20.2332 0.166748 13.0347 0.166748C5.83624 0.166748 0 6.00609 0 13.2084ZM9.77554 7.77424H7.60342V18.6426H9.77554V7.77424ZM11.9477 7.77424H18.4641V9.94753H11.9477V7.77424ZM18.4641 12.1208H11.9477V14.2941H18.4641V12.1208ZM11.9477 16.4693H18.4641V18.6426H11.9477V16.4693Z" fill="currentColor"></path></svg> </div> </div> </div> </div> <div class="elementor-element elementor-element-39c2d89 e-grid-align-left elementor-grid-mobile-5 e-grid-align-mobile-left elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons" data-id="39c2d89" data-element_type="widget" data-widget_type="social-icons.default"> <div class="elementor-widget-container"> <style>/*! elementor - v3.23.0 - 05-08-2024 */ .elementor-widget-social-icons.elementor-grid-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-mobile-0 .elementor-widget-container,.elementor-widget-social-icons.elementor-grid-tablet-0 .elementor-widget-container{line-height:1;font-size:0}.elementor-widget-social-icons:not(.elementor-grid-0):not(.elementor-grid-tablet-0):not(.elementor-grid-mobile-0) .elementor-grid{display:inline-grid}.elementor-widget-social-icons .elementor-grid{grid-column-gap:var(--grid-column-gap,5px);grid-row-gap:var(--grid-row-gap,5px);grid-template-columns:var(--grid-template-columns);justify-content:var(--justify-content,center);justify-items:var(--justify-content,center)}.elementor-icon.elementor-social-icon{font-size:var(--icon-size,25px);line-height:var(--icon-size,25px);width:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em));height:calc(var(--icon-size, 25px) + 2 * var(--icon-padding, .5em))}.elementor-social-icon{--e-social-icon-icon-color:#fff;display:inline-flex;background-color:#69727d;align-items:center;justify-content:center;text-align:center;cursor:pointer}.elementor-social-icon i{color:var(--e-social-icon-icon-color)}.elementor-social-icon svg{fill:var(--e-social-icon-icon-color)}.elementor-social-icon:last-child{margin:0}.elementor-social-icon:hover{opacity:.9;color:#fff}.elementor-social-icon-android{background-color:#a4c639}.elementor-social-icon-apple{background-color:#999}.elementor-social-icon-behance{background-color:#1769ff}.elementor-social-icon-bitbucket{background-color:#205081}.elementor-social-icon-codepen{background-color:#000}.elementor-social-icon-delicious{background-color:#39f}.elementor-social-icon-deviantart{background-color:#05cc47}.elementor-social-icon-digg{background-color:#005be2}.elementor-social-icon-dribbble{background-color:#ea4c89}.elementor-social-icon-elementor{background-color:#d30c5c}.elementor-social-icon-envelope{background-color:#ea4335}.elementor-social-icon-facebook,.elementor-social-icon-facebook-f{background-color:#3b5998}.elementor-social-icon-flickr{background-color:#0063dc}.elementor-social-icon-foursquare{background-color:#2d5be3}.elementor-social-icon-free-code-camp,.elementor-social-icon-freecodecamp{background-color:#006400}.elementor-social-icon-github{background-color:#333}.elementor-social-icon-gitlab{background-color:#e24329}.elementor-social-icon-globe{background-color:#69727d}.elementor-social-icon-google-plus,.elementor-social-icon-google-plus-g{background-color:#dd4b39}.elementor-social-icon-houzz{background-color:#7ac142}.elementor-social-icon-instagram{background-color:#262626}.elementor-social-icon-jsfiddle{background-color:#487aa2}.elementor-social-icon-link{background-color:#818a91}.elementor-social-icon-linkedin,.elementor-social-icon-linkedin-in{background-color:#0077b5}.elementor-social-icon-medium{background-color:#00ab6b}.elementor-social-icon-meetup{background-color:#ec1c40}.elementor-social-icon-mixcloud{background-color:#273a4b}.elementor-social-icon-odnoklassniki{background-color:#f4731c}.elementor-social-icon-pinterest{background-color:#bd081c}.elementor-social-icon-product-hunt{background-color:#da552f}.elementor-social-icon-reddit{background-color:#ff4500}.elementor-social-icon-rss{background-color:#f26522}.elementor-social-icon-shopping-cart{background-color:#4caf50}.elementor-social-icon-skype{background-color:#00aff0}.elementor-social-icon-slideshare{background-color:#0077b5}.elementor-social-icon-snapchat{background-color:#fffc00}.elementor-social-icon-soundcloud{background-color:#f80}.elementor-social-icon-spotify{background-color:#2ebd59}.elementor-social-icon-stack-overflow{background-color:#fe7a15}.elementor-social-icon-steam{background-color:#00adee}.elementor-social-icon-stumbleupon{background-color:#eb4924}.elementor-social-icon-telegram{background-color:#2ca5e0}.elementor-social-icon-threads{background-color:#000}.elementor-social-icon-thumb-tack{background-color:#1aa1d8}.elementor-social-icon-tripadvisor{background-color:#589442}.elementor-social-icon-tumblr{background-color:#35465c}.elementor-social-icon-twitch{background-color:#6441a5}.elementor-social-icon-twitter{background-color:#1da1f2}.elementor-social-icon-viber{background-color:#665cac}.elementor-social-icon-vimeo{background-color:#1ab7ea}.elementor-social-icon-vk{background-color:#45668e}.elementor-social-icon-weibo{background-color:#dd2430}.elementor-social-icon-weixin{background-color:#31a918}.elementor-social-icon-whatsapp{background-color:#25d366}.elementor-social-icon-wordpress{background-color:#21759b}.elementor-social-icon-x-twitter{background-color:#000}.elementor-social-icon-xing{background-color:#026466}.elementor-social-icon-yelp{background-color:#af0606}.elementor-social-icon-youtube{background-color:#cd201f}.elementor-social-icon-500px{background-color:#0099e5}.elementor-shape-rounded .elementor-icon.elementor-social-icon{border-radius:10%}.elementor-shape-circle .elementor-icon.elementor-social-icon{border-radius:50%}</style> <div class="elementor-social-icons-wrapper elementor-grid"> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-cf6fe02" href="https://wordpress.org/plugins/elementor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="wordpress-logo" data-prefix="fab" data-icon="wordpress" viewBox="0 0 512 512"><title>Wordpress logo</title><path d="M61.7 169.4l101.5 278C92.2 413 43.3 340.2 43.3 256c0-30.9 6.6-60.1 18.4-86.6zm337.9 75.9c0-26.3-9.4-44.5-17.5-58.7-10.8-17.5-20.9-32.4-20.9-49.9 0-19.6 14.8-37.8 35.7-37.8.9 0 1.8.1 2.8.2-37.9-34.7-88.3-55.9-143.7-55.9-74.3 0-139.7 38.1-177.8 95.9 5 .2 9.7.3 13.7.3 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l77.5 230.4L249.8 247l-33.1-90.8c-11.5-.7-22.3-2-22.3-2-11.5-.7-10.1-18.2 1.3-17.5 0 0 35.1 2.7 56 2.7 22.2 0 56.7-2.7 56.7-2.7 11.5-.7 12.8 16.2 1.4 17.5 0 0-11.5 1.3-24.3 2l76.9 228.7 21.2-70.9c9-29.4 16-50.5 16-68.7zm-139.9 29.3l-63.8 185.5c19.1 5.6 39.2 8.7 60.1 8.7 24.8 0 48.5-4.3 70.6-12.1-.6-.9-1.1-1.9-1.5-2.9l-65.4-179.2zm183-120.7c.9 6.8 1.4 14 1.4 21.9 0 21.6-4 45.8-16.2 76.2l-65 187.9C426.2 403 468.7 334.5 468.7 256c0-37-9.4-71.8-26-102.1zM504 256c0 136.8-111.3 248-248 248C119.2 504 8 392.7 8 256 8 119.2 119.2 8 256 8c136.7 0 248 111.2 248 248zm-11.4 0c0-130.5-106.2-236.6-236.6-236.6C125.5 19.4 19.4 125.5 19.4 256S125.6 492.6 256 492.6c130.5 0 236.6-106.1 236.6-236.6z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-86492a0" href="https://github.com/elementor/elementor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="github-logo" data-prefix="fab" data-icon="github" viewBox="0 0 496 512"><title>Github logo</title><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-81e64c6" href="https://www.producthunt.com/products/elementor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="producthunt-logo" data-prefix="fab" data-icon="product-hunt" class="svg-inline--fa fa-product-hunt fa-w-16" viewBox="0 0 512 512"><title id="catTitle">ProductHunt Logo</title><path d="M326.3 218.8c0 20.5-16.7 37.2-37.2 37.2h-70.3v-74.4h70.3c20.5 0 37.2 16.7 37.2 37.2zM504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-128.1-37.2c0-47.9-38.9-86.8-86.8-86.8H169.2v248h49.6v-74.4h70.3c47.9 0 86.8-38.9 86.8-86.8z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-580c20d" href="https://www.instagram.com/elementor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="instagram-logo" data-prefix="fab" data-icon="instagram" class="svg-inline--fa fa-instagram fa-w-14" viewBox="0 0 448 512"><title id="catTitle">Instagram Logo</title><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-0cd3763" href="https://www.facebook.com/elemntor/" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="facebook-logo" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" viewBox="0 0 320 512"><title id="catTitle">Facebook Logo</title><path d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-dad8830" href="https://x.com/elemntor" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-label="x-logo" aria-labelledby="x-logo" viewBox="0 0 512 512"><path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9L389.2 48zm-24.8 373.8h39.1L151.1 88h-42l255.3 333.8z"></path></svg> </a> </span> <span class="elementor-grid-item"> <a class="elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-cc4e560" href="https://www.youtube.com/channel/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1" target="_blank" rel="noopener noreferrer"> <span class="elementor-screen-only"></span> <svg xmlns="http://www.w3.org/2000/svg" aria-labelledby="youtube-logo" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa-w-18" viewBox="0 0 576 512"><title id="catTitle">Youtube Logo</title><path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path></svg> </a> </span> </div> </div> </div> <div class="elementor-element elementor-element-6e93e55 elementor-widget elementor-widget-text-editor" data-id="6e93e55" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Elementor is the leading website builder platform for professionals and business owners on WordPress. Whether you’re a developer, designer, marketer, or business owner, Elementor empowers you to create stunning, high-performing websites. With a new website created every 10 seconds, Elementor empowers you to build and manage your online presence effectively.</p> </div> </div> <div class="elementor-element elementor-element-51c8520 elementor-widget elementor-widget-heading" data-id="51c8520" data-element_type="widget" tabindex="-1" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Subscribe to our newsletter</div> </div> </div> <div class="elementor-element elementor-element-c27277f elementor-widget__width-initial elementor-widget-mobile__width-initial newsletter-signup-form elementor-button-align-end elementor-widget elementor-widget-form" data-id="c27277f" data-element_type="widget" data-settings="{"step_next_label":"Next","step_previous_label":"Previous","additional_attributes":[{"_id":"d23a634","attr_key":"newsletter_subscriber","attr_value":"true"}],"button_width":"40","button_width_mobile":"30","step_type":"number_text","step_icon_shape":"circle"}" data-widget_type="form.default"> <div class="elementor-widget-container"> <style>/*! elementor-pro - v3.23.0 - 05-08-2024 */ .elementor-button.elementor-hidden,.elementor-hidden{display:none}.e-form__step{width:100%}.e-form__step:not(.elementor-hidden){display:flex;flex-wrap:wrap}.e-form__buttons{flex-wrap:wrap}.e-form__buttons,.e-form__buttons__wrapper{display:flex}.e-form__indicators{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;font-size:13px;margin-bottom:var(--e-form-steps-indicators-spacing)}.e-form__indicators__indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-basis:0;padding:0 var(--e-form-steps-divider-gap)}.e-form__indicators__indicator__progress{width:100%;position:relative;background-color:var(--e-form-steps-indicator-progress-background-color);border-radius:var(--e-form-steps-indicator-progress-border-radius);overflow:hidden}.e-form__indicators__indicator__progress__meter{width:var(--e-form-steps-indicator-progress-meter-width,0);height:var(--e-form-steps-indicator-progress-height);line-height:var(--e-form-steps-indicator-progress-height);padding-right:15px;border-radius:var(--e-form-steps-indicator-progress-border-radius);background-color:var(--e-form-steps-indicator-progress-color);color:var(--e-form-steps-indicator-progress-meter-color);text-align:right;transition:width .1s linear}.e-form__indicators__indicator:first-child{padding-left:0}.e-form__indicators__indicator:last-child{padding-right:0}.e-form__indicators__indicator--state-inactive{color:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-inactive [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-inactive-secondary-color,#fff)}.e-form__indicators__indicator--state-inactive object,.e-form__indicators__indicator--state-inactive svg{fill:var(--e-form-steps-indicator-inactive-primary-color,#c2cbd2)}.e-form__indicators__indicator--state-active{color:var(--e-form-steps-indicator-active-primary-color,#39b54a);border-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-active-secondary-color,#fff)}.e-form__indicators__indicator--state-active object,.e-form__indicators__indicator--state-active svg{fill:var(--e-form-steps-indicator-active-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed{color:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator--state-completed [class*=indicator--shape-]:not(.e-form__indicators__indicator--shape-none){background-color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator__label{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a)}.e-form__indicators__indicator--state-completed .e-form__indicators__indicator--shape-none{color:var(--e-form-steps-indicator-completed-primary-color,#39b54a);background-color:initial}.e-form__indicators__indicator--state-completed object,.e-form__indicators__indicator--state-completed svg{fill:var(--e-form-steps-indicator-completed-secondary-color,#fff)}.e-form__indicators__indicator__icon{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);font-size:var(--e-form-steps-indicator-icon-size);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;overflow:hidden;margin-bottom:10px}.e-form__indicators__indicator__icon img,.e-form__indicators__indicator__icon object,.e-form__indicators__indicator__icon svg{width:var(--e-form-steps-indicator-icon-size);height:auto}.e-form__indicators__indicator__icon .e-font-icon-svg{height:1em}.e-form__indicators__indicator__number{width:var(--e-form-steps-indicator-padding,30px);height:var(--e-form-steps-indicator-padding,30px);border-width:1px;border-style:solid;display:flex;justify-content:center;align-items:center;margin-bottom:10px}.e-form__indicators__indicator--shape-circle{border-radius:50%}.e-form__indicators__indicator--shape-square{border-radius:0}.e-form__indicators__indicator--shape-rounded{border-radius:5px}.e-form__indicators__indicator--shape-none{border:0}.e-form__indicators__indicator__label{text-align:center}.e-form__indicators__indicator__separator{width:100%;height:var(--e-form-steps-divider-width);background-color:#babfc5}.e-form__indicators--type-icon,.e-form__indicators--type-icon_text,.e-form__indicators--type-number,.e-form__indicators--type-number_text{align-items:flex-start}.e-form__indicators--type-icon .e-form__indicators__indicator__separator,.e-form__indicators--type-icon_text .e-form__indicators__indicator__separator,.e-form__indicators--type-number .e-form__indicators__indicator__separator,.e-form__indicators--type-number_text .e-form__indicators__indicator__separator{margin-top:calc(var(--e-form-steps-indicator-padding, 30px) / 2 - var(--e-form-steps-divider-width, 1px) / 2)}.elementor-field-type-hidden{display:none}.elementor-field-type-html{display:inline-block}.elementor-field-type-tel input{direction:inherit}.elementor-login .elementor-lost-password,.elementor-login .elementor-remember-me{font-size:.85em}.elementor-field-type-recaptcha_v3 .elementor-field-label{display:none}.elementor-field-type-recaptcha_v3 .grecaptcha-badge{z-index:1}.elementor-button .elementor-form-spinner{order:3}.elementor-form .elementor-button .elementor-button-content-wrapper{align-items:center}.elementor-form .elementor-button .elementor-button-text{white-space:normal}.elementor-form .elementor-button svg{height:auto}.elementor-form .elementor-button .e-font-icon-svg{height:1em}.elementor-form .elementor-button .elementor-button-content-wrapper{gap:5px}.elementor-form .elementor-button .elementor-button-icon,.elementor-form .elementor-button .elementor-button-text{flex-grow:unset;order:unset}.elementor-select-wrapper .select-caret-down-wrapper{position:absolute;top:50%;transform:translateY(-50%);inset-inline-end:10px;pointer-events:none;font-size:11px}.elementor-select-wrapper .select-caret-down-wrapper svg{display:unset;width:1em;aspect-ratio:unset;fill:currentColor}.elementor-select-wrapper .select-caret-down-wrapper i{font-size:19px;line-height:2}.elementor-select-wrapper.remove-before:before{content:""!important}.elementor-message-svg:before{content:"";width:1em;height:1em;background-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00Ljc1IDguMTVMMS42IDUgLjU1IDYuMDVsNC4yIDQuMiA5LTlMMTIuNy4yIDQuNzUgOC4xNXoiIGZpbGw9IiMwMDhBMjAiLz48L3N2Zz4=");background-position:50%;background-repeat:no-repeat}</style> <form class="elementor-form" method="post" action="https://form.strattic.com/forms/77986f46-c43c-412b-b261-fd9310496adb" id="elementor_newsletter_subscribe_newsletter" name="Newsletter roll"> <input type="hidden" name="post_id" value="16853"/> <input type="hidden" name="form_id" value="c27277f"/> <input type="hidden" name="referer_title" value="GIF Compressor: Optimize GIF Animations Online [Free]" /> <input type="hidden" name="queried_id" value="8224663"/> <div class="elementor-form-fields-wrapper elementor-labels-"> <div class="elementor-field-type-email elementor-field-group elementor-column elementor-field-group-email_newsletter elementor-col-60 elementor-sm-70 elementor-field-required"> <label for="form-field-email_newsletter" class="elementor-field-label elementor-screen-only"> Email </label> <input size="1" type="email" name="form_fields[email_newsletter]" id="form-field-email_newsletter" class="elementor-field elementor-size-sm elementor-field-textual" placeholder="Whats your email" required="required" aria-required="true"> </div> <div class="elementor-field-type-hidden elementor-field-group elementor-column elementor-field-group-newsletter_subscribe elementor-col-100"> <input size="1" type="hidden" name="form_fields[newsletter_subscribe]" id="form-field-newsletter_subscribe" class="elementor-field elementor-size-sm elementor-field-textual" value="elementor_newsletter_subscribe"> </div> <div class="elementor-field-group elementor-column elementor-field-type-submit elementor-col-40 e-form__buttons elementor-sm-30"> <button class="elementor-button elementor-size-sm" type="submit"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g id="one-finger-tap"><g id="one-finger-tap_2"><path id="Vector 107" d="M20.7454 23.1429V18.2859C20.7454 15.8498 18.7706 13.875 16.3346 13.875H12.5035V6.71697C12.5035 5.5788 11.5808 4.65616 10.4427 4.65616C9.30449 4.65616 8.38184 5.5788 8.38184 6.71697L8.38183 16.1001L7.6946 16.2294C5.60504 16.6227 4.61065 19.0353 5.81624 20.7866L6.09343 21.1893L7.43652 23.1429" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path><path id="Ellipse 302" d="M4.45284 8.45548C4.34762 8.00315 4.29199 7.53179 4.29199 7.04742C4.29199 3.62863 7.06348 0.857147 10.4823 0.857147C13.9011 0.857147 16.6725 3.62863 16.6725 7.04742C16.6725 7.53179 16.6169 8.00315 16.5117 8.45548" stroke="black" stroke-linecap="round" stroke-linejoin="round"></path></g></g></svg> </span> <span class="elementor-button-text">Subscribe</span> </span> </button> </div> </div> </form> </div> </div> <div class="elementor-element elementor-element-092e7f3 elementor-widget elementor-widget-text-editor" data-id="092e7f3" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>By entering your email, you agree to our<br /><strong><a href="https://elementor.com/terms/" target="_blank" rel="noopener">Terms & Conditions </a></strong>and <strong><a href="https://elementor.com/about/privacy/" target="_blank" rel="noopener">Privacy Policy</a></strong>.</p> </div> </div> <div class="elementor-element elementor-element-f7d2767 footerContent elementor-widget elementor-widget-text-editor" data-id="f7d2767" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>漏 Elementor. All rights reserved</p> </div> </div> </div> <div class="elementor-element elementor-element-7b1db30 e-con-full e-flex e-con e-child" data-id="7b1db30" data-element_type="container"> <div class="elementor-element elementor-element-0149e49 e-con-full menu-column e-flex e-con e-child" data-id="0149e49" data-element_type="container"> <div class="elementor-element elementor-element-4da4e98 menu-column_heading elementor-widget elementor-widget-heading" data-id="4da4e98" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Web Creation</div> </div> </div> <div class="elementor-element elementor-element-de88162 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="de88162" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/wordpress-hosting/"> <span class="elementor-icon-list-text">WordPress Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/ecommerce-hosting/"> <span class="elementor-icon-list-text">eCommerce Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/page-builder-plugin/"> <span class="elementor-icon-list-text">Page Builder Plugin</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/hello-theme/"> <span class="elementor-icon-list-text">Hello Theme</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/dynamic-content/"> <span class="elementor-icon-list-text">Dynamic Content</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/ecommerce/"> <span class="elementor-icon-list-text">eCommerce</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/theme-builder/"> <span class="elementor-icon-list-text">Theme Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/landing-page-builder/"> <span class="elementor-icon-list-text">Landing Page Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/popup-builder/"> <span class="elementor-icon-list-text">Popup Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/form-builder/"> <span class="elementor-icon-list-text">Form Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/contact-button/"> <span class="elementor-icon-list-text">Contact Buttons</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/workflow/"> <span class="elementor-icon-list-text">Workflow Optimization</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/ai/"> <span class="elementor-icon-list-text">Elementor AI</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/products/image-optimizer/"> <span class="elementor-icon-list-text">Image Optimizer</span> </a> </li> <li class="elementor-icon-list-item"> <a href="http://elementor.com/products/site-mailer/"> <span class="elementor-icon-list-text">Site Mailer</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/woocommerce-builder/"> <span class="elementor-icon-list-text">WooCommerce Builder</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/link-in-bio/"> <span class="elementor-icon-list-text">Link in Bio</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-95d1a3e e-con-full menu-column e-flex e-con e-child" data-id="95d1a3e" data-element_type="container"> <div class="elementor-element elementor-element-1d66580 menu-column_heading elementor-widget elementor-widget-heading" data-id="1d66580" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Elementor For</div> </div> </div> <div class="elementor-element elementor-element-b6c589f elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="b6c589f" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/designer/"> <span class="elementor-icon-list-text">Web Designers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/developer/"> <span class="elementor-icon-list-text">Developers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/marketer/"> <span class="elementor-icon-list-text">Marketers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/for/agency/"> <span class="elementor-icon-list-text">Agencies</span> </a> </li> </ul> </div> </div> </div> </div> <div class="elementor-element elementor-element-6482bf9 e-con-full menu-column e-flex e-con e-child" data-id="6482bf9" data-element_type="container"> <div class="elementor-element elementor-element-fea7525 menu-column_heading elementor-widget elementor-widget-heading" data-id="fea7525" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Resources</div> </div> </div> <div class="elementor-element elementor-element-da10068 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="da10068" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/help/"> <span class="elementor-icon-list-text">Help Center</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/academy/"> <span class="elementor-icon-list-text">Academy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/blog/"> <span class="elementor-icon-list-text">Blog</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/addons/"> <span class="elementor-icon-list-text">Add-Ons</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/roadmap/"> <span class="elementor-icon-list-text">Roadmap</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://developers.elementor.com/"> <span class="elementor-icon-list-text">Developers Website</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/support/"> <span class="elementor-icon-list-text">Support</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/resources/glossary/"> <span class="elementor-icon-list-text">Web Creators Glossary</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/features/integrations/"> <span class="elementor-icon-list-text">Integrations</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/web-creators/"> <span class="elementor-icon-list-text">Web Creator Stories</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/community/meetups/"> <span class="elementor-icon-list-text">Meetups</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://prompts.elementor.com/"> <span class="elementor-icon-list-text">AI Prompt Library</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/wordpress/"> <span class="elementor-icon-list-text">WordPress Download</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/tools/gif-compressor/"> <span class="elementor-icon-list-text">Optimization Tool</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-37ea002 e-con-full menu-column e-flex e-con e-child" data-id="37ea002" data-element_type="container"> <div class="elementor-element elementor-element-7aa6052 menu-column_heading elementor-widget elementor-widget-heading" data-id="7aa6052" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Company</div> </div> </div> <div class="elementor-element elementor-element-25f3fcd elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="25f3fcd" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/about/"> <span class="elementor-icon-list-text">About Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/contact/"> <span class="elementor-icon-list-text">Contact Us</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.careers/explore/"> <span class="elementor-icon-list-text">Careers</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/faq/"> <span class="elementor-icon-list-text">FAQs</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/affiliates/"> <span class="elementor-icon-list-text">Affiliate Program</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/trust/"> <span class="elementor-icon-list-text">Trust Center</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/logos/"> <span class="elementor-icon-list-text">Media</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/trademark-guidelines/"> <span class="elementor-icon-list-text">Trademark</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/"> <span class="elementor-icon-list-text">Terms & Conditions</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/elementor-ai-terms-and-conditions/"> <span class="elementor-icon-list-text">AI Terms & Conditions</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/about/privacy/"> <span class="elementor-icon-list-text">Privacy Policy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/cookie-policy/"> <span class="elementor-icon-list-text">Cookie Policy</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/terms/accessibility/"> <span class="elementor-icon-list-text">Website Accessibility Statement</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/open-source-software-components/"> <span class="elementor-icon-list-text">Open-Source Software Components</span> </a> </li> </ul> </div> </div> </div> <div class="elementor-element elementor-element-3acdd4c e-con-full menu-column e-flex e-con e-child" data-id="3acdd4c" data-element_type="container"> <div class="elementor-element elementor-element-10c9621 menu-column_heading elementor-widget elementor-widget-heading" data-id="10c9621" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Pricing</div> </div> </div> <div class="elementor-element elementor-element-a4acdae elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="a4acdae" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing/"> <span class="elementor-icon-list-text">WordPress Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing-ecommerce-hosting/"> <span class="elementor-icon-list-text">eCommerce Hosting</span> </a> </li> <li class="elementor-icon-list-item"> <a href="https://elementor.com/pricing-plugin/"> <span class="elementor-icon-list-text">Page Builder Plugin</span> </a> </li> </ul> </div> </div> <div class="elementor-element elementor-element-14786cd e-con-full menu-column related-content e-flex e-con e-child" data-id="14786cd" data-element_type="container"> <div class="elementor-element elementor-element-7bc4d52 menu-column_heading elementor-widget elementor-widget-heading" data-id="7bc4d52" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <div class="elementor-heading-title elementor-size-default">Related Content</div> </div> </div> <div class="elementor-element elementor-element-c545267 elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-2 elementor-widget elementor-widget-loop-grid" data-id="c545267" data-element_type="widget" data-settings="{"template_id":"8225216","columns":1,"columns_tablet":1,"columns_mobile":2,"row_gap":{"unit":"px","size":16,"sizes":[]},"_skin":"post","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <link rel="stylesheet" href="https://elementor.com/wp-content/plugins/elementor-pro/assets/css/widget-loop-builder.min.css?ver=1728392627"> <div class="elementor-loop-container elementor-grid"> <style id="loop-8225216">.elementor-8225216 .elementor-element.elementor-element-9812921{--display:flex;--background-transition:0.3s;}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(16px/2);}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(16px/2);}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(16px/2);margin-left:calc(16px/2);}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-16px/2);margin-left:calc(-16px/2);}body.rtl .elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-16px/2);}body:not(.rtl) .elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-16px/2);}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-8225216 .elementor-element.elementor-element-0f281a4{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-item > a{font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:400;font-style:normal;line-height:1.5em;letter-spacing:-0.02em;}.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}@media(max-width:767px){.elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-8225216 .elementor-element.elementor-element-0f281a4 .elementor-icon-list-item > a{font-size:14px;}}</style> <div data-elementor-type="loop-item" data-elementor-id="8225216" class="elementor elementor-8225216 e-loop-item e-loop-item-8224637 post-8224637 post type-post status-publish format-standard has-post-thumbnail hentry category-tools tag-compressor tag-hosting tag-io-tool" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-9812921 e-flex e-con-boxed e-con e-parent" data-id="9812921" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-0f281a4 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="0f281a4" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/tools/png-compressor/"> <span class="elementor-icon-list-text">PNG Compressor</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="8225216" class="elementor elementor-8225216 e-loop-item e-loop-item-8224660 post-8224660 post type-post status-publish format-standard has-post-thumbnail hentry category-tools tag-compressor" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-9812921 e-flex e-con-boxed e-con e-parent" data-id="9812921" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-0f281a4 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="0f281a4" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/tools/jpg-compressor/"> <span class="elementor-icon-list-text">JPG Compressor</span> </a> </li> </ul> </div> </div> </div> </div> </div> <div data-elementor-type="loop-item" data-elementor-id="8225216" class="elementor elementor-8225216 e-loop-item e-loop-item-8224665 post-8224665 post type-post status-publish format-standard has-post-thumbnail hentry category-tools tag-compressor tag-hosting" data-elementor-post-type="elementor_library" data-custom-edit-handle="1"> <div class="elementor-element elementor-element-9812921 e-flex e-con-boxed e-con e-parent" data-id="9812921" data-element_type="container"> <div class="e-con-inner"> <div class="elementor-element elementor-element-0f281a4 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list" data-id="0f281a4" data-element_type="widget" data-widget_type="icon-list.default"> <div class="elementor-widget-container"> <ul class="elementor-icon-list-items"> <li class="elementor-icon-list-item"> <a href="https://elementor.com/tools/webp-converter/"> <span class="elementor-icon-list-text">WebP Converter</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div class="elementor-element elementor-element-32b5b41 elementor-grid-1 elementor-grid-tablet-1 elementor-grid-mobile-2 elementor-widget elementor-widget-loop-grid" data-id="32b5b41" data-element_type="widget" data-settings="{"template_id":"8225216","columns":1,"columns_tablet":1,"columns_mobile":2,"row_gap":{"unit":"px","size":16,"sizes":[]},"_skin":"post","edit_handle_selector":"[data-elementor-type=\"loop-item\"]","row_gap_tablet":{"unit":"px","size":"","sizes":[]},"row_gap_mobile":{"unit":"px","size":"","sizes":[]}}" data-widget_type="loop-grid.post"> <div class="elementor-widget-container"> <div class="e-loop-nothing-found-message"> </div> </div> </div> <div class="elementor-element elementor-element-63ab334 elementor-widget elementor-widget-shortcode" data-id="63ab334" data-element_type="widget" data-widget_type="shortcode.default"> <div class="elementor-widget-container"> <div class="elementor-shortcode"><ul class="elementor-icon-list-items"></ul></div> </div> </div> </div> </div> </div> </footer> </div>  <noscript> <iframe src="https://gtm.elementor.com/ns.html?id=GTM-NJK8HW" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  <div data-elementor-type="popup" data-elementor-id="8224754" class="elementor elementor-8224754 elementor-location-popup" data-elementor-settings="{"a11y_navigation":"yes","triggers":[],"timing":[]}" data-elementor-post-type="elementor_library"> <div class="elementor-element elementor-element-01e666b e-con-full e-flex e-con e-parent" data-id="01e666b" data-element_type="container"> <div class="elementor-element elementor-element-08cb0ef e-con-full e-flex e-con e-child" data-id="08cb0ef" data-element_type="container"> <div class="elementor-element elementor-element-5ef7217 e-con-full e-flex e-con e-child" data-id="5ef7217" data-element_type="container"> <div class="elementor-element elementor-element-aa3de2a elementor-widget__width-inherit elementor-widget-tablet__width-inherit elementor-widget-mobile__width-initial elementor-widget elementor-widget-heading" data-id="aa3de2a" data-element_type="widget" data-widget_type="heading.default"> <div class="elementor-widget-container"> <h2 class="elementor-heading-title elementor-size-default">A Better Way to Optimize Images</h2> </div> </div> <div class="elementor-element elementor-element-d6d0f65 elementor-widget elementor-widget-text-editor" data-id="d6d0f65" data-element_type="widget" data-widget_type="text-editor.default"> <div class="elementor-widget-container"> <p>Stop wasting time optimizing images by hand. Our plugin does it automatically, making your site faster and freeing you up to focus on what matters most.</p> </div> </div> <div class="elementor-element elementor-element-c02f36f elementor-widget elementor-widget-button" data-id="c02f36f" data-element_type="widget" data-widget_type="button.default"> <div class="elementor-widget-container"> <div class="elementor-button-wrapper"> <a class="elementor-button elementor-button-link elementor-size-sm" href="https://elementor.com/products/image-optimizer/" aria-label="upload image"> <span class="elementor-button-content-wrapper"> <span class="elementor-button-text">Get Image Optimizer</span> </span> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-302bc2e elementor-absolute elementor-view-default elementor-widget elementor-widget-icon" data-id="302bc2e" data-element_type="widget" data-settings="{"_position":"absolute"}" data-widget_type="icon.default"> <div class="elementor-widget-container"> <div class="elementor-icon-wrapper"> <a class="elementor-icon" href="#elementor-action%3Aaction%3Dpopup%3Aclose%26settings%3DeyJkb19ub3Rfc2hvd19hZ2FpbiI6IiJ9"> <svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 35 35" fill="none"><g id="x"><g id="Group 1"><g id="Group 10882081"><path id="Line 1" d="M10.1323 9.48413L24.6616 24.9549" stroke="#727272" stroke-width="1.66112" stroke-linecap="round"></path><path id="Line 2" d="M24.6641 9.6626L10.1348 25.1333" stroke="#727272" stroke-width="1.66112" stroke-linecap="round"></path></g></g></g></svg> </a> </div> </div> </div> </div> <div class="elementor-element elementor-element-cefc04c e-con-full e-flex e-con e-child" data-id="cefc04c" data-element_type="container" data-settings="{"background_background":"classic"}"> </div> </div> </div> <script> addEventListener( 'onSiteCreationStart', function () { if ( ! window.braze || ! braze.logCustomEvent ) { return; } braze.logCustomEvent( 'site_creation_start_event' ); } ); </script> <script type='text/javascript'> const lazyloadRunObserver = () => { const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` ); const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => { entries.forEach( ( entry ) => { if ( entry.isIntersecting ) { let lazyloadBackground = entry.target; if( lazyloadBackground ) { lazyloadBackground.classList.add( 'e-lazyloaded' ); } lazyloadBackgroundObserver.unobserve( entry.target ); } }); }, { rootMargin: '200px 0px 200px 0px' } ); lazyloadBackgrounds.forEach( ( lazyloadBackground ) => { lazyloadBackgroundObserver.observe( lazyloadBackground ); } ); }; const events = [ 'DOMContentLoaded', 'elementor/lazyload/observe', ]; events.forEach( ( event ) => { document.addEventListener( event, lazyloadRunObserver ); } ); </script> <link rel='stylesheet' id='elementor-font-awesome-solid-css' href='https://elementor.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/solid.css?ver=3.23.4' type='text/css' media='all' /> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-network/assets/js/geo-loader.js?ver=1.4.33" id="elementor-network-geo-loader-js"></script> <script type="text/javascript" id="elementor-site-js-extra"> /* <![CDATA[ */ var Elementor_Site_Args = {"ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php","i18n":{"stay_up_to_date":"Download Just a Click Away","get_free_download_link":"Get Free Download Link To Your Email"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/themes/elementor-website/assets/js/app.min.js?ver=1.1.6" id="elementor-site-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/themes/elementor-website/assets/js/js.cookie.min.js?ver=1.1.6" id="elementor-site-cookie-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/lib/smartmenus/jquery.smartmenus.min.js?ver=1.2.1" id="smartmenus-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/lib/sticky/jquery.sticky.min.js?ver=3.23.3" id="e-sticky-js"></script> <script type="text/javascript" src="https://elementor.com/strattic_assets/js/forms/elementor-forms-widget.js?ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-compatibility-elementor-pro-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=3.23.4" id="elementor-webpack-runtime-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=3.23.4" id="elementor-frontend-modules-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/lib/waypoints/waypoints.min.js?ver=4.0.2" id="elementor-waypoints-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3" id="jquery-ui-core-js"></script> <script type="text/javascript" id="elementor-frontend-js-before"> /* <![CDATA[ */ var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnTwitter":"Share on Twitter","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselWrapperAriaLabel":"Carousel | Horizontal scrolling: Arrow Left & Right","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":false},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":false}}},"version":"3.23.4","is_static":false,"experimentalFeatures":{"e_optimized_css_loading":true,"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"container_grid":true,"e_swiper_latest":true,"e_nested_atomic_repeaters":true,"e_onboarding":true,"home_screen":true,"editor_v2":true,"nested-elements":true,"e_lazyload":true,"link-in-bio":true,"floating-buttons":true,"display-conditions":true,"form-submissions":true,"mega-menu":true,"taxonomy-filter":true},"urls":{"assets":"https:\/\/elementor.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php"},"nonces":{"floatingButtonsClickTracking":"33c44515c8"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"stretched_section_container":"#primary","viewport_mobile":767,"viewport_tablet":1024,"active_breakpoints":["viewport_mobile","viewport_tablet"],"global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":8224663,"title":"GIF%20Compressor%3A%20Optimize%20GIF%20Animations%20Online%20%5BFree%5D","excerpt":"","featuredImage":"https:\/\/elementor.com\/wp-content\/uploads\/2024\/08\/Featured-Image-1-1024x536.png"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=3.23.4" id="elementor-frontend-js"></script> <script type="text/javascript" id="elementor-network-newsletter-enrollment-js-extra"> /* <![CDATA[ */ var newsletterEnrollmentData = {"cfWorkerUrl":"https:\/\/elementor.com\/api\/v1\/newsletter"}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-network/assets/js/newsletter-enrollment.min.js?ver=1.4.33" id="elementor-network-newsletter-enrollment-js"></script> <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?render=6LdKP40nAAAAAOxtQvyS8hOnwcSHbUegtZZxssdF&ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-forms-elementor-forms-recaptcha-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/underscore.min.js?ver=1.13.4" id="underscore-js"></script> <script type="text/javascript" id="wp-util-js-extra"> /* <![CDATA[ */ var _wpUtilSettings = {"ajax":{"url":"\/wp-admin\/admin-ajax.php"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/wp-util.min.js?ver=6.6.2" id="wp-util-js"></script> <script type="text/javascript" id="strattic-forms-elementor-forms-js-extra"> /* <![CDATA[ */ var stratticForms = {"forms":{"elementor_newsletter_subscribe_newsletter":{"messages":{"success_message":"Thanks for signing up to Elementor!","error_message":"An error occurred.","required_field_message":null,"invalid_message":"There's something wrong. The form is invalid."},"form_id_prefix":"elementorforms-","form_meta":{"form_metadata":null,"form_metadata_2":null},"spinnerIds":["ajax-loader"],"params_map":[]}},"integration":["elementorforms"],"elementorforms":{"messageClass":"elementor-message-success","errorClass":"elementor-message-danger","meta_locale":"","meta_date":"F j, Y","meta_time":{"format":"g:i a","timezone":"Asia\/Jerusalem"}},"recaptchaPublicKey":["6LdKP40nAAAAAOxtQvyS8hOnwcSHbUegtZZxssdF"],"globalWidgetMap":[],"base_url":["https:\/\/form.strattic.com"]}; /* ]]> */ </script> <script type="text/javascript" defer src="https://elementor.com/strattic_assets/js/forms/elementor-forms.js?ver=e036e2dc5182ffbf2204af4d37e73f66081b1ab4" id="strattic-forms-elementor-forms-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/imagesloaded.min.js?ver=5.0.0" id="imagesloaded-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/webpack-pro.runtime.min.js?ver=3.23.3" id="elementor-pro-webpack-runtime-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://elementor.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" id="elementor-pro-frontend-js-before"> /* <![CDATA[ */ var ElementorProFrontendConfig = {"ajaxurl":"https:\/\/elementor.com\/wp-admin\/admin-ajax.php","nonce":"93c9978217","urls":{"assets":"https:\/\/elementor.com\/wp-content\/plugins\/elementor-pro\/assets\/","rest":"https:\/\/elementor.com\/wp-json\/"},"shareButtonsNetworks":{"facebook":{"title":"Facebook","has_counter":true},"twitter":{"title":"Twitter"},"linkedin":{"title":"LinkedIn","has_counter":true},"pinterest":{"title":"Pinterest","has_counter":true},"reddit":{"title":"Reddit","has_counter":true},"vk":{"title":"VK","has_counter":true},"odnoklassniki":{"title":"OK","has_counter":true},"tumblr":{"title":"Tumblr"},"digg":{"title":"Digg"},"skype":{"title":"Skype"},"stumbleupon":{"title":"StumbleUpon","has_counter":true},"mix":{"title":"Mix"},"telegram":{"title":"Telegram"},"pocket":{"title":"Pocket","has_counter":true},"xing":{"title":"XING","has_counter":true},"whatsapp":{"title":"WhatsApp"},"email":{"title":"Email"},"print":{"title":"Print"},"x-twitter":{"title":"X"},"threads":{"title":"Threads"}},"facebook_sdk":{"lang":"en_US","app_id":""},"lottie":{"defaultAnimationUrl":"https:\/\/elementor.com\/wp-content\/plugins\/elementor-pro\/modules\/lottie\/assets\/animations\/default.json"}}; /* ]]> */ </script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/frontend.min.js?ver=3.23.3" id="elementor-pro-frontend-js"></script> <script type="text/javascript" src="https://elementor.com/wp-content/plugins/elementor-pro/assets/js/elements-handlers.min.js?ver=3.23.3" id="pro-elements-handlers-js"></script> <script> jQuery(document).ready(function($) { $('a[alt]').each(function() { var curElem = $(this); curElem.attr("aria-label", curElem.attr('alt')).removeAttr('alt'); }); }); </script> <script> jQuery(document).ready(function($) { jQuery( document ).on( 'submit_success', 'form#elementor_newsletter_subscribe', function( event, response ){ event.preventDefault(); var $thisForm = $( this ); let isNewsletter = $thisForm.find('input[name="form_fields[newsletter_subscribe]"]').val(); if ( 'elementor_newsletter_subscribe' === isNewsletter ) { if ( window.dataLayer && dataLayer.push ) { dataLayer.push( { 'event': 'GAEvent', 'eventCategory': 'form engagement', 'eventAction': 'form submit success', 'eventLabel': 'newsletter', 'customMetricKey': '31', 'customMetricValue': 1 } ); } } if ( 'undefined' !== typeof response.link && '' !== response.link ) { setTimeout( function() { location.href = response.link; }, 500 ); } return false; }); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { const topLevelMenuItems = document.querySelectorAll('.main-nav .elementor-nav-menu--main .elementor-nav-menu > .menu-item'); const topLevelMobileMenuItems = document.querySelectorAll('.main-nav .elementor-nav-menu--dropdown .elementor-nav-menu > .menu-item'); // Monitor sub-menu visibility for top-level items topLevelMenuItems.forEach(item => { const subMenu = item.querySelector('.sub-menu'); if (subMenu) { const observer = new MutationObserver(mutations => { mutations.forEach(mutation => { if (mutation.attributeName === 'aria-hidden' && mutation.target.getAttribute('aria-hidden') === 'false') { const level1Value = item.querySelector('.elementor-item').textContent.trim(); dataLayer.push({ 'event': 'fireEvent', 'event_name': 'element_impression', 'action_type': 'navigation', 'level_1': level1Value }); } }); }); observer.observe(subMenu, { attributes: true }); } }); // Add data attributes to mobile menu items topLevelMobileMenuItems.forEach(item => { const level1Value = item.querySelector('.elementor-item').textContent.trim(); item.setAttribute('data-gtm-event_name', 'element_click'); item.setAttribute('data-gtm-action_type', 'navigation'); item.setAttribute('data-gtm-element-location', 'pricing table'); item.setAttribute('data-gtm-level_1', level1Value); }); }); </script> <script> jQuery(document).ready(function($) { $('footer .menu-column').each(function() { var mainLevelName = $(this).find('.elementor-heading-title').text().trim().toLowerCase(); $(this).find('a').each(function() { var secondLevelNameLower = $(this).text().trim().toLowerCase(); $(this).attr({ 'data-gtm-event_name': 'element_click', 'data-gtm-type': 'navigation', 'data-gtm-section': 'footer', 'data-gtm-outcome': 'navigating using the footer', 'data-gtm-english_text': secondLevelNameLower, 'data-gtm-level_1': mainLevelName, 'data-gtm-level_2': secondLevelNameLower }); }); }); }); </script> <script> jQuery(document).ready(function($) { const currentPath = window.location.pathname; $('.tool-choice').each(function() { const $link = $(this); const href = $link.attr('href'); const linkPath = href.startsWith('http') ? new URL(href).pathname : href; if (currentPath === linkPath) { $link.addClass('active').prev('.tool-choice').addClass('deactive') } else { $link.css('background-color', 'white'); } }); }); </script> <script> document.addEventListener('DOMContentLoaded', function() { if (window.location.href.includes('webp')) { const formatsSwitcher = document.querySelector('.formats-switcher'); if (formatsSwitcher) { formatsSwitcher.style.display = 'none'; } const switchButtons = document.querySelectorAll('.switch-button'); if (switchButtons.length >= 2) { switchButtons[0].classList.remove('active'); switchButtons[1].classList.add('active'); } } }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js" integrity="sha512-XMVd28F1oH/O71fzwBnV7HucLxVwtxf26XV8P4wPk26EDxuGZ91N8bsOttmnomcCD3CS5ZMRL50H0GgOHvegtg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script> window.addEventListener('DOMContentLoaded', () => { var zip = new JSZip(); document.getElementById("download-zip").addEventListener("click", function () { zip.generateAsync({type:"base64"}).then(function (base64) { const a = document.createElement("a"); a.href = "data:application/zip;base64," + base64; a.download = "images.zip"; a.click(); }); }); const modalId = 8224754; let isModalShow = false; const maxSize = 10485760; const dropzone = document.querySelector('.dropzone'); const maxFilesCookie = checkMaxFilesCookie(); const maxFiles = 10; let isMaxFiles = false; const url = "https://us-central1-elementor-website.cloudfunctions.net/apps-io-optimize-marketing-prod/image-optimizer"; const queue = []; const uploadStatus = { index: 0, inProgress: false, percentComplete: 0, queue: 0 } dropzone.addEventListener('dragover', (e) => { e.preventDefault(); dropzone.classList.add('dropzone--over'); }); dropzone.addEventListener('dragleave', () => { dropzone.classList.remove('dropzone--over'); }); dropzone.addEventListener('drop', (e) => { e.preventDefault(); dropzone.classList.remove('dropzone--over'); const files = e.dataTransfer.files; if (files.length) handleFiles(files); }); dropzone.addEventListener('click', () => { const fileInput = document.createElement('input'); fileInput.type = 'file'; fileInput.accept = 'image/*'; fileInput.onchange = () => { handleFiles(fileInput.files); } fileInput.click(); }); function calcSaving(){ let originalSizeTotal = 0; let newSizeTotal = 0; let files = 0; let decreased = 0; queue.forEach(item => { if( !item.results ) return; files++; originalSizeTotal += item.results.originalSize; newSizeTotal += item.results.size; decreased += item.results.decreased; }); const decrease = convertSize( decreased ) return { files, decrease: decrease.size + " " + decrease.text, diffInPercent: 100 - ( (newSizeTotal / originalSizeTotal ) * 100 ), }; } function updateRowFileProgress( index, percentComplete ){ uploadStatus.percentComplete = percentComplete; queue[index].progress = percentComplete; document.querySelector(`[data-list-key='${index}'] .elementor-progress-bar`).style.width = `${percentComplete}%`; } async function updateRowFileProgressDone( index, response ){ updateRowFileProgress( index, 100 ); await new Promise(resolve => setTimeout(resolve, 500)); if( response.size >= response.originalSize && response.type !== 'webp' ){ const queueList = document.querySelector('.queue'); const template = document.querySelector('.error-optimize-section'); const queueItem = template.cloneNode(true); queueItem.setAttribute('data-list-key', index); queueItem.querySelector('.item-name .elementor-heading-title').textContent = queue[index].file.name; queueItem.querySelector('.item-size .elementor-heading-title').textContent = convertSize( queue[index].size ).size + convertSize( queue[index].size ).text; queueList.replaceChild(queueItem, document.querySelector(`[data-list-key='${index}']`)); queue[index].status = 'failed'; return; } document.querySelector(`[data-list-key='${index}']`).classList.remove('in-progress'); document.querySelector(`[data-list-key='${index}']`).classList.add('done'); const originalSize = convertSize( response.originalSize ); const newSize = convertSize( response.size ); document.querySelector(`[data-list-key='${index}'] .size-before .elementor-heading-title`).innerText = originalSize.size + originalSize.text; document.querySelector(`[data-list-key='${index}'] .size-after .elementor-heading-title`).innerText = newSize.size + newSize.text; document.querySelector(`[data-list-key='${index}'] .percent-save .elementor-heading-title`).innerText = response.percent; document.querySelector(`[data-list-key='${index}'] .convert-type .elementor-heading-title`).innerText = response.type; document.querySelector(`[data-list-key='${index}'] .download-link a`).href = response.url; document.querySelector(`[data-list-key='${index}'] .download-link a`).download = response.fileName.trim(); queue[index].status = 'done'; queue[index].results = response; // Fire the dataLayer event based on the type of optimization if (response.type === 'webp') { dataLayer.push({ 'event': 'fireEvent', 'event_name': 'element_impression', 'type': 'view', 'element_name': 'webp conversion success' }); } else { dataLayer.push({ 'event': 'fireEvent', 'event_name': 'element_impression', 'type': 'view', 'element_name': 'images have been optimized' }); } } function setInProgress( index ){ uploadStatus.index = index; uploadStatus.inProgress = true; } function setNotInProgress(){ uploadStatus.inProgress = false; uploadStatus.index = null; } function updateStatusBar(){ if( queue.length === 0 ) return; const resultSection = document.querySelector('.result-section'); resultSection.classList.remove('hidden'); const statusContainer = document.querySelector('.status-container'); statusContainer.classList.add('hidden'); const errorContainer = document.querySelector('.error-container'); errorContainer.classList.add('hidden'); if ( uploadStatus.inProgress ){ statusContainer.classList.remove('hidden'); showProgressResult(); return; } if( queue.some( i => i.status === 'done' ) ){ statusContainer.classList.remove('hidden'); showDoneResult(); return; } if( queue.length === 1 && queue[0].status === 'error' ){ errorContainer.classList.remove('hidden'); errorContainer.querySelector('.elementor-heading-title').innerText = `Something went wrong...`; return; } if( queue.length === 1 && queue[0].status === 'failed' ){ errorContainer.classList.remove('hidden'); errorContainer.querySelector('.elementor-heading-title').innerText = `Oops...`; return; } } function showProgressResult(){ document.querySelector('.status-text .elementor-heading-title').innerText = `Just a minute...`; document.querySelector('.status-sub-text .elementor-heading-title').innerText = `1 image is being optimized...`; document.querySelector('.status-sum .elementor-heading-title').innerText = ``; document.querySelector('.status-percent').style.display = 'block'; } function showDoneResult(){ const saving = calcSaving(); document.querySelector('.status-percent').style.display = 'none'; document.querySelector('.status-text .elementor-heading-title').innerText = `Well done! You saved ${saving.diffInPercent.toFixed()}%`; document.querySelector('.status-sub-text .elementor-heading-title').innerHTML = `<b>${saving.files}</b> images have been optimized`; document.querySelector('.status-sum .elementor-heading-title').innerText = `${saving.decrease}`; showDownloadButton(); } function upload_image( file, index ) { if ( uploadStatus.inProgress ) return; setInProgress( index ); updateStatusBar(); const isWebp = location.href.includes('webp'); let convertType = 'webp'; if( !isWebp ){ convertType = file.type.replace('image/', '').trim(); }; const formData = new FormData(); formData.append( 'image', file ); formData.append( 'format', convertType ); formData.append( 'checksum', Math.random().toString(36).substring(7) ); formData.append( 'lossless', true ); formData.append( 'stripExif', true ); const xhr = new XMLHttpRequest(); xhr.responseType = 'arraybuffer'; xhr.open('POST', url, true); xhr.upload.onprogress = function(e) { if (e.lengthComputable) { let percentComplete = ((e.loaded / e.total) * 100).toFixed(); if( percentComplete > 90 ) percentComplete = 90; updateRowFileProgress( index, percentComplete ); document.querySelector('.status-percent .elementor-heading-title').innerText = `${percentComplete}%`; } }; xhr.onload = async function() { if (this.status === 200) { const optimizedData = { 'e-image-optimizer-optimized-size': '', 'e-image-optimizer-original-size': '', 'e-image-optimizer-percent': '', 'e-image-optimizer-size': '', 'content-length': '', 'content-type': '', }; const headersText = xhr.getAllResponseHeaders().toLowerCase(); const headers = new Map(headersText.split('\n').map(h => h.split(': '))); Object.keys(optimizedData).forEach(key => { optimizedData[key] = headers.get(key); }); setNotInProgress(); const type = optimizedData['content-type'].replace('image/', '').trim(); const fileName = queue[index].file.name.split('.').shift() + `-elementor-io-optimized.${type}`; const response = { size: +optimizedData['e-image-optimizer-optimized-size'].trim(), originalSize: +optimizedData['e-image-optimizer-original-size'].trim(), percent: optimizedData['e-image-optimizer-percent'].trim(), decreased: +optimizedData['e-image-optimizer-size'].trim(), type, fileName } const uInt8Array = new Uint8Array(this.response); let i = uInt8Array.length; const binaryString = new Array(i); while (i--){ binaryString[i] = String.fromCharCode(uInt8Array[i]); } const data = binaryString.join(''); const base64 = window.btoa(data); zip.file(fileName, this.response); response.url = `data:${optimizedData['content-type']};base64,${base64}`; await updateRowFileProgressDone( index, response ); updateStatusBar(); handleQueue(); maybeOpenModal(index); enableDownloadButton(); } }; xhr.onerror = function() { console.error('Error', xhr.statusText); queue[index].status = 'error'; drawErrorFile( queue[index], index ); setNotInProgress(); updateStatusBar(); handleQueue(); } xhr.send(formData); } function maybeOpenModal(index){ if( index <= 1 || isModalShow ) return; elementorProFrontend.modules.popup.showPopup( { id: modalId } ); isModalShow = true; } function handleQueue() { queue.forEach((item, index) => { if ( item.status !== 'pending' ) return; upload_image( item.file, index ); }); } function handleFiles( files ) { if ( files.length === 0 ) return; for (let i = 0; i < files.length; i++) { if (!files[i].type.startsWith('image/')) continue; addFileToQueue(files[i]); } } function addFileToQueue( file ) { if( isMaxFiles ) return; if ( queue.filter(i => i.status === 'done').length === maxFiles || maxFilesCookie ) { drawMaxFilesError(file); return; } const item = { file, ext: file.name.split('.').pop(), progress: 0, size: file.size, status: 'pending' } if( item.size > maxSize ) item.status = 'error'; queue.push(item); drawFile(item, queue.length - 1 ); handleQueue(); } function drawMaxFilesError(file) { if( isMaxFiles ) return; const queueList = document.querySelector('.queue'); const template = document.querySelector('.max-files-section'); const queueItem = template.cloneNode(true); const img = queueItem.querySelector('img'); setImgPreview( img, file ); queueList.prepend(queueItem); isMaxFiles = true; if( !maxFilesCookie ){ saveMaxFilesCookie(); } updateStatusBar(); } function drawErrorFile( item, index ) { const queueList = document.querySelector('.queue'); const template = document.querySelector('.error-optimize-section'); const queueItem = template.cloneNode(true); queueItem.setAttribute('data-list-key', index); queueItem.querySelector('.item-name .elementor-heading-title').textContent = item.file.name; queueItem.querySelector('.item-size .elementor-heading-title').textContent = convertSize( item.size ).size + convertSize( item.size ).text; queueList.replaceChild(queueItem, document.querySelector(`[data-list-key='${index}']`)); } function drawFile( item, index ) { const queueList = document.querySelector('.queue'); const isBig = item.status === 'error'; let selector = "#queue-item"; if( isBig ) selector = ".file-too-large-section"; const template = document.querySelector(selector); const queueItem = template.cloneNode(true); queueItem.setAttribute('data-list-key', index); queueItem.querySelector('.item-name .elementor-heading-title').textContent = item.file.name; queueItem.classList.add('in-progress'); queueItem.removeAttribute('id'); document.querySelector('.status-container').classList.remove('hidden'); document.querySelector('.error-container').classList.add('hidden'); if( isBig ){ queueItem.querySelector('.item-size .elementor-heading-title').textContent = convertSize( item.size ).size + convertSize( item.size ).text; } const img = queueItem.querySelector('img'); setImgPreview( img, item.file ); updateStatusBar(); scrollToElementBySelector(".dropzone"); queueList.prepend( queueItem ); } function setImgPreview( element ,file ){ const reader = new FileReader(); reader.onload = function(e) { element.src = e.target.result; } reader.readAsDataURL(file); } function convertSize( size ){ let newSize = ( size / 1024 ).toFixed(); let text = "KB"; if( (newSize > 0 && newSize >= 1024) || newSize < 0 && newSize <= 1024 ){ text = "MB"; newSize = (newSize / 1024).toFixed(1); } return { size: +newSize, text } } function showDownloadButton(){ document.querySelector('.download-btn.hidden')?.classList.remove('hidden'); } function enableDownloadButton(){ document.querySelector('.download-btn.disable')?.classList.remove('disable'); } function scrollToElementBySelector(selector, offset = 0) { const element = document.querySelector(selector); window.scroll({ behavior: 'smooth', left: 0, top: element.getBoundingClientRect().top + offset + window.scrollY }); } function saveMaxFilesCookie(){ const date = new Date(); date.setTime(date.getTime() + (24 * 60 * 60 * 1000)); const expires = "expires="+date.toUTCString(); document.cookie = `maxFiles=true; ${expires}; path=/`; } function checkMaxFilesCookie(){ return document.cookie.split(';').some((item) => item.trim().startsWith('maxFiles=')); } }); </script> </body> </html>