CINXE.COM

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />  <title>Adaptive Image Loading on Tilda Website Builder</title> <meta name="description" content="The feature automatically converts images to WebP next-gen format, optimizes image resolution for the layout containers, makes images Retina-ready and adapts to slow Internet" /> <meta property="og:url" content=" https://tilda.cc/lp/image-optimization" /> <meta property="og:title" content="Adaptive Image Loading on Tilda Website Builder" /> <meta property="og:description" content="The feature automatically converts images to WebP next-gen format, optimizes image resolution for the layout containers, makes images Retina-ready and adapts to slow Internet" /> <meta property="og:type" content="website" /> <meta property="og:image" content="https://static.tildacdn.net/tild6364-6430-4539-a663-636263333236/Facebook_2.png" /> <meta name="twitter:site" content="@TildaPublishing"/> <meta name="twitter:title" content="Adaptive Image Loading on Tilda Website Builder" /> <meta name="twitter:description" content="The feature automatically converts images to WebP next-gen format, optimizes image resolution for the layout containers, makes images Retina-ready and adapts to slow Internet" /> <meta name="twitter:card" content="summary_large_image"/> <meta name="twitter:image" content="https://static.tildacdn.net/tild6364-6430-4539-a663-636263333236/Facebook_2.png" /> <link rel="canonical" href=" https://tilda.cc/lp/image-optimization">  <meta name="format-detection" content="telephone=no" /> <meta http-equiv="x-dns-prefetch-control" content="on"> <link rel="dns-prefetch" href="https://ws.tildacdn.com"> <link rel="dns-prefetch" href="https://static.tildacdn.net"> <link rel="shortcut icon" href="https://static.tildacdn.net/img/tildafavicon.ico" type="image/x-icon" />  <script src="https://neo.tildacdn.com/js/tilda-fallback-1.0.min.js" async charset="utf-8"></script> <link rel="stylesheet" href="https://static.tildacdn.net/css/tilda-grid-3.0.min.css" type="text/css" media="all" onerror="this.loaderr='y';"/> <link rel="stylesheet" href="https://static.tildacdn.net/ws/project706959/tilda-blocks-page13619647.min.css?t=1731417916" type="text/css" media="all" onerror="this.loaderr='y';" /> <link rel="stylesheet" href="https://static.tildacdn.net/css/fonts-tildasans.css" type="text/css" media="all" onerror="this.loaderr='y';" /> <script nomodule src="https://static.tildacdn.net/js/tilda-polyfill-1.0.min.js" charset="utf-8"></script> <script type="text/javascript">function t_onReady(func) {if(document.readyState!='loading') {func();} else {document.addEventListener('DOMContentLoaded',func);}} function t_onFuncLoad(funcName,okFunc,time) {if(typeof window[funcName]==='function') {okFunc();} else {setTimeout(function() {t_onFuncLoad(funcName,okFunc,time);},(time||100));}}function t_throttle(fn,threshhold,scope) {return function() {fn.apply(scope||this,arguments);};}function t396_initialScale(t){t=document.getElementById("rec"+t);if(t){t=t.querySelector(".t396__artboard");if(t){var e,r=document.documentElement.clientWidth,a=[];if(i=t.getAttribute("data-artboard-screens"))for(var i=i.split(","),l=0;l<i.length;l++)a[l]=parseInt(i[l],10);else a=[320,480,640,960,1200];for(l=0;l<a.length;l++){var n=a[l];n<=r&&(e=n)}var o="edit"===window.allrecords.getAttribute("data-tilda-mode"),d="center"===t396_getFieldValue(t,"valign",e,a),c="grid"===t396_getFieldValue(t,"upscale",e,a),s=t396_getFieldValue(t,"height_vh",e,a),u=t396_getFieldValue(t,"height",e,a),g=!!window.opr&&!!window.opr.addons||!!window.opera||-1!==navigator.userAgent.indexOf(" OPR/");if(!o&&d&&!c&&!s&&u&&!g){for(var _=parseFloat((r/e).toFixed(3)),f=[t,t.querySelector(".t396__carrier"),t.querySelector(".t396__filter")],l=0;l<f.length;l++)f[l].style.height=Math.floor(parseInt(u,10)*_)+"px";t396_scaleInitial__getElementsToScale(t).forEach(function(t){t.style.zoom=_})}}}}function t396_scaleInitial__getElementsToScale(t){return t?Array.prototype.slice.call(t.children).filter(function(t){return t&&(t.classList.contains("t396__elem")||t.classList.contains("t396__group"))}):[]}function t396_getFieldValue(t,e,r,a){var i=a[a.length-1],l=r===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+r);if(!l)for(var n=0;n<a.length;n++){var o=a[n];if(!(o<=r)&&(l=o===i?t.getAttribute("data-artboard-"+e):t.getAttribute("data-artboard-"+e+"-res-"+o)))break}return l}window.onerror=function(m,f,l,c,e) {if(!window.t_jserrors)window.t_jserrors=[];window.t_jserrors.push({message:m,filename:f,lineno:l,colno:c,error:e});}</script> <script src="https://static.tildacdn.net/js/jquery-1.10.2.min.js" charset="utf-8" onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/tilda-scripts-3.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/ws/project706959/tilda-blocks-page13619647.min.js?t=1731417916" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/tilda-lazyload-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/tilda-zero-1.1.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/hammer.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/tilda-menu-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/tilda-zero-scale-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/tilda-skiplink-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <script src="https://static.tildacdn.net/js/tilda-events-1.0.min.js" charset="utf-8" async onerror="this.loaderr='y';"></script> <link rel="alternate" hreflang="en" href="https://tilda.cc"> <link rel="alternate" hreflang="pt-br" href="https://pt-br.tilda.cc"> <link rel="alternate" hreflang="fr" href="https://fr.tilda.cc"> <link rel="alternate" hreflang="de" href="https://de.tilda.cc"> <link rel="alternate" hreflang="it" href="https://it.tilda.cc"> <link rel="alternate" hreflang="pl" href="https://pl.tilda.cc"> <link rel="alternate" hreflang="es" href="https://es.tilda.cc">  <script src="//static.tildacdn.com/js/tilda-cc-lp-langs-dropdown.min.js"></script> <script type="text/javascript">window.dataLayer=window.dataLayer||[];</script> <script type="text/javascript">(function() {if((/bot|google|yandex|baidu|bing|msn|duckduckbot|teoma|slurp|crawler|spider|robot|crawling|facebook/i.test(navigator.userAgent))===false&&typeof(sessionStorage)!='undefined'&&sessionStorage.getItem('visited')!=='y'&&document.visibilityState){var style=document.createElement('style');style.type='text/css';style.innerHTML='@media screen and (min-width: 980px) {.t-records {opacity: 0;}.t-records_animated {-webkit-transition: opacity ease-in-out .2s;-moz-transition: opacity ease-in-out .2s;-o-transition: opacity ease-in-out .2s;transition: opacity ease-in-out .2s;}.t-records.t-records_visible {opacity: 1;}}';document.getElementsByTagName('head')[0].appendChild(style);function t_setvisRecs(){var alr=document.querySelectorAll('.t-records');Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_animated");});setTimeout(function() {Array.prototype.forEach.call(alr,function(el) {el.classList.add("t-records_visible");});sessionStorage.setItem("visited","y");},400);} document.addEventListener('DOMContentLoaded',t_setvisRecs);}})();</script></head> <body class="t-body" style="margin:0;">  <div id="allrecords" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="706959" data-tilda-page-id="13619647" data-tilda-page-alias="image-optimization" data-tilda-formskey="2920db6023168e37f9aa47e73f39e205" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="one" data-tilda-project-headcode="yes">  <header id="t-header" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="706959" data-tilda-page-id="2979828" data-tilda-formskey="2920db6023168e37f9aa47e73f39e205" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="one" data-tilda-project-headcode="yes"> <div id="rec56460965" class="r t-rec" style=" " data-animationappear="off" data-record-type="257">  <div id="nav56460965marker"></div> <div class="tmenu-mobile"> <div class="tmenu-mobile__container"> <div class="tmenu-mobile__text t-name t-name_md" field="menu_mob_title"> </div> <button type="button" class="t-menuburger t-menuburger_first " aria-label="Navigation menu" aria-expanded="false"> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> <span style="background-color:#000000;"></span> </button> <script>function t_menuburger_init(recid) {var rec=document.querySelector('#rec' + recid);if(!rec) return;var burger=rec.querySelector('.t-menuburger');if(!burger) return;var isSecondStyle=burger.classList.contains('t-menuburger_second');if(isSecondStyle&&!window.isMobile&&!('ontouchend' in document)) {burger.addEventListener('mouseenter',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-unhovered');burger.classList.add('t-menuburger-hovered');});burger.addEventListener('mouseleave',function() {if(burger.classList.contains('t-menuburger-opened')) return;burger.classList.remove('t-menuburger-hovered');burger.classList.add('t-menuburger-unhovered');setTimeout(function() {burger.classList.remove('t-menuburger-unhovered');},300);});} burger.addEventListener('click',function() {if(!burger.closest('.tmenu-mobile')&&!burger.closest('.t450__burger_container')&&!burger.closest('.t466__container')&&!burger.closest('.t204__burger')&&!burger.closest('.t199__js__menu-toggler')) {burger.classList.toggle('t-menuburger-opened');burger.classList.remove('t-menuburger-unhovered');}});var menu=rec.querySelector('[data-menu="yes"]');if(!menu) return;var menuLinks=menu.querySelectorAll('.t-menu__link-item');var submenuClassList=['t978__menu-link_hook','t978__tm-link','t966__tm-link','t794__tm-link','t-menusub__target-link'];Array.prototype.forEach.call(menuLinks,function(link) {link.addEventListener('click',function() {var isSubmenuHook=submenuClassList.some(function(submenuClass) {return link.classList.contains(submenuClass);});if(isSubmenuHook) return;burger.classList.remove('t-menuburger-opened');});});menu.addEventListener('clickedAnchorInTooltipMenu',function() {burger.classList.remove('t-menuburger-opened');});} t_onReady(function() {t_onFuncLoad('t_menuburger_init',function(){t_menuburger_init('56460965');});});</script> <style>.t-menuburger{position:relative;flex-shrink:0;width:28px;height:20px;padding:0;border:none;background-color:transparent;outline:none;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:transform .5s ease-in-out;cursor:pointer;z-index:999;}.t-menuburger span{display:block;position:absolute;width:100%;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);transition:.25s ease-in-out;height:3px;background-color:#000;}.t-menuburger span:nth-child(1){top:0px;}.t-menuburger span:nth-child(2),.t-menuburger span:nth-child(3){top:8px;}.t-menuburger span:nth-child(4){top:16px;}.t-menuburger__big{width:42px;height:32px;}.t-menuburger__big span{height:5px;}.t-menuburger__big span:nth-child(2),.t-menuburger__big span:nth-child(3){top:13px;}.t-menuburger__big span:nth-child(4){top:26px;}.t-menuburger__small{width:22px;height:14px;}.t-menuburger__small span{height:2px;}.t-menuburger__small span:nth-child(2),.t-menuburger__small span:nth-child(3){top:6px;}.t-menuburger__small span:nth-child(4){top:12px;}.t-menuburger-opened span:nth-child(1){top:8px;width:0%;left:50%;}.t-menuburger-opened span:nth-child(2){-webkit-transform:rotate(45deg);transform:rotate(45deg);}.t-menuburger-opened span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}.t-menuburger-opened span:nth-child(4){top:8px;width:0%;left:50%;}.t-menuburger-opened.t-menuburger__big span:nth-child(1){top:6px;}.t-menuburger-opened.t-menuburger__big span:nth-child(4){top:18px;}.t-menuburger-opened.t-menuburger__small span:nth-child(1),.t-menuburger-opened.t-menuburger__small span:nth-child(4){top:6px;}@media (hover),(min-width:0\0){.t-menuburger_first:hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_first:hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_first.t-menuburger__big:hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_second span:nth-child(2),.t-menuburger_second span:nth-child(3){width:80%;left:20%;right:0;}@media (hover),(min-width:0\0){.t-menuburger_second.t-menuburger-hovered span:nth-child(2),.t-menuburger_second.t-menuburger-hovered span:nth-child(3){animation:t-menuburger-anim 0.3s ease-out normal forwards;}.t-menuburger_second.t-menuburger-unhovered span:nth-child(2),.t-menuburger_second.t-menuburger-unhovered span:nth-child(3){animation:t-menuburger-anim2 0.3s ease-out normal forwards;}}.t-menuburger_second.t-menuburger-opened span:nth-child(2),.t-menuburger_second.t-menuburger-opened span:nth-child(3){left:0;right:0;width:100%!important;}.t-menuburger_third span:nth-child(4){width:70%;left:unset;right:0;}@media (hover),(min-width:0\0){.t-menuburger_third:not(.t-menuburger-opened):hover span:nth-child(4){width:100%;}}.t-menuburger_third.t-menuburger-opened span:nth-child(4){width:0!important;right:50%;}.t-menuburger_fourth{height:12px;}.t-menuburger_fourth.t-menuburger__small{height:8px;}.t-menuburger_fourth.t-menuburger__big{height:18px;}.t-menuburger_fourth span:nth-child(2),.t-menuburger_fourth span:nth-child(3){top:4px;opacity:0;}.t-menuburger_fourth span:nth-child(4){top:8px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(2),.t-menuburger_fourth.t-menuburger__small span:nth-child(3){top:3px;}.t-menuburger_fourth.t-menuburger__small span:nth-child(4){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(2),.t-menuburger_fourth.t-menuburger__big span:nth-child(3){top:6px;}.t-menuburger_fourth.t-menuburger__big span:nth-child(4){top:12px;}@media (hover),(min-width:0\0){.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(1px);}.t-menuburger_fourth:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-1px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(1){transform:translateY(3px);}.t-menuburger_fourth.t-menuburger__big:not(.t-menuburger-opened):hover span:nth-child(4){transform:translateY(-3px);}}.t-menuburger_fourth.t-menuburger-opened span:nth-child(1),.t-menuburger_fourth.t-menuburger-opened span:nth-child(4){top:4px;}.t-menuburger_fourth.t-menuburger-opened span:nth-child(2),.t-menuburger_fourth.t-menuburger-opened span:nth-child(3){opacity:1;}@keyframes t-menuburger-anim{0%{width:80%;left:20%;right:0;}50%{width:100%;left:0;right:0;}100%{width:80%;left:0;right:20%;}}@keyframes t-menuburger-anim2{0%{width:80%;left:0;}50%{width:100%;right:0;left:0;}100%{width:80%;left:20%;right:0;}}</style> </div> </div> <style>.tmenu-mobile{background-color:#111;display:none;width:100%;top:0;z-index:990;}.tmenu-mobile_positionfixed{position:fixed;}.tmenu-mobile__text{color:#fff;}.tmenu-mobile__container{min-height:64px;padding:20px;position:relative;box-sizing:border-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.tmenu-mobile__list{display:block;}.tmenu-mobile__burgerlogo{display:inline-block;font-size:24px;font-weight:400;white-space:nowrap;vertical-align:middle;}.tmenu-mobile__imglogo{height:auto;display:block;max-width:300px!important;box-sizing:border-box;padding:0;margin:0 auto;}@media screen and (max-width:980px){.tmenu-mobile__menucontent_hidden{display:none;height:100%;}.tmenu-mobile{display:block;}}@media screen and (max-width:980px){#rec56460965 .tmenu-mobile{background-color:#ffffff;}#rec56460965 .t-menuburger{-webkit-order:1;-ms-flex-order:1;order:1;}}</style> <style> #rec56460965 .tmenu-mobile__burgerlogo a{font-size:20px;color:#000000;font-family:'TildaSans';}</style> <style> #rec56460965 .tmenu-mobile__burgerlogo__title{font-size:20px;color:#000000;font-family:'TildaSans';}</style> <div id="nav56460965" class="t228 t228__positionfixed t228__beforeready tmenu-mobile__menucontent_hidden" style="background-color: rgba(255,255,255,0.90); " data-bgcolor-hex="#ffffff" data-bgcolor-rgba="rgba(255,255,255,0.90)" data-navmarker="nav56460965marker" data-appearoffset="600px" data-bgopacity-two="" data-menushadow="0" data-menushadow-css="" data-bgopacity="0.90" data-menu-items-align="right" data-menu="yes"> <div class="t228__maincontainer " style=""> <div class="t228__padding40px"></div> <div class="t228__leftside"> <div class="t228__leftcontainer"> <a href="https://tilda.cc" class="t228__imgwrapper"> <div class="t228__logo t-title" field="title"><strong>Tilda Publishing</strong></div> </a> </div> </div> <div class="t228__centerside t228__menualign_right"> <nav class="t228__centercontainer"> <ul role="list" class="t228__list t-menu__list"> <li class="t228__list_item" style="padding:0 15px 0 0;"> <a class="t-menu__link-item" href="https://tilda.cc/pricing/" data-menu-submenu-hook="" data-menu-item-number="1"> PRICING </a> </li> <li class="t228__list_item" style="padding:0 15px;"> <a class="t-menu__link-item" href="http://blog-en.tilda.cc/" data-menu-submenu-hook="" data-menu-item-number="2"> BLOG </a> </li> <li class="t228__list_item" style="padding:0 0 0 15px;"> <a class="t-menu__link-item" href="https://tilda.cc/login/" data-menu-submenu-hook="" data-menu-item-number="3"> LOG IN </a> </li> </ul> </nav> </div> <div class="t228__rightside"> <div class="t228__rightcontainer"> <div class="t228__right_buttons"> <div class="t228__right_buttons_wrap"> <div class="t228__right_buttons_but"> <a href="https://tilda.cc/registration/" target="" class="t-btn t-btn_md " style="color:#ffffff;background-color:#fa8669;border-radius:30px; -moz-border-radius:30px; -webkit-border-radius:30px;" data-buttonfieldset="button"> SIGN UP </a> </div> </div> </div> </div> </div> <div class="t228__padding40px"></div> </div> </div> <style>@media screen and (max-width:980px){#rec56460965 .t228{position:static;}}</style> <script>window.addEventListener('resize',t_throttle(function() {t_onFuncLoad('t_menu__setBGcolor',function() {t_menu__setBGcolor('56460965','.t228');});}));t_onReady(function() {t_onFuncLoad('t_menu__highlightActiveLinks',function() {t_menu__highlightActiveLinks('.t228__list_item a');});t_onFuncLoad('t_menu__findAnchorLinks',function() {t_menu__findAnchorLinks('56460965','.t228__list_item a');});t_onFuncLoad('t228__init',function() {t228__init('56460965');});t_onFuncLoad('t_menu__setBGcolor',function() {t_menu__setBGcolor('56460965','.t228');});t_onFuncLoad('t_menu__interactFromKeyboard',function() {t_menu__interactFromKeyboard('56460965');});var rec=document.querySelector('#rec56460965');if(!rec) return;t_onFuncLoad('t_menu__showFixedMenu',function() {var el=rec.querySelector('.t228');if(el) el.classList.remove('t228__beforeready');t_menu__showFixedMenu('56460965','.t228');window.addEventListener('scroll',t_throttle(function() {t_menu__showFixedMenu('56460965','.t228');}));});t_onFuncLoad('t_menu__createMobileMenu',function() {t_menu__createMobileMenu('56460965','.t228');});});</script>  <style>#rec56460965 .t-menu__link-item{}@supports (overflow:-webkit-marquee) and (justify-content:inherit){#rec56460965 .t-menu__link-item,#rec56460965 .t-menu__link-item.t-active{opacity:1 !important;}}</style> <style> #rec56460965 .t228__leftcontainer a{font-size:20px;color:#000000;font-family:'TildaSans';}#rec56460965 a.t-menu__link-item{font-size:14px;color:#000000;font-weight:600;}#rec56460965 .t228__right_langs_lang a{font-size:14px;color:#000000;font-weight:600;}#rec56460965 .t228__right_descr{font-family:'TildaSans';}</style> <style> #rec56460965 .t228__logo{font-size:20px;color:#000000;font-family:'TildaSans';}</style> <style>#rec56460965 .t228 {box-shadow:0px 1px 3px rgba(0,0,0,0);}</style> </div> </header>  <div id="rec225809046" class="r t-rec t-rec_pb_75" style="padding-bottom:75px; " data-animationappear="off" data-record-type="396">  <style>#rec225809046 .t396__artboard {height:680px;background-color:#ffffff;}#rec225809046 .t396__filter {height:680px;}#rec225809046 .t396__carrier{height:680px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809046 .t396__artboard,#rec225809046 .t396__filter,#rec225809046 .t396__carrier {height:550px;}#rec225809046 .t396__filter {}#rec225809046 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809046 .t396__artboard,#rec225809046 .t396__filter,#rec225809046 .t396__carrier {height:460px;}#rec225809046 .t396__filter {}#rec225809046 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809046 .t396__artboard,#rec225809046 .t396__filter,#rec225809046 .t396__carrier {height:420px;}#rec225809046 .t396__filter {}#rec225809046 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809046 .t396__artboard,#rec225809046 .t396__filter,#rec225809046 .t396__carrier {height:340px;}#rec225809046 .t396__filter {}#rec225809046 .t396__carrier {background-attachment:scroll;}}#rec225809046 .tn-elem[data-elem-id="1598436822883"]{z-index:7;top:89px;left:calc(50% - 322px + 0px);width:644px;}#rec225809046 .tn-elem[data-elem-id="1598436822883"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1598436822883"] {top:90px;left:calc(50% - 322px + 1px);width:464px;}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1598436822883"] {top:70px;left:calc(50% - 322px + -1px);width:424px;}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1598436822883"] {top:55px;left:calc(50% - 322px + 2px);width:384px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1598436822883"] {top:63px;left:calc(50% - 322px + 1px);width:294px;}}#rec225809046 .tn-elem[data-elem-id="1596614783823"]{z-index:8;top:20px;left:40px;width:60px;}#rec225809046 .tn-elem[data-elem-id="1596614783823"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596614783823"] {top:20px;left:43px;}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596614783823"] {top:-84px;left:10px;}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596614783823"] {top:-100px;left:220px;width:50px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596614783823"] {top:-255px;left:141px;width:45px;}}#rec225809046 .tn-elem[data-elem-id="1596614783833"]{color:#000000;z-index:9;top:31px;left:calc(100% - 60px + -503px);width:60px;}#rec225809046 .tn-elem[data-elem-id="1596614783833"] .tn-atom{color:#000000;font-size:12px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0.5px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596614783833"] {top:28px;left:calc(100% - 60px + -488px);}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596614783833"] {top:-64px;left:calc(100% - 60px + -484px);}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596614783833"] {top:-142px;left:calc(100% - 60px + -405px);}#rec225809046 .tn-elem[data-elem-id="1596614783833"] .tn-atom{font-size:12px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596614783833"] {top:-181px;left:calc(100% - 60px + -126px);}#rec225809046 .tn-elem[data-elem-id="1596614783833"] .tn-atom{font-size:12px;}}#rec225809046 .tn-elem[data-elem-id="1596614783839"]{color:#000000;z-index:10;top:31px;left:calc(100% - 100px + -369px);width:100px;}#rec225809046 .tn-elem[data-elem-id="1596614783839"] .tn-atom{color:#000000;font-size:12px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0.5px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596614783839"] {top:28px;left:calc(100% - 100px + -361px);}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596614783839"] {top:-64px;left:calc(100% - 100px + -361px);}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596614783839"] {top:-142px;left:calc(100% - 100px + -287px);}#rec225809046 .tn-elem[data-elem-id="1596614783839"] .tn-atom{font-size:12px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596614783839"] {top:-150px;left:calc(100% - 100px + -106px);}#rec225809046 .tn-elem[data-elem-id="1596614783839"] .tn-atom{font-size:12px;}}#rec225809046 .tn-elem[data-elem-id="1596614783844"]{color:#000000;z-index:11;top:31px;left:calc(100% - 40px + -295px);width:40px;}#rec225809046 .tn-elem[data-elem-id="1596614783844"] .tn-atom{color:#000000;font-size:12px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0.5px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596614783844"] {top:28px;left:calc(100% - 40px + -294px);}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596614783844"] {top:-64px;left:calc(100% - 40px + -295px);}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596614783844"] {top:-142px;left:calc(100% - 40px + -221px);}#rec225809046 .tn-elem[data-elem-id="1596614783844"] .tn-atom{font-size:12px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596614783844"] {top:-117px;left:calc(100% - 40px + -136px);}#rec225809046 .tn-elem[data-elem-id="1596614783844"] .tn-atom{font-size:12px;}}#rec225809046 .tn-elem[data-elem-id="1596614783849"]{color:#000000;z-index:14;top:31px;left:calc(100% - 50px + -187px);width:50px;}#rec225809046 .tn-elem[data-elem-id="1596614783849"] .tn-atom{color:#000000;font-size:12px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0.5px;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596614783849"] {top:28px;left:calc(100% - 50px + -193px);}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596614783849"] {top:-64px;left:calc(100% - 50px + -217px);}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596614783849"] {top:-142px;left:calc(100% - 50px + -150px);}#rec225809046 .tn-elem[data-elem-id="1596614783849"] .tn-atom{font-size:12px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596614783849"] {top:-85px;left:calc(100% - 50px + -131px);}#rec225809046 .tn-elem[data-elem-id="1596614783849"] .tn-atom{font-size:12px;}}#rec225809046 .tn-elem[data-elem-id="1596614783853"]{color:#000000;text-align:center;z-index:15;top:20px;left:calc(100% - 130px + -30px);width:130px;height:40px;}#rec225809046 .tn-elem[data-elem-id="1596614783853"] .tn-atom{color:#000000;font-size:12px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;letter-spacing:0.5px;border-width:2px;border-radius:30px;background-position:center center;border-color:#fa8669 ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media (hover),(min-width:0\0) {#rec225809046 .tn-elem[data-elem-id="1596614783853"] .tn-atom:hover{border-color:#000000;}}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596614783853"] {top:17px;left:calc(100% - 130px + -43px);width:120px;height:40px;}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596614783853"] {top:-75px;left:calc(100% - 130px + -10px);}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596614783853"] {top:-149px;left:calc(100% - 130px + -6px);width:125px;height:35px;}#rec225809046 .tn-elem[data-elem-id="1596614783853"] .tn-atom{font-size:12px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596614783853"] {top:-50px;left:calc(100% - 130px + -95px);}}#rec225809046 .tn-elem[data-elem-id="1596618010218"]{color:#000000;text-align:center;z-index:16;top:555px;left:calc(50% - 600px + 280px);width:641px;}#rec225809046 .tn-elem[data-elem-id="1596618010218"] .tn-atom{color:#000000;font-size:60px;font-family:'TildaSans',Arial,sans-serif;line-height:1.05;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596618010218"] {top:442px;left:calc(50% - 480px + 180px);}#rec225809046 .tn-elem[data-elem-id="1596618010218"] .tn-atom{font-size:50px;}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596618010218"] {top:380px;left:calc(50% - 320px + 110px);width:420px;}#rec225809046 .tn-elem[data-elem-id="1596618010218"] .tn-atom{font-size:38px;}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596618010218"] {top:342px;left:calc(50% - 240px + 16px);width:450px;}#rec225809046 .tn-elem[data-elem-id="1596618010218"] .tn-atom{font-size:34px;}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596618010218"] {top:279px;left:calc(50% - 160px + 10px);width:300px;}#rec225809046 .tn-elem[data-elem-id="1596618010218"] .tn-atom{font-size:26px;}}#rec225809046 .tn-elem[data-elem-id="1596618074445"]{color:#000000;text-align:center;z-index:17;top:641px;left:calc(50% - 600px + 355px);width:490px;}#rec225809046 .tn-elem[data-elem-id="1596618074445"] .tn-atom{color:#000000;font-size:28px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.4;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809046 .tn-elem[data-elem-id="1596618074445"] {top:509px;left:calc(50% - 480px + 235px);}#rec225809046 .tn-elem[data-elem-id="1596618074445"] .tn-atom{font-size:25px;}}@media screen and (max-width:959px) {#rec225809046 .tn-elem[data-elem-id="1596618074445"] {top:435px;left:calc(50% - 320px + 102px);width:430px;}#rec225809046 .tn-elem[data-elem-id="1596618074445"] .tn-atom{font-size:16px;}}@media screen and (max-width:639px) {#rec225809046 .tn-elem[data-elem-id="1596618074445"] {top:394px;left:calc(50% - 240px + 26px);}}@media screen and (max-width:479px) {#rec225809046 .tn-elem[data-elem-id="1596618074445"] {top:316px;left:calc(50% - 160px + 9px);width:300px;}#rec225809046 .tn-elem[data-elem-id="1596618074445"] .tn-atom{font-size:14px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809046" data-artboard-screens="320,480,640,960,1200" data-artboard-height="680" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="340" data-artboard-height-res-480="420" data-artboard-height-res-640="460" data-artboard-height-res-960="550"> <div class="t396__carrier" data-artboard-recid="225809046"></div> <div class="t396__filter" data-artboard-recid="225809046"></div> <div class='t396__elem tn-elem tn-elem__2258090461598436822883' data-elem-id='1598436822883' data-elem-type='image' data-field-top-value="89" data-field-left-value="0" data-field-width-value="644" data-field-axisy-value="top" data-field-axisx-value="center" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1980" data-field-fileheight-value="1259" data-field-top-res-320-value="63" data-field-left-res-320-value="1" data-field-width-res-320-value="294" data-field-top-res-480-value="55" data-field-left-res-480-value="2" data-field-width-res-480-value="384" data-field-top-res-640-value="70" data-field-left-res-640-value="-1" data-field-width-res-640-value="424" data-field-top-res-960-value="90" data-field-left-res-960-value="1" data-field-width-res-960-value="464"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3836-3738-4433-b065-313139396334/cover.svg' alt='' imgfield='tn_img_1598436822883' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090461596614783823' data-elem-id='1596614783823' data-elem-type='image' data-field-top-value="20" data-field-left-value="40" data-field-width-value="60" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="127" data-field-fileheight-value="125" data-field-top-res-320-value="-255" data-field-left-res-320-value="141" data-field-width-res-320-value="45" data-field-top-res-480-value="-100" data-field-left-res-480-value="220" data-field-width-res-480-value="50" data-field-top-res-640-value="-84" data-field-left-res-640-value="10" data-field-container-res-640-value="grid" data-field-top-res-960-value="20" data-field-left-res-960-value="43" data-field-container-res-960-value="window"> <a class='tn-atom' href="https://tilda.cc/"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3633-3931-4261-a634-393436646362/Tilda_logo-02.svg' alt='' imgfield='tn_img_1596614783823' /> </a> </div> <div class='t396__elem tn-elem tn-elem__2258090461596614783833' data-elem-id='1596614783833' data-elem-type='text' data-field-top-value="31" data-field-left-value="-503" data-field-width-value="60" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="-181" data-field-left-res-320-value="-126" data-field-top-res-480-value="-142" data-field-left-res-480-value="-405" data-field-top-res-640-value="-64" data-field-left-res-640-value="-484" data-field-container-res-640-value="grid" data-field-top-res-960-value="28" data-field-left-res-960-value="-488"> <div class='tn-atom'><a href="https://tilda.cc/pricing/"style="color: inherit">PRICING</a></div> </div> <div class='t396__elem tn-elem tn-elem__2258090461596614783839' data-elem-id='1596614783839' data-elem-type='text' data-field-top-value="31" data-field-left-value="-369" data-field-width-value="100" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="-150" data-field-left-res-320-value="-106" data-field-top-res-480-value="-142" data-field-left-res-480-value="-287" data-field-top-res-640-value="-64" data-field-left-res-640-value="-361" data-field-container-res-640-value="grid" data-field-top-res-960-value="28" data-field-left-res-960-value="-361"> <div class='tn-atom'><a href="https://tilda.cc/madeontilda/"style="color: inherit">#MADEONTILDA</a></div> </div> <div class='t396__elem tn-elem tn-elem__2258090461596614783844' data-elem-id='1596614783844' data-elem-type='text' data-field-top-value="31" data-field-left-value="-295" data-field-width-value="40" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="-117" data-field-left-res-320-value="-136" data-field-top-res-480-value="-142" data-field-left-res-480-value="-221" data-field-top-res-640-value="-64" data-field-left-res-640-value="-295" data-field-container-res-640-value="grid" data-field-top-res-960-value="28" data-field-left-res-960-value="-294"> <div class='tn-atom'><a href="https://tilda.cc/tpls/"style="color: inherit">TEMPLATES</a></div> </div> <div class='t396__elem tn-elem tn-elem__2258090461596614783849' data-elem-id='1596614783849' data-elem-type='text' data-field-top-value="31" data-field-left-value="-187" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="-85" data-field-left-res-320-value="-131" data-field-top-res-480-value="-142" data-field-left-res-480-value="-150" data-field-top-res-640-value="-64" data-field-left-res-640-value="-217" data-field-container-res-640-value="grid" data-field-top-res-960-value="28" data-field-left-res-960-value="-193"> <div class='tn-atom'><a href="https://tilda.cc/login/"style="color: inherit">LOG IN</a></div> </div> <div class='t396__elem tn-elem tn-elem__2258090461596614783853' data-elem-id='1596614783853' data-elem-type='button' data-field-top-value="20" data-field-left-value="-30" data-field-height-value="40" data-field-width-value="130" data-field-axisy-value="top" data-field-axisx-value="right" data-field-container-value="window" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="-50" data-field-left-res-320-value="-95" data-field-top-res-480-value="-149" data-field-left-res-480-value="-6" data-field-height-res-480-value="35" data-field-width-res-480-value="125" data-field-top-res-640-value="-75" data-field-left-res-640-value="-10" data-field-container-res-640-value="grid" data-field-top-res-960-value="17" data-field-left-res-960-value="-43" data-field-height-res-960-value="40" data-field-width-res-960-value="120"> <a class='tn-atom' href="https://tilda.cc/registration/">SIGN UP</a> </div> <div class='t396__elem tn-elem tn-elem__2258090461596618010218' data-elem-id='1596618010218' data-elem-type='text' data-field-top-value="555" data-field-left-value="280" data-field-width-value="641" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="279" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="342" data-field-left-res-480-value="16" data-field-width-res-480-value="450" data-field-top-res-640-value="380" data-field-left-res-640-value="110" data-field-width-res-640-value="420" data-field-top-res-960-value="442" data-field-left-res-960-value="180"> <h1 class='tn-atom'field='tn_text_1596618010218'>Adaptive Image Loading</h1> </div> <div class='t396__elem tn-elem tn-elem__2258090461596618074445' data-elem-id='1596618074445' data-elem-type='text' data-field-top-value="641" data-field-left-value="355" data-field-width-value="490" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="316" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="394" data-field-left-res-480-value="26" data-field-top-res-640-value="435" data-field-left-res-640-value="102" data-field-width-res-640-value="430" data-field-top-res-960-value="509" data-field-left-res-960-value="235"> <div class='tn-atom'field='tn_text_1596618074445'>New feature on Tilda</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809046');});});</script>  </div> <div id="rec225809048" class="r t-rec" style=" " data-animationappear="off" data-record-type="394"> <style>#allrecords .t-text a:not(.t-card__link),#allrecords .t-descr a:not(.t-card__link),#allrecords .t-heading a:not(.t-card__link):not(.t-feed__link),#allrecords .t-title a:not(.t-card__link),#allrecords .t-impact-text a:not(.t-card__link),#allrecords .t-text-impact a:not(.t-card__link),#allrecords .t-name:not(.t-feed__parts-switch-btn) a:not(.t794__typo):not(.t-menusub__link-item):not(.t-card__link):not(.t-feed__link),#allrecords .t-uptitle a:not(.t-card__link){color:inherit;font-weight:inherit;border-bottom:1px solid #fa8669;-webkit-box-shadow:inset 0px -1px 0px 0px #fa8669;-moz-box-shadow:inset 0px -1px 0px 0px #fa8669;box-shadow:inset 0px -1px 0px 0px #fa8669;}</style> </div> <div id="rec225809049" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec225809049 .t396__artboard {height:230px;background-color:#ffffff;}#rec225809049 .t396__filter {height:230px;}#rec225809049 .t396__carrier{height:230px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809049 .t396__artboard,#rec225809049 .t396__filter,#rec225809049 .t396__carrier {height:190px;}#rec225809049 .t396__filter {}#rec225809049 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809049 .t396__artboard,#rec225809049 .t396__filter,#rec225809049 .t396__carrier {height:190px;}#rec225809049 .t396__filter {}#rec225809049 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809049 .t396__artboard,#rec225809049 .t396__filter,#rec225809049 .t396__carrier {height:130px;}#rec225809049 .t396__filter {}#rec225809049 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809049 .t396__artboard,#rec225809049 .t396__filter,#rec225809049 .t396__carrier {height:140px;}#rec225809049 .t396__filter {}#rec225809049 .t396__carrier {background-attachment:scroll;}}#rec225809049 .tn-elem[data-elem-id="1598281129013"]{color:#000000;z-index:2;top:4px;left:calc(50% - 600px + 220px);width:729px;}#rec225809049 .tn-elem[data-elem-id="1598281129013"] .tn-atom{color:#000000;font-size:40px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809049 .tn-elem[data-elem-id="1598281129013"] {top:4px;left:calc(50% - 480px + 192px);width:576px;}#rec225809049 .tn-elem[data-elem-id="1598281129013"] .tn-atom{font-size:34px;}}@media screen and (max-width:959px) {#rec225809049 .tn-elem[data-elem-id="1598281129013"] {top:5px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {#rec225809049 .tn-elem[data-elem-id="1598281129013"] {top:5px;left:calc(50% - 240px + 10px);width:436px;}#rec225809049 .tn-elem[data-elem-id="1598281129013"] .tn-atom{font-size:24px;}}@media screen and (max-width:479px) {#rec225809049 .tn-elem[data-elem-id="1598281129013"] {top:5px;left:calc(50% - 160px + 10px);width:291px;}#rec225809049 .tn-elem[data-elem-id="1598281129013"] .tn-atom{font-size:20px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809049" data-artboard-screens="320,480,640,960,1200" data-artboard-height="230" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="140" data-artboard-height-res-480="130" data-artboard-height-res-640="190" data-artboard-height-res-960="190"> <div class="t396__carrier" data-artboard-recid="225809049"></div> <div class="t396__filter" data-artboard-recid="225809049"></div> <div class='t396__elem tn-elem tn-elem__2258090491598281129013' data-elem-id='1598281129013' data-elem-type='text' data-field-top-value="4" data-field-left-value="220" data-field-width-value="729" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="5" data-field-left-res-320-value="10" data-field-width-res-320-value="291" data-field-top-res-480-value="5" data-field-left-res-480-value="10" data-field-width-res-480-value="436" data-field-top-res-640-value="5" data-field-left-res-640-value="10" data-field-top-res-960-value="4" data-field-left-res-960-value="192" data-field-width-res-960-value="576"> <div class='tn-atom'field='tn_text_1598281129013'>We deployed the image processing technology that scales images to the size of the layout container and converts them to a next-gen format—WebP.</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809049');});});</script>  </div> <div id="rec225809050" class="r t-rec t-rec_pt_45 t-rec_pb_105 t-rec_pb-res-480_60" style="padding-top:45px;padding-bottom:105px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_7 t-prefix_2"> <div field="text" class="t-text t-text_md ">Adaptive Image Loading is active on all Tilda websites by default, no need to do anything to enable it. We tested the technology for several months, and are excited to tell you about it.</div> </div> </div> </div> <style> #rec225809050 .t-text{font-weight:400;}</style> </div> <div id="rec225809051" class="r t-rec t-rec_pt_105 t-rec_pt-res-480_60 t-rec_pb_90 t-rec_pb-res-480_60" style="padding-top:105px;padding-bottom:90px;background-color:#f5f5f5; " data-record-type="127" data-bg-color="#f5f5f5">  <div class="t119"> <div class="t-container "> <div class="t-col t-col_7 t-prefix_2"> <div class="t119__preface t-descr" field="text">Let's take a look at all the technologies used to optimize image loading on Tilda websites:</div> </div> </div> </div> <style> #rec225809051 .t119__preface{font-weight:400;opacity:1;}@media screen and (min-width:900px){#rec225809051 .t119__preface{font-size:40px;}}</style> </div> <div id="rec225809052" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec225809052 .t396__artboard {height:20px;background-color:#f5f5f5;overflow:visible;}#rec225809052 .t396__filter {height:20px;}#rec225809052 .t396__carrier{height:20px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809052 .t396__artboard,#rec225809052 .t396__filter,#rec225809052 .t396__carrier {}#rec225809052 .t396__filter {}#rec225809052 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809052 .t396__artboard,#rec225809052 .t396__filter,#rec225809052 .t396__carrier {}#rec225809052 .t396__filter {}#rec225809052 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809052 .t396__artboard,#rec225809052 .t396__filter,#rec225809052 .t396__carrier {}#rec225809052 .t396__filter {}#rec225809052 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809052 .t396__artboard,#rec225809052 .t396__filter,#rec225809052 .t396__carrier {}#rec225809052 .t396__filter {}#rec225809052 .t396__carrier {background-attachment:scroll;}}#rec225809052 .tn-elem[data-elem-id="1598283053358"]{z-index:1;top:10px;left:calc(50% - 600px + 140px);width:50px;}#rec225809052 .tn-elem[data-elem-id="1598283053358"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809052" data-artboard-screens="320,480,640,960,1200" data-artboard-height="20" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="225809052"></div> <div class="t396__filter" data-artboard-recid="225809052"></div> <div class='t396__elem tn-elem tn-elem__2258090521598283053358' data-elem-id='1598283053358' data-elem-type='image' data-field-top-value="10" data-field-left-value="140" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="46" data-field-fileheight-value="79"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3932-6464-4531-b538-623261653030/__68.svg' alt='' imgfield='tn_img_1598283053358' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809052');});});</script>  </div> <div id="rec225809053" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f5f5f5; " data-record-type="795" data-bg-color="#f5f5f5">  <div class="t795"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t795__title t-title t-title_xs" field="title">Lazy Load</div> </div> </div> </div> <style> #rec225809053 .t795__title{font-weight:400;}@media screen and (min-width:900px){#rec225809053 .t795__title{font-size:50px;}}</style> </div> <div id="rec225809054" class="r t-rec t-rec_pt_0 t-rec_pb_60 t-rec_pb-res-480_30" style="padding-top:0px;padding-bottom:60px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Lazy Load has been active on Tilda for a long time now. The images are loaded gradually as the viewer scrolls down the page, not all at once.</div> </div> </div> </div> <style> #rec225809054 .t-text{font-weight:400;}</style> </div> <div id="rec225809055" class="r t-rec t-rec_pb_135 t-screenmin-640px" style="padding-bottom:135px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-screen-min="640px" data-bg-color="#f5f5f5">  <style>#rec225809055 .t396__artboard {height:520px;background-color:#f5f5f5;}#rec225809055 .t396__filter {height:520px;}#rec225809055 .t396__carrier{height:520px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809055 .t396__artboard,#rec225809055 .t396__filter,#rec225809055 .t396__carrier {height:440px;}#rec225809055 .t396__filter {}#rec225809055 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809055 .t396__artboard,#rec225809055 .t396__filter,#rec225809055 .t396__carrier {height:390px;}#rec225809055 .t396__filter {}#rec225809055 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809055 .t396__artboard,#rec225809055 .t396__filter,#rec225809055 .t396__carrier {}#rec225809055 .t396__filter {}#rec225809055 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809055 .t396__artboard,#rec225809055 .t396__filter,#rec225809055 .t396__carrier {}#rec225809055 .t396__filter {}#rec225809055 .t396__carrier {background-attachment:scroll;}}#rec225809055 .tn-elem[data-elem-id="1598447466859"]{z-index:1;top:5px;left:calc(50% - 600px + 170px);width:490px;}#rec225809055 .tn-elem[data-elem-id="1598447466859"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809055 .tn-elem[data-elem-id="1598447466859"] {top:4px;left:calc(50% - 480px + 128px);width:410px;}}@media screen and (max-width:959px) {#rec225809055 .tn-elem[data-elem-id="1598447466859"] {top:5px;left:calc(50% - 320px + 10px);width:360px;}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec225809055 .tn-elem[data-elem-id="1598447619692"]{color:#000000;z-index:2;top:80px;left:calc(50% - 600px + 681px);width:177px;}#rec225809055 .tn-elem[data-elem-id="1598447619692"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809055 .tn-elem[data-elem-id="1598447619692"] {top:64px;left:calc(50% - 480px + 551px);}}@media screen and (max-width:959px) {#rec225809055 .tn-elem[data-elem-id="1598447619692"] {top:53px;left:calc(50% - 320px + 390px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec225809055 .tn-elem[data-elem-id="1598447683266"]{color:#000000;z-index:3;top:266px;left:calc(50% - 600px + 680px);width:247px;}#rec225809055 .tn-elem[data-elem-id="1598447683266"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809055 .tn-elem[data-elem-id="1598447683266"] {top:220px;left:calc(50% - 480px + 550px);}}@media screen and (max-width:959px) {#rec225809055 .tn-elem[data-elem-id="1598447683266"] {top:192px;left:calc(50% - 320px + 390px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}#rec225809055 .tn-elem[data-elem-id="1598447707555"]{color:#000000;z-index:4;top:430px;left:calc(50% - 600px + 680px);width:267px;}#rec225809055 .tn-elem[data-elem-id="1598447707555"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809055 .tn-elem[data-elem-id="1598447707555"] {top:357px;left:calc(50% - 480px + 550px);}}@media screen and (max-width:959px) {#rec225809055 .tn-elem[data-elem-id="1598447707555"] {top:313px;left:calc(50% - 320px + 390px);}}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809055" data-artboard-screens="320,480,640,960,1200" data-artboard-height="520" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-640="390" data-artboard-height-res-960="440"> <div class="t396__carrier" data-artboard-recid="225809055"></div> <div class="t396__filter" data-artboard-recid="225809055"></div> <div class='t396__elem tn-elem tn-elem__2258090551598447466859' data-elem-id='1598447466859' data-elem-type='image' data-field-top-value="5" data-field-left-value="170" data-field-width-value="490" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="717" data-field-fileheight-value="752" data-field-top-res-640-value="5" data-field-left-res-640-value="10" data-field-width-res-640-value="360" data-field-top-res-960-value="4" data-field-left-res-960-value="128" data-field-width-res-960-value="410"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3632-3733-4431-b663-633231343838/lazyload.svg' alt='' imgfield='tn_img_1598447466859' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090551598447619692' data-elem-id='1598447619692' data-elem-type='text' data-field-top-value="80" data-field-left-value="681" data-field-width-value="177" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-640-value="53" data-field-left-res-640-value="390" data-field-top-res-960-value="64" data-field-left-res-960-value="551"> <div class='tn-atom'field='tn_text_1598447619692'>The image is fully loaded because it is on the screen</div> </div> <div class='t396__elem tn-elem tn-elem__2258090551598447683266' data-elem-id='1598447683266' data-elem-type='text' data-field-top-value="266" data-field-left-value="680" data-field-width-value="247" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-640-value="192" data-field-left-res-640-value="390" data-field-top-res-960-value="220" data-field-left-res-960-value="550"> <div class='tn-atom'field='tn_text_1598447683266'>The loading begins once the image approaches the screen by 700 px<strong> </strong></div> </div> <div class='t396__elem tn-elem tn-elem__2258090551598447707555' data-elem-id='1598447707555' data-elem-type='text' data-field-top-value="430" data-field-left-value="680" data-field-width-value="267" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-640-value="313" data-field-left-res-640-value="390" data-field-top-res-960-value="357" data-field-left-res-960-value="550"> <div class='tn-atom'field='tn_text_1598447707555'>Image has not started loading yet</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809055');});});</script>  </div> <div id="rec225809056" class="r t-rec t-rec_pb_135 t-screenmax-640px" style="padding-bottom:135px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-screen-max="640px" data-bg-color="#f5f5f5">  <style>#rec225809056 .t396__artboard {height:520px;background-color:#f5f5f5;}#rec225809056 .t396__filter {height:520px;}#rec225809056 .t396__carrier{height:520px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809056 .t396__artboard,#rec225809056 .t396__filter,#rec225809056 .t396__carrier {height:440px;}#rec225809056 .t396__filter {}#rec225809056 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809056 .t396__artboard,#rec225809056 .t396__filter,#rec225809056 .t396__carrier {height:390px;}#rec225809056 .t396__filter {}#rec225809056 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809056 .t396__artboard,#rec225809056 .t396__filter,#rec225809056 .t396__carrier {height:630px;}#rec225809056 .t396__filter {}#rec225809056 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809056 .t396__artboard,#rec225809056 .t396__filter,#rec225809056 .t396__carrier {height:540px;}#rec225809056 .t396__filter {}#rec225809056 .t396__carrier {background-attachment:scroll;}}#rec225809056 .tn-elem[data-elem-id="1598447466859"]{z-index:1;top:5px;left:calc(50% - 600px + 170px);width:430px;}#rec225809056 .tn-elem[data-elem-id="1598447466859"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809056 .tn-elem[data-elem-id="1598447466859"] {top:4px;left:calc(50% - 480px + 128px);width:410px;}}@media screen and (max-width:959px) {#rec225809056 .tn-elem[data-elem-id="1598447466859"] {top:5px;left:calc(50% - 320px + 10px);width:360px;}}@media screen and (max-width:639px) {#rec225809056 .tn-elem[data-elem-id="1598447466859"] {top:5px;left:calc(50% - 240px + 49px);}}@media screen and (max-width:479px) {#rec225809056 .tn-elem[data-elem-id="1598447466859"] {top:5px;left:calc(50% - 160px + 9px);width:300px;}}#rec225809056 .tn-elem[data-elem-id="1598447619692"]{color:#000000;z-index:2;top:80px;left:calc(50% - 600px + 681px);width:267px;}#rec225809056 .tn-elem[data-elem-id="1598447619692"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809056 .tn-elem[data-elem-id="1598447619692"] {top:64px;left:calc(50% - 480px + 551px);}}@media screen and (max-width:959px) {#rec225809056 .tn-elem[data-elem-id="1598447619692"] {top:53px;left:calc(50% - 320px + 390px);}}@media screen and (max-width:639px) {#rec225809056 .tn-elem[data-elem-id="1598447619692"] {top:480px;left:calc(50% - 240px + 109px);width:197px;}#rec225809056 .tn-elem[data-elem-id="1598447619692"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809056 .tn-elem[data-elem-id="1598447619692"] {top:397px;left:calc(50% - 160px + 11px);}}#rec225809056 .tn-elem[data-elem-id="1598447683266"]{color:#000000;z-index:3;top:266px;left:calc(50% - 600px + 680px);width:247px;}#rec225809056 .tn-elem[data-elem-id="1598447683266"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809056 .tn-elem[data-elem-id="1598447683266"] {top:250px;left:calc(50% - 480px + 550px);}}@media screen and (max-width:959px) {#rec225809056 .tn-elem[data-elem-id="1598447683266"] {top:192px;left:calc(50% - 320px + 390px);}}@media screen and (max-width:639px) {#rec225809056 .tn-elem[data-elem-id="1598447683266"] {top:540px;left:calc(50% - 240px + 109px);width:237px;}#rec225809056 .tn-elem[data-elem-id="1598447683266"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809056 .tn-elem[data-elem-id="1598447683266"] {top:456px;left:calc(50% - 160px + 11px);}}#rec225809056 .tn-elem[data-elem-id="1598447707555"]{color:#000000;z-index:4;top:420px;left:calc(50% - 600px + 680px);width:267px;}#rec225809056 .tn-elem[data-elem-id="1598447707555"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809056 .tn-elem[data-elem-id="1598447707555"] {top:377px;left:calc(50% - 480px + 550px);}}@media screen and (max-width:959px) {#rec225809056 .tn-elem[data-elem-id="1598447707555"] {top:303px;left:calc(50% - 320px + 390px);}}@media screen and (max-width:639px) {#rec225809056 .tn-elem[data-elem-id="1598447707555"] {top:600px;left:calc(50% - 240px + 109px);}#rec225809056 .tn-elem[data-elem-id="1598447707555"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809056 .tn-elem[data-elem-id="1598447707555"] {top:517px;left:calc(50% - 160px + 11px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809056" data-artboard-screens="320,480,640,960,1200" data-artboard-height="520" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="540" data-artboard-height-res-480="630" data-artboard-height-res-640="390" data-artboard-height-res-960="440"> <div class="t396__carrier" data-artboard-recid="225809056"></div> <div class="t396__filter" data-artboard-recid="225809056"></div> <div class='t396__elem tn-elem tn-elem__2258090561598447466859' data-elem-id='1598447466859' data-elem-type='image' data-field-top-value="5" data-field-left-value="170" data-field-width-value="430" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="717" data-field-fileheight-value="752" data-field-top-res-320-value="5" data-field-left-res-320-value="9" data-field-width-res-320-value="300" data-field-top-res-480-value="5" data-field-left-res-480-value="49" data-field-top-res-640-value="5" data-field-left-res-640-value="10" data-field-width-res-640-value="360" data-field-top-res-960-value="4" data-field-left-res-960-value="128" data-field-width-res-960-value="410"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3239-3830-4437-a330-643735626366/lazyload2.svg' alt='' imgfield='tn_img_1598447466859' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090561598447619692' data-elem-id='1598447619692' data-elem-type='text' data-field-top-value="80" data-field-left-value="681" data-field-width-value="267" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="397" data-field-left-res-320-value="11" data-field-top-res-480-value="480" data-field-left-res-480-value="109" data-field-width-res-480-value="197" data-field-top-res-640-value="53" data-field-left-res-640-value="390" data-field-top-res-960-value="64" data-field-left-res-960-value="551"> <div class='tn-atom'field='tn_text_1598447619692'>1. The image is fully loaded because it is on the screen</div> </div> <div class='t396__elem tn-elem tn-elem__2258090561598447683266' data-elem-id='1598447683266' data-elem-type='text' data-field-top-value="266" data-field-left-value="680" data-field-width-value="247" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="456" data-field-left-res-320-value="11" data-field-top-res-480-value="540" data-field-left-res-480-value="109" data-field-width-res-480-value="237" data-field-top-res-640-value="192" data-field-left-res-640-value="390" data-field-top-res-960-value="250" data-field-left-res-960-value="550"> <div class='tn-atom'field='tn_text_1598447683266'>2. The loading begins once the image approaches the screen by 700 px<strong> </strong></div> </div> <div class='t396__elem tn-elem tn-elem__2258090561598447707555' data-elem-id='1598447707555' data-elem-type='text' data-field-top-value="420" data-field-left-value="680" data-field-width-value="267" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="517" data-field-left-res-320-value="11" data-field-top-res-480-value="600" data-field-left-res-480-value="109" data-field-top-res-640-value="303" data-field-left-res-640-value="390" data-field-top-res-960-value="377" data-field-left-res-960-value="550"> <div class='tn-atom'field='tn_text_1598447707555'>3.<strong> </strong>Image has not started loading yet</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809056');});});</script>  </div> <div id="rec225809058" class="r t-rec t-screenmin-1200px" style=" " data-animationappear="off" data-record-type="396" data-screen-min="1200px">  <style>#rec225809058 .t396__artboard {height:20px;background-color:#f5f5f5;overflow:visible;}#rec225809058 .t396__filter {height:20px;}#rec225809058 .t396__carrier{height:20px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809058 .t396__artboard,#rec225809058 .t396__filter,#rec225809058 .t396__carrier {}#rec225809058 .t396__filter {}#rec225809058 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809058 .t396__artboard,#rec225809058 .t396__filter,#rec225809058 .t396__carrier {}#rec225809058 .t396__filter {}#rec225809058 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809058 .t396__artboard,#rec225809058 .t396__filter,#rec225809058 .t396__carrier {}#rec225809058 .t396__filter {}#rec225809058 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809058 .t396__artboard,#rec225809058 .t396__filter,#rec225809058 .t396__carrier {}#rec225809058 .t396__filter {}#rec225809058 .t396__carrier {background-attachment:scroll;}}#rec225809058 .tn-elem[data-elem-id="1598283053358"]{z-index:1;top:10px;left:calc(50% - 600px + 140px);width:50px;}#rec225809058 .tn-elem[data-elem-id="1598283053358"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809058" data-artboard-screens="320,480,640,960,1200" data-artboard-height="20" data-artboard-valign="center" data-artboard-ovrflw="visible"> <div class="t396__carrier" data-artboard-recid="225809058"></div> <div class="t396__filter" data-artboard-recid="225809058"></div> <div class='t396__elem tn-elem tn-elem__2258090581598283053358' data-elem-id='1598283053358' data-elem-type='image' data-field-top-value="10" data-field-left-value="140" data-field-width-value="50" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-filewidth-value="46" data-field-fileheight-value="79"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3932-6464-4531-b538-623261653030/__68.svg' alt='' imgfield='tn_img_1598283053358' /> </div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809058');});});</script>  </div> <div id="rec225809059" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f5f5f5; " data-record-type="795" data-bg-color="#f5f5f5">  <div class="t795"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t795__title t-title t-title_xs" field="title">CDN</div> </div> </div> </div> <style> #rec225809059 .t795__title{font-weight:400;}@media screen and (min-width:900px){#rec225809059 .t795__title{font-size:50px;}}</style> </div> <div id="rec225809060" class="r t-rec t-rec_pt_0 t-rec_pb_60 t-rec_pb-res-480_30" style="padding-top:0px;padding-bottom:60px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">CDN, or Content Delivery Network, is a network of servers deployed around the world. It picks the closest server to a visitor’s location and helps deliver images faster. For example, if a viewer is located in Berlin, he or she will receive an image directly from Germany, not from the US.</div> </div> </div> </div> <style> #rec225809060 .t-text{font-weight:400;}</style> </div> <div id="rec225809061" class="r t-rec t-rec_pt_0 t-rec_pb_120 t-rec_pb-res-480_90" style="padding-top:0px;padding-bottom:120px;background-color:#f5f5f5; " data-record-type="3" data-bg-color="#f5f5f5">  <div class="t107"> <div class="t-align_center" itemscope itemtype="http://schema.org/ImageObject"> <meta itemprop="image" content="https://static.tildacdn.net/tild6333-6539-4661-b935-353530623531/cdn.svg"> <img class="t-img t-width t107__width t-width_9" src="https://static.tildacdn.net/tild6333-6539-4661-b935-353530623531/cdn.svg" imgfield="img" alt=""> </div> </div> </div> <div id="rec225809062" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec225809062 .t396__artboard {height:20px;background-color:#f5f5f5;overflow:visible;}#rec225809062 .t396__filter {height:20px;}#rec225809062 .t396__carrier{height:20px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809062 .t396__artboard,#rec225809062 .t396__filter,#rec225809062 .t396__carrier {}#rec225809062 .t396__filter {}#rec225809062 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809062 .t396__artboard,#rec225809062 .t396__filter,#rec225809062 .t396__carrier {height:160px;}#rec225809062 .t396__artboard {background-color:#f5f5f5;}#rec225809062 .t396__filter{}#rec225809062 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809062 .t396__artboard,#rec225809062 .t396__filter,#rec225809062 .t396__carrier {height:130px;}#rec225809062 .t396__filter {}#rec225809062 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809062 .t396__artboard,#rec225809062 .t396__filter,#rec225809062 .t396__carrier {height:100px;}#rec225809062 .t396__filter {}#rec225809062 .t396__carrier {background-attachment:scroll;}}#rec225809062 .tn-elem[data-elem-id="1598284771625"]{z-index:2;top:-7px;left:calc(50% - 600px + 38px);width:145px;height:145px;}#rec225809062 .tn-elem[data-elem-id="1598284771625"] .tn-atom{border-width:2px;border-radius:3000px;background-position:center center;border-color:#000000 ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809062 .tn-elem[data-elem-id="1598284771625"] {top:-7px;left:calc(50% - 480px + 8px);}}@media screen and (max-width:959px) {#rec225809062 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 320px + 12px);width:116px;height:116px;}}@media screen and (max-width:639px) {#rec225809062 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 240px + 12px);width:97px;height:97px;}}@media screen and (max-width:479px) {#rec225809062 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 160px + 12px);width:75px;height:75px;}}#rec225809062 .tn-elem[data-elem-id="1598284815208"]{color:#000000;z-index:3;top:30px;left:calc(50% - 600px + 63px);width:111px;}#rec225809062 .tn-elem[data-elem-id="1598284815208"] .tn-atom{color:#000000;font-size:44px;font-family:'FuturaPT',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}#rec225809062 .tn-elem[data-elem-id="1598284815208"] .tn-atom {-webkit-transform:rotate(340deg);-moz-transform:rotate(340deg);transform:rotate(340deg);}@media screen and (max-width:1199px) {#rec225809062 .tn-elem[data-elem-id="1598284815208"] {top:30px;left:calc(50% - 480px + 33px);}}@media screen and (max-width:959px) {#rec225809062 .tn-elem[data-elem-id="1598284815208"] {top:36px;left:calc(50% - 320px + 32px);width:81px;}#rec225809062 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:34px;}}@media screen and (max-width:639px) {#rec225809062 .tn-elem[data-elem-id="1598284815208"] {top:27px;left:calc(50% - 240px + 28px);}#rec225809062 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:30px;}}@media screen and (max-width:479px) {#rec225809062 .tn-elem[data-elem-id="1598284815208"] {top:25px;left:calc(50% - 160px + 26px);width:51px;}#rec225809062 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:22px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809062" data-artboard-screens="320,480,640,960,1200" data-artboard-height="20" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="100" data-artboard-height-res-480="130" data-artboard-height-res-640="160"> <div class="t396__carrier" data-artboard-recid="225809062"></div> <div class="t396__filter" data-artboard-recid="225809062"></div> <div class='t396__elem tn-elem tn-elem__2258090621598284771625' data-elem-id='1598284771625' data-elem-type='shape' data-field-top-value="-7" data-field-left-value="38" data-field-height-value="145" data-field-width-value="145" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="3" data-field-left-res-320-value="12" data-field-height-res-320-value="75" data-field-width-res-320-value="75" data-field-top-res-480-value="3" data-field-left-res-480-value="12" data-field-height-res-480-value="97" data-field-width-res-480-value="97" data-field-top-res-640-value="3" data-field-left-res-640-value="12" data-field-height-res-640-value="116" data-field-width-res-640-value="116" data-field-top-res-960-value="-7" data-field-left-res-960-value="8"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090621598284815208' data-elem-id='1598284815208' data-elem-type='text' data-field-top-value="30" data-field-left-value="63" data-field-width-value="111" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="25" data-field-left-res-320-value="26" data-field-width-res-320-value="51" data-field-top-res-480-value="27" data-field-left-res-480-value="28" data-field-top-res-640-value="36" data-field-left-res-640-value="32" data-field-width-res-640-value="81" data-field-top-res-960-value="30" data-field-left-res-960-value="33"> <div class='tn-atom'field='tn_text_1598284815208'>NEW</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809062');});});</script>  </div> <div id="rec225809063" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f5f5f5; " data-record-type="795" data-bg-color="#f5f5f5">  <div class="t795"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t795__title t-title t-title_xs" field="title">WebP Support</div> </div> </div> </div> <style> #rec225809063 .t795__title{font-weight:400;}@media screen and (min-width:900px){#rec225809063 .t795__title{font-size:50px;}}</style> </div> <div id="rec225809064" class="r t-rec t-rec_pt_0 t-rec_pb_60 t-rec_pb-res-480_45" style="padding-top:0px;padding-bottom:60px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Tilda automatically converts all website images to WebP. This next-gen format allows compression that reduces image size up to 35% compared to JPEG with no quality loss. You don’t need to upload images to your website in WebP format, Tilda will convert it for you.</div> </div> </div> </div> <style> #rec225809064 .t-text{font-weight:400;}</style> </div> <div id="rec225809065" class="r t-rec t-rec_pb_90" style="padding-bottom:90px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5">  <style>#rec225809065 .t396__artboard {height:460px;background-color:#f5f5f5;}#rec225809065 .t396__filter {height:460px;}#rec225809065 .t396__carrier{height:460px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809065 .t396__artboard,#rec225809065 .t396__filter,#rec225809065 .t396__carrier {height:400px;}#rec225809065 .t396__filter {}#rec225809065 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809065 .t396__artboard,#rec225809065 .t396__filter,#rec225809065 .t396__carrier {height:840px;}#rec225809065 .t396__filter {}#rec225809065 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809065 .t396__artboard,#rec225809065 .t396__filter,#rec225809065 .t396__carrier {height:830px;}#rec225809065 .t396__filter {}#rec225809065 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809065 .t396__artboard,#rec225809065 .t396__filter,#rec225809065 .t396__carrier {height:610px;}#rec225809065 .t396__filter {}#rec225809065 .t396__carrier {background-attachment:scroll;}}#rec225809065 .tn-elem[data-elem-id="1598284986503"]{z-index:1;top:5px;left:calc(50% - 600px + 20px);width:560px;}#rec225809065 .tn-elem[data-elem-id="1598284986503"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809065 .tn-elem[data-elem-id="1598284986503"] {top:5px;left:calc(50% - 480px + 10px);width:460px;}}@media screen and (max-width:959px) {#rec225809065 .tn-elem[data-elem-id="1598284986503"] {top:5px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec225809065 .tn-elem[data-elem-id="1598284986503"] {top:5px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec225809065 .tn-elem[data-elem-id="1598284986503"] {top:5px;left:calc(50% - 160px + 10px);width:300px;}}#rec225809065 .tn-elem[data-elem-id="1598284992940"]{z-index:2;top:5px;left:calc(50% - 600px + 620px);width:560px;}#rec225809065 .tn-elem[data-elem-id="1598284992940"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809065 .tn-elem[data-elem-id="1598284992940"] {top:5px;left:calc(50% - 480px + 490px);width:460px;}}@media screen and (max-width:959px) {#rec225809065 .tn-elem[data-elem-id="1598284992940"] {top:450px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec225809065 .tn-elem[data-elem-id="1598284992940"] {top:450px;left:calc(50% - 240px + 10px);}}@media screen and (max-width:479px) {#rec225809065 .tn-elem[data-elem-id="1598284992940"] {top:330px;left:calc(50% - 160px + 10px);width:300px;}}#rec225809065 .tn-elem[data-elem-id="1598344349927"]{color:#000000;z-index:3;top:398px;left:calc(50% - 600px + 21px);width:397px;}#rec225809065 .tn-elem[data-elem-id="1598344349927"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809065 .tn-elem[data-elem-id="1598344349927"] {top:335px;left:calc(50% - 480px + 12px);}}@media screen and (max-width:959px) {#rec225809065 .tn-elem[data-elem-id="1598344349927"] {top:335px;left:calc(50% - 320px + 92px);}}@media screen and (max-width:639px) {#rec225809065 .tn-elem[data-elem-id="1598344349927"] {top:331px;left:calc(50% - 240px + 12px);}#rec225809065 .tn-elem[data-elem-id="1598344349927"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809065 .tn-elem[data-elem-id="1598344349927"] {top:225px;left:calc(50% - 160px + 10px);width:297px;}}#rec225809065 .tn-elem[data-elem-id="1598344357063"]{color:#000000;z-index:4;top:398px;left:calc(50% - 600px + 621px);width:290px;}#rec225809065 .tn-elem[data-elem-id="1598344357063"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809065 .tn-elem[data-elem-id="1598344357063"] {top:335px;left:calc(50% - 480px + 490px);}}@media screen and (max-width:959px) {#rec225809065 .tn-elem[data-elem-id="1598344357063"] {top:780px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec225809065 .tn-elem[data-elem-id="1598344357063"] {top:776px;left:calc(50% - 240px + 10px);}#rec225809065 .tn-elem[data-elem-id="1598344357063"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809065 .tn-elem[data-elem-id="1598344357063"] {top:550px;left:calc(50% - 160px + 10px);}}#rec225809065 .tn-elem[data-elem-id="1598448265852"]{color:#000000;z-index:5;top:429px;left:calc(50% - 600px + 20px);width:397px;}#rec225809065 .tn-elem[data-elem-id="1598448265852"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809065 .tn-elem[data-elem-id="1598448265852"] {top:366px;left:calc(50% - 480px + 11px);}}@media screen and (max-width:959px) {#rec225809065 .tn-elem[data-elem-id="1598448265852"] {top:366px;left:calc(50% - 320px + 91px);}}@media screen and (max-width:639px) {#rec225809065 .tn-elem[data-elem-id="1598448265852"] {top:358px;left:calc(50% - 240px + 11px);}#rec225809065 .tn-elem[data-elem-id="1598448265852"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809065 .tn-elem[data-elem-id="1598448265852"] {top:251px;left:calc(50% - 160px + 10px);width:297px;}}#rec225809065 .tn-elem[data-elem-id="1598448917129"]{color:#000000;z-index:6;top:429px;left:calc(50% - 600px + 621px);width:397px;}#rec225809065 .tn-elem[data-elem-id="1598448917129"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809065 .tn-elem[data-elem-id="1598448917129"] {top:366px;left:calc(50% - 480px + 490px);}}@media screen and (max-width:959px) {#rec225809065 .tn-elem[data-elem-id="1598448917129"] {top:811px;left:calc(50% - 320px + 90px);}}@media screen and (max-width:639px) {#rec225809065 .tn-elem[data-elem-id="1598448917129"] {top:803px;left:calc(50% - 240px + 10px);}#rec225809065 .tn-elem[data-elem-id="1598448917129"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809065 .tn-elem[data-elem-id="1598448917129"] {top:577px;left:calc(50% - 160px + 10px);width:297px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809065" data-artboard-screens="320,480,640,960,1200" data-artboard-height="460" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="610" data-artboard-height-res-480="830" data-artboard-height-res-640="840" data-artboard-height-res-960="400"> <div class="t396__carrier" data-artboard-recid="225809065"></div> <div class="t396__filter" data-artboard-recid="225809065"></div> <div class='t396__elem tn-elem tn-elem__2258090651598284986503' data-elem-id='1598284986503' data-elem-type='image' data-field-top-value="5" data-field-left-value="20" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="5" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="5" data-field-left-res-480-value="10" data-field-top-res-640-value="5" data-field-left-res-640-value="90" data-field-top-res-960-value="5" data-field-left-res-960-value="10" data-field-width-res-960-value="460"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild6166-3438-4766-b638-343065316336/kaboompics_A_woman_i.jpg' alt='' imgfield='tn_img_1598284986503' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090651598284992940' data-elem-id='1598284992940' data-elem-type='image' data-field-top-value="5" data-field-left-value="620" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="330" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="450" data-field-left-res-480-value="10" data-field-top-res-640-value="450" data-field-left-res-640-value="90" data-field-top-res-960-value="5" data-field-left-res-960-value="490" data-field-width-res-960-value="460"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3639-6666-4961-b063-623462616135/kaboompics_A_woman_i.jpg' alt='' imgfield='tn_img_1598284992940' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090651598344349927' data-elem-id='1598344349927' data-elem-type='text' data-field-top-value="398" data-field-left-value="21" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="225" data-field-left-res-320-value="10" data-field-width-res-320-value="297" data-field-top-res-480-value="331" data-field-left-res-480-value="12" data-field-top-res-640-value="335" data-field-left-res-640-value="92" data-field-top-res-960-value="335" data-field-left-res-960-value="12"> <div class='tn-atom'field='tn_text_1598344349927'>JPEG — 1680х1120px, 166 Kb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090651598344357063' data-elem-id='1598344357063' data-elem-type='text' data-field-top-value="398" data-field-left-value="621" data-field-width-value="290" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="550" data-field-left-res-320-value="10" data-field-top-res-480-value="776" data-field-left-res-480-value="10" data-field-top-res-640-value="780" data-field-left-res-640-value="90" data-field-top-res-960-value="335" data-field-left-res-960-value="490"> <div class='tn-atom'field='tn_text_1598344357063'>WebP — 1680х1120px, 78.6 Kb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090651598448265852' data-elem-id='1598448265852' data-elem-type='text' data-field-top-value="429" data-field-left-value="20" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="251" data-field-left-res-320-value="10" data-field-width-res-320-value="297" data-field-top-res-480-value="358" data-field-left-res-480-value="11" data-field-top-res-640-value="366" data-field-left-res-640-value="91" data-field-top-res-960-value="366" data-field-left-res-960-value="11"> <div class='tn-atom'field='tn_text_1598448265852'><a href="https://static.tildacdn.net/tild3435-3230-4731-b035-653031353835/2020-08-25_132022.jpg" target="_blank" style="color: rgb(0, 0, 0); border-bottom: 2px solid rgb(250, 134, 105); box-shadow: none;">Open image in a new tab</a></div> </div> <div class='t396__elem tn-elem tn-elem__2258090651598448917129' data-elem-id='1598448917129' data-elem-type='text' data-field-top-value="429" data-field-left-value="621" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="577" data-field-left-res-320-value="10" data-field-width-res-320-value="297" data-field-top-res-480-value="803" data-field-left-res-480-value="10" data-field-top-res-640-value="811" data-field-left-res-640-value="90" data-field-top-res-960-value="366" data-field-left-res-960-value="490"> <div class='tn-atom'field='tn_text_1598448917129'><a href="https://thumb.tildacdn.com/tild6538-3366-4333-b763-373231346234/-/format/webp/2020-08-25_132022.jpg" target="_blank" style="color: rgb(0, 0, 0); border-bottom: 2px solid rgb(250, 134, 105); box-shadow: none;">Open image in a new tab</a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809065');});});</script>  </div> <div id="rec225809066" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script> $(document).ready(function() { setTimeout(function() { var jpeg = $('#rec225809065 .tn-elem__2240175751598284986503').find('.t-img'); jpeg.attr('src', jpeg.attr('data-original')).attr('data-original', ''); var webp = $('#rec225809065 .tn-elem__2240175751598284992940').find('.t-img'); webp.attr('data-lazy-rule', 'skip'); }, 1000); }); </script>  </div> </div> </div> </div> <div id="rec225809067" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec225809067 .t396__artboard {height:870px;background-color:#f7f7f7;}#rec225809067 .t396__filter {height:870px;}#rec225809067 .t396__carrier{height:870px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809067 .t396__artboard,#rec225809067 .t396__filter,#rec225809067 .t396__carrier {height:740px;}#rec225809067 .t396__filter {}#rec225809067 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809067 .t396__artboard,#rec225809067 .t396__filter,#rec225809067 .t396__carrier {height:730px;}#rec225809067 .t396__filter {}#rec225809067 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809067 .t396__artboard,#rec225809067 .t396__filter,#rec225809067 .t396__carrier {height:790px;}#rec225809067 .t396__filter {}#rec225809067 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809067 .t396__artboard,#rec225809067 .t396__filter,#rec225809067 .t396__carrier {height:650px;}#rec225809067 .t396__filter {}#rec225809067 .t396__carrier {background-attachment:scroll;}}#rec225809067 .tn-elem[data-elem-id="1598346749123"]{z-index:1;top:6px;left:calc(50% - 600px + 220px);width:760px;}#rec225809067 .tn-elem[data-elem-id="1598346749123"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809067 .tn-elem[data-elem-id="1598346749123"] {top:3px;left:calc(50% - 480px + 170px);width:620px;}}@media screen and (max-width:959px) {#rec225809067 .tn-elem[data-elem-id="1598346749123"] {top:5px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {#rec225809067 .tn-elem[data-elem-id="1598346749123"] {top:5px;left:calc(50% - 240px + 10px);width:460px;}}@media screen and (max-width:479px) {#rec225809067 .tn-elem[data-elem-id="1598346749123"] {top:5px;left:calc(50% - 160px + 10px);width:300px;}}#rec225809067 .tn-elem[data-elem-id="1598346848638"]{z-index:2;top:40px;left:calc(50% - 600px + 220px);width:760px;}#rec225809067 .tn-elem[data-elem-id="1598346848638"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid ;box-shadow:0px 0px 30px 15px rgba(51,51,51,0.1);}@media screen and (max-width:1199px) {#rec225809067 .tn-elem[data-elem-id="1598346848638"] {top:30px;left:calc(50% - 480px + 170px);width:620px;}}@media screen and (max-width:959px) {#rec225809067 .tn-elem[data-elem-id="1598346848638"] {top:31px;left:calc(50% - 320px + 10px);}}@media screen and (max-width:639px) {#rec225809067 .tn-elem[data-elem-id="1598346848638"] {top:24px;left:calc(50% - 240px + 10px);width:460px;}}@media screen and (max-width:479px) {#rec225809067 .tn-elem[data-elem-id="1598346848638"] {top:18px;left:calc(50% - 160px + 10px);width:300px;}}#rec225809067 .tn-elem[data-elem-id="1598347318733"]{z-index:4;top:565px;left:calc(50% - 600px + 630px);width:490px;}#rec225809067 .tn-elem[data-elem-id="1598347318733"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809067 .tn-elem[data-elem-id="1598347318733"] {top:470px;left:calc(50% - 480px + 38px);width:430px;}}@media screen and (max-width:959px) {#rec225809067 .tn-elem[data-elem-id="1598347318733"] {top:455px;left:calc(50% - 320px + -109px);width:390px;}}@media screen and (max-width:639px) {#rec225809067 .tn-elem[data-elem-id="1598347318733"] {top:355px;left:calc(50% - 240px + 10px);width:300px;}}@media screen and (max-width:479px) {#rec225809067 .tn-elem[data-elem-id="1598347318733"] {top:255px;left:calc(50% - 160px + -50px);}}#rec225809067 .tn-elem[data-elem-id="1598347497342"]{color:#000000;z-index:5;top:514px;left:calc(50% - 600px + 818px);width:70px;}#rec225809067 .tn-elem[data-elem-id="1598347497342"] .tn-atom{color:#000000;font-size:21px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809067 .tn-elem[data-elem-id="1598347497342"] {top:427px;left:calc(50% - 480px + 200px);}}@media screen and (max-width:959px) {#rec225809067 .tn-elem[data-elem-id="1598347497342"] {top:411px;left:calc(50% - 320px + 33px);}#rec225809067 .tn-elem[data-elem-id="1598347497342"] .tn-atom{font-size:20px;}}@media screen and (max-width:639px) {#rec225809067 .tn-elem[data-elem-id="1598347497342"] {top:319px;left:calc(50% - 240px + 113px);}#rec225809067 .tn-elem[data-elem-id="1598347497342"] .tn-atom{font-size:18px;}}@media screen and (max-width:479px) {#rec225809067 .tn-elem[data-elem-id="1598347497342"] {top:219px;left:calc(50% - 160px + 53px);}}#rec225809067 .tn-elem[data-elem-id="1598347549682"]{color:#000000;z-index:6;top:712px;left:calc(50% - 600px + 950px);width:70px;}#rec225809067 .tn-elem[data-elem-id="1598347549682"] .tn-atom{color:#000000;font-size:21px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809067 .tn-elem[data-elem-id="1598347549682"] {top:599px;left:calc(50% - 480px + 315px);}}@media screen and (max-width:959px) {#rec225809067 .tn-elem[data-elem-id="1598347549682"] {top:568px;left:calc(50% - 320px + 144px);}#rec225809067 .tn-elem[data-elem-id="1598347549682"] .tn-atom{font-size:20px;}}@media screen and (max-width:639px) {#rec225809067 .tn-elem[data-elem-id="1598347549682"] {top:440px;left:calc(50% - 240px + 200px);}#rec225809067 .tn-elem[data-elem-id="1598347549682"] .tn-atom{font-size:18px;}}@media screen and (max-width:479px) {#rec225809067 .tn-elem[data-elem-id="1598347549682"] {top:340px;left:calc(50% - 160px + 140px);}}#rec225809067 .tn-elem[data-elem-id="1598347628763"]{color:#000000;z-index:7;top:726px;left:calc(50% - 600px + 220px);width:410px;}#rec225809067 .tn-elem[data-elem-id="1598347628763"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809067 .tn-elem[data-elem-id="1598347628763"] {top:607px;left:calc(50% - 480px + 491px);width:376px;}}@media screen and (max-width:959px) {#rec225809067 .tn-elem[data-elem-id="1598347628763"] {top:575px;left:calc(50% - 320px + 305px);width:304px;}}@media screen and (max-width:639px) {#rec225809067 .tn-elem[data-elem-id="1598347628763"] {top:680px;left:calc(50% - 240px + 11px);width:326px;}#rec225809067 .tn-elem[data-elem-id="1598347628763"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809067 .tn-elem[data-elem-id="1598347628763"] {top:539px;left:calc(50% - 160px + 10px);width:286px;}}#rec225809067 .tn-elem[data-elem-id="1598614041439"]{color:#000000;z-index:8;top:559px;left:calc(50% - 600px + 219px);width:450px;}#rec225809067 .tn-elem[data-elem-id="1598614041439"] .tn-atom{color:#000000;font-size:40px;font-family:'TildaSans',Arial,sans-serif;line-height:1.2;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809067 .tn-elem[data-elem-id="1598614041439"] {top:464px;left:calc(50% - 480px + 491px);width:390px;}#rec225809067 .tn-elem[data-elem-id="1598614041439"] .tn-atom{font-size:34px;}}@media screen and (max-width:959px) {#rec225809067 .tn-elem[data-elem-id="1598614041439"] {top:446px;left:calc(50% - 320px + 306px);width:320px;}#rec225809067 .tn-elem[data-elem-id="1598614041439"] .tn-atom{font-size:28px;}}@media screen and (max-width:639px) {#rec225809067 .tn-elem[data-elem-id="1598614041439"] {top:579px;left:calc(50% - 240px + 10px);width:270px;}#rec225809067 .tn-elem[data-elem-id="1598614041439"] .tn-atom{font-size:24px;}}@media screen and (max-width:479px) {#rec225809067 .tn-elem[data-elem-id="1598614041439"] {top:477px;left:calc(50% - 160px + 11px);width:270px;}#rec225809067 .tn-elem[data-elem-id="1598614041439"] .tn-atom{font-size:20px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809067" data-artboard-screens="320,480,640,960,1200" data-artboard-height="870" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="650" data-artboard-height-res-480="790" data-artboard-height-res-640="730" data-artboard-height-res-960="740"> <div class="t396__carrier" data-artboard-recid="225809067"></div> <div class="t396__filter" data-artboard-recid="225809067"></div> <div class='t396__elem tn-elem tn-elem__2258090671598346749123' data-elem-id='1598346749123' data-elem-type='image' data-field-top-value="6" data-field-left-value="220" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1903" data-field-fileheight-value="135" data-field-top-res-320-value="5" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="5" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="5" data-field-left-res-640-value="10" data-field-top-res-960-value="3" data-field-left-res-960-value="170" data-field-width-res-960-value="620"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3636-3438-4562-a531-306561613236/6Artboard_5.svg' alt='' imgfield='tn_img_1598346749123' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090671598346848638' data-elem-id='1598346848638' data-elem-type='image' data-field-top-value="40" data-field-left-value="220" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="760" data-field-fileheight-value="387" data-field-top-res-320-value="18" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="24" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="31" data-field-left-res-640-value="10" data-field-top-res-960-value="30" data-field-left-res-960-value="170" data-field-width-res-960-value="620"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3361-6266-4762-b339-333337626663/shop.gif' alt='' imgfield='tn_img_1598346848638' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090671598347318733' data-elem-id='1598347318733' data-elem-type='image' data-field-top-value="565" data-field-left-value="630" data-field-width-value="490" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="931" data-field-fileheight-value="566" data-field-top-res-320-value="255" data-field-left-res-320-value="-50" data-field-top-res-480-value="355" data-field-left-res-480-value="10" data-field-width-res-480-value="300" data-field-top-res-640-value="455" data-field-left-res-640-value="-109" data-field-width-res-640-value="390" data-field-top-res-960-value="470" data-field-left-res-960-value="38" data-field-width-res-960-value="430"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild6437-3736-4639-b365-366139646532/__1.svg' alt='' imgfield='tn_img_1598347318733' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090671598347497342' data-elem-id='1598347497342' data-elem-type='text' data-field-top-value="514" data-field-left-value="818" data-field-width-value="70" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="219" data-field-left-res-320-value="53" data-field-top-res-480-value="319" data-field-left-res-480-value="113" data-field-top-res-640-value="411" data-field-left-res-640-value="33" data-field-top-res-960-value="427" data-field-left-res-960-value="200"> <div class='tn-atom'field='tn_text_1598347497342'>8.9 Mb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090671598347549682' data-elem-id='1598347549682' data-elem-type='text' data-field-top-value="712" data-field-left-value="950" data-field-width-value="70" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="340" data-field-left-res-320-value="140" data-field-top-res-480-value="440" data-field-left-res-480-value="200" data-field-top-res-640-value="568" data-field-left-res-640-value="144" data-field-top-res-960-value="599" data-field-left-res-960-value="315"> <div class='tn-atom'field='tn_text_1598347549682'>2.8 Mb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090671598347628763' data-elem-id='1598347628763' data-elem-type='text' data-field-top-value="726" data-field-left-value="220" data-field-width-value="410" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="539" data-field-left-res-320-value="10" data-field-width-res-320-value="286" data-field-top-res-480-value="680" data-field-left-res-480-value="11" data-field-width-res-480-value="326" data-field-top-res-640-value="575" data-field-left-res-640-value="305" data-field-width-res-640-value="304" data-field-top-res-960-value="607" data-field-left-res-960-value="491" data-field-width-res-960-value="376"> <div class='tn-atom'field='tn_text_1598347628763'>We compared the image size difference before and after optimization using this <a href="https://tilda.cc/tpls/page/?q=velottonstr" target="_blank" style="color: rgb(0, 0, 0); border-bottom: 2px solid rgb(250, 134, 105); box-shadow: none;">template</a>. The total size of images without Adaptive Image Loading is 8.9 Mb. The total size of images after enabling Adaptive Image Loading is 2.8 Mb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090671598614041439' data-elem-id='1598614041439' data-elem-type='text' data-field-top-value="559" data-field-left-value="219" data-field-width-value="450" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="477" data-field-left-res-320-value="11" data-field-width-res-320-value="270" data-field-top-res-480-value="579" data-field-left-res-480-value="10" data-field-width-res-480-value="270" data-field-top-res-640-value="446" data-field-left-res-640-value="306" data-field-width-res-640-value="320" data-field-top-res-960-value="464" data-field-left-res-960-value="491" data-field-width-res-960-value="390"> <div class='tn-atom'field='tn_text_1598614041439'>The total size of images reduces 3 times after the optimization</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809067');});});</script>  </div> <div id="rec225809068" class="r t-rec t-rec_pt_75 t-rec_pt-res-480_60 t-rec_pb_105 t-rec_pb-res-480_90" style="padding-top:75px;padding-bottom:105px;background-color:#f7f7f7; " data-record-type="106" data-bg-color="#f7f7f7">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Most modern browsers such as Chrome, Opera, Firefox, and others support WebP. While the website is loading, the script checks if the browser supports the format and, if supported, requests WebP images from the server. If not supported, it will deliver original images as they were uploaded, in JPEG or PNG. Conversion to AVIF, another new image format offering even better file size reduction, is in the pipeline.</div> </div> </div> </div> <style> #rec225809068 .t-text{font-weight:400;}</style> </div> <div id="rec225809069" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec225809069 .t396__artboard {height:20px;background-color:#f5f5f5;overflow:visible;}#rec225809069 .t396__filter {height:20px;}#rec225809069 .t396__carrier{height:20px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809069 .t396__artboard,#rec225809069 .t396__filter,#rec225809069 .t396__carrier {}#rec225809069 .t396__filter {}#rec225809069 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809069 .t396__artboard,#rec225809069 .t396__filter,#rec225809069 .t396__carrier {height:150px;}#rec225809069 .t396__artboard {background-color:#f5f5f5;}#rec225809069 .t396__filter{}#rec225809069 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809069 .t396__artboard,#rec225809069 .t396__filter,#rec225809069 .t396__carrier {height:130px;}#rec225809069 .t396__filter {}#rec225809069 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809069 .t396__artboard,#rec225809069 .t396__filter,#rec225809069 .t396__carrier {height:100px;}#rec225809069 .t396__filter {}#rec225809069 .t396__carrier {background-attachment:scroll;}}#rec225809069 .tn-elem[data-elem-id="1598284771625"]{z-index:2;top:-7px;left:calc(50% - 600px + 38px);width:145px;height:145px;}#rec225809069 .tn-elem[data-elem-id="1598284771625"] .tn-atom{border-width:2px;border-radius:3000px;background-position:center center;border-color:#000000 ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809069 .tn-elem[data-elem-id="1598284771625"] {top:-7px;left:calc(50% - 480px + 8px);}}@media screen and (max-width:959px) {#rec225809069 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 320px + 12px);width:116px;height:116px;}}@media screen and (max-width:639px) {#rec225809069 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 240px + 12px);width:97px;height:97px;}}@media screen and (max-width:479px) {#rec225809069 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 160px + 12px);width:75px;height:75px;}}#rec225809069 .tn-elem[data-elem-id="1598284815208"]{color:#000000;z-index:3;top:33px;left:calc(50% - 600px + 63px);width:111px;}#rec225809069 .tn-elem[data-elem-id="1598284815208"] .tn-atom{color:#000000;font-size:44px;font-family:'FuturaPT',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}#rec225809069 .tn-elem[data-elem-id="1598284815208"] .tn-atom {-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);transform:rotate(20deg);}@media screen and (max-width:1199px) {#rec225809069 .tn-elem[data-elem-id="1598284815208"] {top:35px;left:calc(50% - 480px + 32px);}}@media screen and (max-width:959px) {#rec225809069 .tn-elem[data-elem-id="1598284815208"] {top:36px;left:calc(50% - 320px + 32px);width:81px;}#rec225809069 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:34px;}}@media screen and (max-width:639px) {#rec225809069 .tn-elem[data-elem-id="1598284815208"] {top:32px;left:calc(50% - 240px + 28px);}#rec225809069 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:30px;}}@media screen and (max-width:479px) {#rec225809069 .tn-elem[data-elem-id="1598284815208"] {top:25px;left:calc(50% - 160px + 25px);width:51px;}#rec225809069 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:22px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809069" data-artboard-screens="320,480,640,960,1200" data-artboard-height="20" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="100" data-artboard-height-res-480="130" data-artboard-height-res-640="150"> <div class="t396__carrier" data-artboard-recid="225809069"></div> <div class="t396__filter" data-artboard-recid="225809069"></div> <div class='t396__elem tn-elem tn-elem__2258090691598284771625' data-elem-id='1598284771625' data-elem-type='shape' data-field-top-value="-7" data-field-left-value="38" data-field-height-value="145" data-field-width-value="145" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="3" data-field-left-res-320-value="12" data-field-height-res-320-value="75" data-field-width-res-320-value="75" data-field-top-res-480-value="3" data-field-left-res-480-value="12" data-field-height-res-480-value="97" data-field-width-res-480-value="97" data-field-top-res-640-value="3" data-field-left-res-640-value="12" data-field-height-res-640-value="116" data-field-width-res-640-value="116" data-field-top-res-960-value="-7" data-field-left-res-960-value="8"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090691598284815208' data-elem-id='1598284815208' data-elem-type='text' data-field-top-value="33" data-field-left-value="63" data-field-width-value="111" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="25" data-field-left-res-320-value="25" data-field-width-res-320-value="51" data-field-top-res-480-value="32" data-field-left-res-480-value="28" data-field-top-res-640-value="36" data-field-left-res-640-value="32" data-field-width-res-640-value="81" data-field-top-res-960-value="35" data-field-left-res-960-value="32"> <div class='tn-atom'field='tn_text_1598284815208'>NEW</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809069');});});</script>  </div> <div id="rec225809070" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f5f5f5; " data-record-type="795" data-bg-color="#f5f5f5">  <div class="t795"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t795__title t-title t-title_xs" field="title">Adaptive Image Resizing</div> </div> </div> </div> <style> #rec225809070 .t795__title{font-weight:400;}@media screen and (min-width:900px){#rec225809070 .t795__title{font-size:50px;}}</style> </div> <div id="rec225809071" class="r t-rec t-rec_pt_0 t-rec_pb_75 t-rec_pb-res-480_45" style="padding-top:0px;padding-bottom:75px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">The technology detects the dimensions of the browser and the layout container, then requests optimized images from the server.<br /><br />Imagine you have uploaded a 1680 px wide photo into a block with multiple images. The size of each image container is 450 x 300 px. Therefore, a visitor will not receive an original photo but a scaled one according to the container dimensions.</div> </div> </div> </div> <style> #rec225809071 .t-text{font-weight:400;}</style> </div> <div id="rec225809072" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec225809072 .t396__artboard {height:620px;background-color:#f5f5f5;}#rec225809072 .t396__filter {height:620px;}#rec225809072 .t396__carrier{height:620px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809072 .t396__artboard,#rec225809072 .t396__filter,#rec225809072 .t396__carrier {height:480px;}#rec225809072 .t396__filter {}#rec225809072 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809072 .t396__artboard,#rec225809072 .t396__filter,#rec225809072 .t396__carrier {height:830px;}#rec225809072 .t396__filter {}#rec225809072 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809072 .t396__artboard,#rec225809072 .t396__filter,#rec225809072 .t396__carrier {height:790px;}#rec225809072 .t396__filter {}#rec225809072 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809072 .t396__artboard,#rec225809072 .t396__filter,#rec225809072 .t396__carrier {height:700px;}#rec225809072 .t396__filter {}#rec225809072 .t396__carrier {background-attachment:scroll;}}#rec225809072 .tn-elem[data-elem-id="1598284986503"]{z-index:2;top:10px;left:calc(50% - 600px + 22px);width:560px;}#rec225809072 .tn-elem[data-elem-id="1598284986503"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809072 .tn-elem[data-elem-id="1598284986503"] {top:10px;left:calc(50% - 480px + 11px);width:400px;}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {}@media screen and (max-width:479px) {#rec225809072 .tn-elem[data-elem-id="1598284986503"] {top:10px;left:calc(50% - 160px + 11px);width:300px;}}#rec225809072 .tn-elem[data-elem-id="1598344349927"]{color:#000000;z-index:3;top:406px;left:calc(50% - 600px + 21px);width:257px;}#rec225809072 .tn-elem[data-elem-id="1598344349927"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809072 .tn-elem[data-elem-id="1598344349927"] {top:300px;left:calc(50% - 480px + 11px);}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec225809072 .tn-elem[data-elem-id="1598344349927"] {top:298px;left:calc(50% - 240px + 11px);}#rec225809072 .tn-elem[data-elem-id="1598344349927"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809072 .tn-elem[data-elem-id="1598344349927"] {top:230px;left:calc(50% - 160px + 12px);}}#rec225809072 .tn-elem[data-elem-id="1598452992589"]{z-index:4;top:105px;left:calc(50% - 600px + 351px);width:1030px;}#rec225809072 .tn-elem[data-elem-id="1598452992589"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809072 .tn-elem[data-elem-id="1598452992589"] {top:55px;left:calc(50% - 480px + 260px);width:800px;}}@media screen and (max-width:959px) {#rec225809072 .tn-elem[data-elem-id="1598452992589"] {top:410px;left:calc(50% - 320px + -197px);}}@media screen and (max-width:639px) {#rec225809072 .tn-elem[data-elem-id="1598452992589"] {top:419px;left:calc(50% - 240px + -150px);width:620px;}}@media screen and (max-width:479px) {#rec225809072 .tn-elem[data-elem-id="1598452992589"] {top:345px;left:calc(50% - 160px + -144px);width:595px;}}#rec225809072 .tn-elem[data-elem-id="1598284992940"]{z-index:5;top:256px;left:calc(50% - 600px + 694px);width:190px;}#rec225809072 .tn-elem[data-elem-id="1598284992940"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809072 .tn-elem[data-elem-id="1598284992940"] {top:174px;left:calc(50% - 480px + 526px);width:150px;}}@media screen and (max-width:959px) {#rec225809072 .tn-elem[data-elem-id="1598284992940"] {top:530px;left:calc(50% - 320px + 70px);}}@media screen and (max-width:639px) {#rec225809072 .tn-elem[data-elem-id="1598284992940"] {top:510px;left:calc(50% - 240px + 56px);width:115px;}}@media screen and (max-width:479px) {#rec225809072 .tn-elem[data-elem-id="1598284992940"] {top:434px;left:calc(50% - 160px + 54px);width:110px;}}#rec225809072 .tn-elem[data-elem-id="1598344357063"]{color:#000000;z-index:6;top:558px;left:calc(50% - 600px + 693px);width:300px;}#rec225809072 .tn-elem[data-elem-id="1598344357063"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.95;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809072 .tn-elem[data-elem-id="1598344357063"] {top:415px;left:calc(50% - 480px + 526px);}}@media screen and (max-width:959px) {#rec225809072 .tn-elem[data-elem-id="1598344357063"] {top:767px;left:calc(50% - 320px + 71px);}}@media screen and (max-width:639px) {#rec225809072 .tn-elem[data-elem-id="1598344357063"] {top:735px;left:calc(50% - 240px + 11px);}#rec225809072 .tn-elem[data-elem-id="1598344357063"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809072 .tn-elem[data-elem-id="1598344357063"] {top:645px;left:calc(50% - 160px + 10px);}}#rec225809072 .tn-elem[data-elem-id="1598603107107"]{color:#000000;z-index:7;top:436px;left:calc(50% - 600px + 21px);width:397px;}#rec225809072 .tn-elem[data-elem-id="1598603107107"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809072 .tn-elem[data-elem-id="1598603107107"] {top:330px;left:calc(50% - 480px + 11px);}}@media screen and (max-width:959px) {}@media screen and (max-width:639px) {#rec225809072 .tn-elem[data-elem-id="1598603107107"] {top:325px;left:calc(50% - 240px + 11px);}#rec225809072 .tn-elem[data-elem-id="1598603107107"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809072 .tn-elem[data-elem-id="1598603107107"] {top:256px;left:calc(50% - 160px + 12px);}}#rec225809072 .tn-elem[data-elem-id="1598603113858"]{color:#000000;z-index:8;top:588px;left:calc(50% - 600px + 693px);width:397px;}#rec225809072 .tn-elem[data-elem-id="1598603113858"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809072 .tn-elem[data-elem-id="1598603113858"] {top:445px;left:calc(50% - 480px + 526px);}}@media screen and (max-width:959px) {#rec225809072 .tn-elem[data-elem-id="1598603113858"] {top:797px;left:calc(50% - 320px + 71px);}}@media screen and (max-width:639px) {#rec225809072 .tn-elem[data-elem-id="1598603113858"] {top:762px;left:calc(50% - 240px + 11px);}#rec225809072 .tn-elem[data-elem-id="1598603113858"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809072 .tn-elem[data-elem-id="1598603113858"] {top:671px;left:calc(50% - 160px + 10px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809072" data-artboard-screens="320,480,640,960,1200" data-artboard-height="620" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="700" data-artboard-height-res-480="790" data-artboard-height-res-640="830" data-artboard-height-res-960="480"> <div class="t396__carrier" data-artboard-recid="225809072"></div> <div class="t396__filter" data-artboard-recid="225809072"></div> <div class='t396__elem tn-elem tn-elem__2258090721598284986503' data-elem-id='1598284986503' data-elem-type='image' data-field-top-value="10" data-field-left-value="22" data-field-width-value="560" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="10" data-field-left-res-320-value="11" data-field-width-res-320-value="300" data-field-top-res-960-value="10" data-field-left-res-960-value="11" data-field-width-res-960-value="400"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3262-3165-4137-a566-653934353739/8268891649_28c594e27.jpg' alt='' imgfield='tn_img_1598284986503' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090721598344349927' data-elem-id='1598344349927' data-elem-type='text' data-field-top-value="406" data-field-left-value="21" data-field-width-value="257" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="230" data-field-left-res-320-value="12" data-field-top-res-480-value="298" data-field-left-res-480-value="11" data-field-top-res-960-value="300" data-field-left-res-960-value="11"> <div class='tn-atom'field='tn_text_1598344349927'>JPEG — 1680x1119px, 252 Kb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090721598452992589' data-elem-id='1598452992589' data-elem-type='image' data-field-top-value="105" data-field-left-value="351" data-field-width-value="1030" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="2580" data-field-fileheight-value="1220" data-field-top-res-320-value="345" data-field-left-res-320-value="-144" data-field-width-res-320-value="595" data-field-top-res-480-value="419" data-field-left-res-480-value="-150" data-field-width-res-480-value="620" data-field-top-res-640-value="410" data-field-left-res-640-value="-197" data-field-top-res-960-value="55" data-field-left-res-960-value="260" data-field-width-res-960-value="800"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild6230-6335-4537-a238-396335346263/__1.svg' alt='' imgfield='tn_img_1598452992589' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090721598284992940' data-elem-id='1598284992940' data-elem-type='image' data-field-top-value="256" data-field-left-value="694" data-field-width-value="190" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="434" data-field-left-res-320-value="54" data-field-width-res-320-value="110" data-field-top-res-480-value="510" data-field-left-res-480-value="56" data-field-width-res-480-value="115" data-field-top-res-640-value="530" data-field-left-res-640-value="70" data-field-top-res-960-value="174" data-field-left-res-960-value="526" data-field-width-res-960-value="150"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3862-3163-4635-a262-396634643633/8268891649_28c594e27.jpg' alt='' imgfield='tn_img_1598284992940' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090721598344357063' data-elem-id='1598344357063' data-elem-type='text' data-field-top-value="558" data-field-left-value="693" data-field-width-value="300" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="645" data-field-left-res-320-value="10" data-field-top-res-480-value="735" data-field-left-res-480-value="11" data-field-top-res-640-value="767" data-field-left-res-640-value="71" data-field-top-res-960-value="415" data-field-left-res-960-value="526"> <div class='tn-atom'field='tn_text_1598344357063'>WebP— 450x300px, 23.5 Kb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090721598603107107' data-elem-id='1598603107107' data-elem-type='text' data-field-top-value="436" data-field-left-value="21" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="256" data-field-left-res-320-value="12" data-field-top-res-480-value="325" data-field-left-res-480-value="11" data-field-top-res-960-value="330" data-field-left-res-960-value="11"> <div class='tn-atom'field='tn_text_1598603107107'><a href="https://static.tildacdn.net/tild3565-6235-4239-b162-623862653238/8268891649_28c594e275_k.jpg" target="_blank" style="color: rgb(0, 0, 0); border-bottom: 2px solid rgb(250, 134, 105); box-shadow: none;">Open image in a new tab</a></div> </div> <div class='t396__elem tn-elem tn-elem__2258090721598603113858' data-elem-id='1598603113858' data-elem-type='text' data-field-top-value="588" data-field-left-value="693" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="671" data-field-left-res-320-value="10" data-field-top-res-480-value="762" data-field-left-res-480-value="11" data-field-top-res-640-value="797" data-field-left-res-640-value="71" data-field-top-res-960-value="445" data-field-left-res-960-value="526"> <div class='tn-atom'field='tn_text_1598603113858'><a href="https://thumb.tildacdn.com/tild3565-6235-4239-b162-623862653238/-/resize/450x300/-/format/webp/8268891649_28c594e275_k.jpg" target="_blank" style="color: rgb(0, 0, 0); border-bottom: 2px solid rgb(250, 134, 105); box-shadow: none;">Open image in a new tab</a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809072');});});</script>  </div> <div id="rec225809073" class="r t-rec t-rec_pt_90 t-rec_pt-res-480_60 t-rec_pb_75 t-rec_pb-res-480_45" style="padding-top:90px;padding-bottom:75px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Suppose a visitor accesses a website from a phone. To load a website cover on this device, the script will request a cropped image at correct resolution adapted to the screen.<strong> </strong></div> </div> </div> </div> <style> #rec225809073 .t-text{font-weight:400;}</style> </div> <div id="rec225809074" class="r t-rec" style="background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5">  <style>#rec225809074 .t396__artboard {height:630px;background-color:#f5f5f5;}#rec225809074 .t396__filter {height:630px;}#rec225809074 .t396__carrier{height:630px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809074 .t396__artboard,#rec225809074 .t396__filter,#rec225809074 .t396__carrier {height:560px;}#rec225809074 .t396__filter {}#rec225809074 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809074 .t396__artboard,#rec225809074 .t396__filter,#rec225809074 .t396__carrier {height:610px;}#rec225809074 .t396__filter {}#rec225809074 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809074 .t396__artboard,#rec225809074 .t396__filter,#rec225809074 .t396__carrier {height:490px;}#rec225809074 .t396__filter {}#rec225809074 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809074 .t396__artboard,#rec225809074 .t396__filter,#rec225809074 .t396__carrier {height:360px;}#rec225809074 .t396__filter {}#rec225809074 .t396__carrier {background-attachment:scroll;}}#rec225809074 .tn-elem[data-elem-id="1598456095344"]{z-index:1;top:25px;left:calc(50% - 600px + 220px);width:760px;}#rec225809074 .tn-elem[data-elem-id="1598456095344"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809074 .tn-elem[data-elem-id="1598456095344"] {top:15px;left:calc(50% - 480px + 170px);width:540px;}}@media screen and (max-width:959px) {#rec225809074 .tn-elem[data-elem-id="1598456095344"] {top:20px;left:calc(50% - 320px + 10px);width:620px;}}@media screen and (max-width:639px) {#rec225809074 .tn-elem[data-elem-id="1598456095344"] {top:20px;left:calc(50% - 240px + 10px);width:460px;}}@media screen and (max-width:479px) {#rec225809074 .tn-elem[data-elem-id="1598456095344"] {top:10px;left:calc(50% - 160px + 10px);width:300px;}}#rec225809074 .tn-elem[data-elem-id="1598455959926"]{z-index:2;top:5px;left:calc(50% - 600px + 460px);width:270px;}#rec225809074 .tn-elem[data-elem-id="1598455959926"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809074 .tn-elem[data-elem-id="1598455959926"] {top:2px;left:calc(50% - 480px + 340px);width:190px;}}@media screen and (max-width:959px) {#rec225809074 .tn-elem[data-elem-id="1598455959926"] {top:4px;left:calc(50% - 320px + 210px);width:220px;}}@media screen and (max-width:639px) {#rec225809074 .tn-elem[data-elem-id="1598455959926"] {top:9px;left:calc(50% - 240px + 159px);width:163px;}}@media screen and (max-width:479px) {#rec225809074 .tn-elem[data-elem-id="1598455959926"] {top:5px;left:calc(50% - 160px + 108px);width:105px;}}#rec225809074 .tn-elem[data-elem-id="1598456633198"]{color:#000000;z-index:3;top:563px;left:calc(50% - 600px + 221px);width:397px;}#rec225809074 .tn-elem[data-elem-id="1598456633198"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.85;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809074 .tn-elem[data-elem-id="1598456633198"] {top:408px;left:calc(50% - 480px + 171px);}}@media screen and (max-width:959px) {#rec225809074 .tn-elem[data-elem-id="1598456633198"] {top:465px;left:calc(50% - 320px + 12px);}}@media screen and (max-width:639px) {#rec225809074 .tn-elem[data-elem-id="1598456633198"] {top:358px;left:calc(50% - 240px + 11px);}#rec225809074 .tn-elem[data-elem-id="1598456633198"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809074 .tn-elem[data-elem-id="1598456633198"] {top:235px;left:calc(50% - 160px + 10px);}}#rec225809074 .tn-elem[data-elem-id="1598602521799"]{color:#000000;z-index:4;top:599px;left:calc(50% - 600px + 220px);width:397px;}#rec225809074 .tn-elem[data-elem-id="1598602521799"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809074 .tn-elem[data-elem-id="1598602521799"] {top:441px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec225809074 .tn-elem[data-elem-id="1598602521799"] {top:498px;left:calc(50% - 320px + 11px);}}@media screen and (max-width:639px) {#rec225809074 .tn-elem[data-elem-id="1598602521799"] {top:385px;left:calc(50% - 240px + 11px);}#rec225809074 .tn-elem[data-elem-id="1598602521799"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809074 .tn-elem[data-elem-id="1598602521799"] {top:262px;left:calc(50% - 160px + 10px);}}#rec225809074 .tn-elem[data-elem-id="1598602529671"]{color:#000000;z-index:5;top:563px;left:calc(50% - 600px + 727px);width:397px;}#rec225809074 .tn-elem[data-elem-id="1598602529671"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.85;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809074 .tn-elem[data-elem-id="1598602529671"] {top:495px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec225809074 .tn-elem[data-elem-id="1598602529671"] {top:549px;left:calc(50% - 320px + 11px);}}@media screen and (max-width:639px) {#rec225809074 .tn-elem[data-elem-id="1598602529671"] {top:437px;left:calc(50% - 240px + 11px);}#rec225809074 .tn-elem[data-elem-id="1598602529671"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809074 .tn-elem[data-elem-id="1598602529671"] {top:304px;left:calc(50% - 160px + 10px);}}#rec225809074 .tn-elem[data-elem-id="1598602574646"]{color:#000000;z-index:6;top:599px;left:calc(50% - 600px + 727px);width:397px;}#rec225809074 .tn-elem[data-elem-id="1598602574646"] .tn-atom{color:#000000;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:400;opacity:0.8;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809074 .tn-elem[data-elem-id="1598602574646"] {top:528px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec225809074 .tn-elem[data-elem-id="1598602574646"] {top:582px;left:calc(50% - 320px + 11px);}}@media screen and (max-width:639px) {#rec225809074 .tn-elem[data-elem-id="1598602574646"] {top:464px;left:calc(50% - 240px + 11px);}#rec225809074 .tn-elem[data-elem-id="1598602574646"] .tn-atom{font-size:14px;}}@media screen and (max-width:479px) {#rec225809074 .tn-elem[data-elem-id="1598602574646"] {top:331px;left:calc(50% - 160px + 10px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809074" data-artboard-screens="320,480,640,960,1200" data-artboard-height="630" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-height-res-320="360" data-artboard-height-res-480="490" data-artboard-height-res-640="610" data-artboard-height-res-960="560"> <div class="t396__carrier" data-artboard-recid="225809074"></div> <div class="t396__filter" data-artboard-recid="225809074"></div> <div class='t396__elem tn-elem tn-elem__2258090741598456095344' data-elem-id='1598456095344' data-elem-type='image' data-field-top-value="25" data-field-left-value="220" data-field-width-value="760" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="1680" data-field-fileheight-value="1120" data-field-top-res-320-value="10" data-field-left-res-320-value="10" data-field-width-res-320-value="300" data-field-top-res-480-value="20" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="20" data-field-left-res-640-value="10" data-field-width-res-640-value="620" data-field-top-res-960-value="15" data-field-left-res-960-value="170" data-field-width-res-960-value="540"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild6634-6434-4864-b633-336433363833/nomadic-julien-n34bD.png' alt='' imgfield='tn_img_1598456095344' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090741598455959926' data-elem-id='1598455959926' data-elem-type='image' data-field-top-value="5" data-field-left-value="460" data-field-width-value="270" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="310" data-field-fileheight-value="626" data-field-top-res-320-value="5" data-field-left-res-320-value="108" data-field-width-res-320-value="105" data-field-top-res-480-value="9" data-field-left-res-480-value="159" data-field-width-res-480-value="163" data-field-top-res-640-value="4" data-field-left-res-640-value="210" data-field-width-res-640-value="220" data-field-top-res-960-value="2" data-field-left-res-960-value="340" data-field-width-res-960-value="190"> <div class='tn-atom'> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild6536-3232-4531-b363-383934653736/phone.svg' alt='' imgfield='tn_img_1598455959926' /> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090741598456633198' data-elem-id='1598456633198' data-elem-type='text' data-field-top-value="563" data-field-left-value="221" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="235" data-field-left-res-320-value="10" data-field-top-res-480-value="358" data-field-left-res-480-value="11" data-field-top-res-640-value="465" data-field-left-res-640-value="12" data-field-top-res-960-value="408" data-field-left-res-960-value="171"> <div class='tn-atom'field='tn_text_1598456633198'>JPEG —1680x1120px, 372 Kb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090741598602521799' data-elem-id='1598602521799' data-elem-type='text' data-field-top-value="599" data-field-left-value="220" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="262" data-field-left-res-320-value="10" data-field-top-res-480-value="385" data-field-left-res-480-value="11" data-field-top-res-640-value="498" data-field-left-res-640-value="11" data-field-top-res-960-value="441" data-field-left-res-960-value="170"> <div class='tn-atom'field='tn_text_1598602521799'><a href="https://static.tildacdn.net/tild6631-6263-4030-b437-636633313566/nomadic-julien-n34bD.jpg" target="_blank" style="color: rgb(0, 0, 0); border-bottom: 2px solid rgb(250, 134, 105); box-shadow: none;">Open image in a new tab</a></div> </div> <div class='t396__elem tn-elem tn-elem__2258090741598602529671' data-elem-id='1598602529671' data-elem-type='text' data-field-top-value="563" data-field-left-value="727" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="304" data-field-left-res-320-value="10" data-field-top-res-480-value="437" data-field-left-res-480-value="11" data-field-top-res-640-value="549" data-field-left-res-640-value="11" data-field-top-res-960-value="495" data-field-left-res-960-value="170"> <div class='tn-atom'field='tn_text_1598602529671'>WebP — 560x1120px, 103 Kb</div> </div> <div class='t396__elem tn-elem tn-elem__2258090741598602574646' data-elem-id='1598602574646' data-elem-type='text' data-field-top-value="599" data-field-left-value="727" data-field-width-value="397" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="331" data-field-left-res-320-value="10" data-field-top-res-480-value="464" data-field-left-res-480-value="11" data-field-top-res-640-value="582" data-field-left-res-640-value="11" data-field-top-res-960-value="528" data-field-left-res-960-value="170"> <div class='tn-atom'field='tn_text_1598602574646'><a href="https://thumb.tildacdn.com/tild6631-6263-4030-b437-636633313566/-/cover/560x1120/center/center/-/format/webp/nomadic-julien-n34bD.jpg" target="_blank" style="color: rgb(0, 0, 0); border-bottom: 2px solid rgb(250, 134, 105); box-shadow: none;">Open image in a new tab</a></div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809074');});});</script>  </div> <div id="rec225809075" class="r t-rec t-rec_pt_75 t-rec_pt-res-480_60 t-rec_pb_90 t-rec_pb-res-480_60" style="padding-top:75px;padding-bottom:90px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">The intelligent system is constantly analyzing website traffic on Tilda. The script prepares images optimized for the most used devices and browsers in advance. This method is more flexible than resizing on the fly: sometimes it is faster to download an original image than to resize and download an optimized one.</div> </div> </div> </div> <style> #rec225809075 .t-text{font-weight:400;}</style> </div> <div id="rec225809076" class="r t-rec" style=" " data-animationappear="off" data-record-type="396">  <style>#rec225809076 .t396__artboard {height:20px;background-color:#f5f5f5;overflow:visible;}#rec225809076 .t396__filter {height:20px;}#rec225809076 .t396__carrier{height:20px;background-position:center center;background-attachment:scroll;background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809076 .t396__artboard,#rec225809076 .t396__filter,#rec225809076 .t396__carrier {}#rec225809076 .t396__filter {}#rec225809076 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809076 .t396__artboard,#rec225809076 .t396__filter,#rec225809076 .t396__carrier {height:150px;}#rec225809076 .t396__artboard {background-color:#f5f5f5;}#rec225809076 .t396__filter{}#rec225809076 .t396__carrier {background-position:center center;background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809076 .t396__artboard,#rec225809076 .t396__filter,#rec225809076 .t396__carrier {height:130px;}#rec225809076 .t396__filter {}#rec225809076 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809076 .t396__artboard,#rec225809076 .t396__filter,#rec225809076 .t396__carrier {height:100px;}#rec225809076 .t396__filter {}#rec225809076 .t396__carrier {background-attachment:scroll;}}#rec225809076 .tn-elem[data-elem-id="1598284771625"]{z-index:2;top:-7px;left:calc(50% - 600px + 38px);width:145px;height:145px;}#rec225809076 .tn-elem[data-elem-id="1598284771625"] .tn-atom{border-width:2px;border-radius:3000px;background-position:center center;border-color:#000000 ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809076 .tn-elem[data-elem-id="1598284771625"] {top:-7px;left:calc(50% - 480px + 8px);}}@media screen and (max-width:959px) {#rec225809076 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 320px + 12px);width:116px;height:116px;}}@media screen and (max-width:639px) {#rec225809076 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 240px + 12px);width:97px;height:97px;}}@media screen and (max-width:479px) {#rec225809076 .tn-elem[data-elem-id="1598284771625"] {top:3px;left:calc(50% - 160px + 12px);width:75px;height:75px;}}#rec225809076 .tn-elem[data-elem-id="1598284815208"]{color:#000000;z-index:3;top:30px;left:calc(50% - 600px + 63px);width:111px;}#rec225809076 .tn-elem[data-elem-id="1598284815208"] .tn-atom{color:#000000;font-size:44px;font-family:'FuturaPT',Arial,sans-serif;line-height:1.55;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}#rec225809076 .tn-elem[data-elem-id="1598284815208"] .tn-atom {-webkit-transform:rotate(340deg);-moz-transform:rotate(340deg);transform:rotate(340deg);}@media screen and (max-width:1199px) {#rec225809076 .tn-elem[data-elem-id="1598284815208"] {top:30px;left:calc(50% - 480px + 33px);}}@media screen and (max-width:959px) {#rec225809076 .tn-elem[data-elem-id="1598284815208"] {top:36px;left:calc(50% - 320px + 32px);width:81px;}#rec225809076 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:34px;}}@media screen and (max-width:639px) {#rec225809076 .tn-elem[data-elem-id="1598284815208"] {top:27px;left:calc(50% - 240px + 28px);}#rec225809076 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:30px;}}@media screen and (max-width:479px) {#rec225809076 .tn-elem[data-elem-id="1598284815208"] {top:25px;left:calc(50% - 160px + 26px);width:51px;}#rec225809076 .tn-elem[data-elem-id="1598284815208"] .tn-atom{font-size:22px;}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809076" data-artboard-screens="320,480,640,960,1200" data-artboard-height="20" data-artboard-valign="center" data-artboard-ovrflw="visible" data-artboard-height-res-320="100" data-artboard-height-res-480="130" data-artboard-height-res-640="150"> <div class="t396__carrier" data-artboard-recid="225809076"></div> <div class="t396__filter" data-artboard-recid="225809076"></div> <div class='t396__elem tn-elem tn-elem__2258090761598284771625' data-elem-id='1598284771625' data-elem-type='shape' data-field-top-value="-7" data-field-left-value="38" data-field-height-value="145" data-field-width-value="145" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="3" data-field-left-res-320-value="12" data-field-height-res-320-value="75" data-field-width-res-320-value="75" data-field-top-res-480-value="3" data-field-left-res-480-value="12" data-field-height-res-480-value="97" data-field-width-res-480-value="97" data-field-top-res-640-value="3" data-field-left-res-640-value="12" data-field-height-res-640-value="116" data-field-width-res-640-value="116" data-field-top-res-960-value="-7" data-field-left-res-960-value="8"> <div class='tn-atom'> </div> </div> <div class='t396__elem tn-elem tn-elem__2258090761598284815208' data-elem-id='1598284815208' data-elem-type='text' data-field-top-value="30" data-field-left-value="63" data-field-width-value="111" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="" data-field-leftunits-value="" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="25" data-field-left-res-320-value="26" data-field-width-res-320-value="51" data-field-top-res-480-value="27" data-field-left-res-480-value="28" data-field-top-res-640-value="36" data-field-left-res-640-value="32" data-field-width-res-640-value="81" data-field-top-res-960-value="30" data-field-left-res-960-value="33"> <div class='tn-atom'field='tn_text_1598284815208'>NEW</div> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809076');});});</script>  </div> <div id="rec225809077" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f5f5f5; " data-record-type="795" data-bg-color="#f5f5f5">  <div class="t795"> <div class="t-container t-align_left"> <div class="t-col t-col_8 t-prefix_2"> <div class="t795__title t-title t-title_xs" field="title">Retina Displays and Slow Internet Connection<strong> </strong></div> </div> </div> </div> <style> #rec225809077 .t795__title{font-weight:400;}@media screen and (min-width:900px){#rec225809077 .t795__title{font-size:50px;}}</style> </div> <div id="rec225809078" class="r t-rec t-rec_pt_0 t-rec_pb_120 t-rec_pb-res-480_60" style="padding-top:0px;padding-bottom:120px;background-color:#f5f5f5; " data-record-type="106" data-bg-color="#f5f5f5">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">If a visitor uses a display with increased pixel density, the script will recognize it and request a high resolution image from the server. This way, images will appear crisp on Retina devices.<br /><br />Although, in case the connection is slow (if a visitor is browsing from the countryside, for example), the system will request a smaller image. This will prevent page load speed from slowing down.<strong> </strong></div> </div> </div> </div> <style> #rec225809078 .t-text{font-weight:400;}</style> </div> <div id="rec225809080" class="r t-rec t-rec_pt_105 t-rec_pt-res-480_60 t-rec_pb_45" style="padding-top:105px;padding-bottom:45px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">In some cases, Adaptive Image Loading may not work. There are several reasons for this:</div> </div> </div> </div> <style> #rec225809080 .t-text{font-weight:400;}</style> </div> <div id="rec225809081" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">1</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">You disabled Lazy Load in your website settings.</div> </div> </div> </div> </div> </div> <style> #rec225809081 .t373__text{font-weight:400;}</style> </div> <div id="rec225809082" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">2</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">You disabled Lazy Load for an element in <a href="http://zero.tilda.cc/" target="_blank">Zero Block</a>.</div> </div> </div> </div> </div> </div> <style> #rec225809082 .t373__text{font-weight:400;}</style> </div> <div id="rec225809083" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">3</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">An optimized version of an image has not been prepared yet. This happens if you have just uploaded a new picture on your website or if you are logging in from a device or a browser for the first time.</div> </div> </div> </div> </div> </div> <style> #rec225809083 .t373__text{font-weight:400;}</style> </div> <div id="rec225809084" class="r t-rec t-rec_pt_0 t-rec_pb_30" style="padding-top:0px;padding-bottom:30px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">4</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">Your browser does not support WebP. Find the list of browsers that support the format <a href="https://caniuse.com/#feat=webp" target="_blank">here</a>.<strong> </strong></div> </div> </div> </div> </div> </div> <style> #rec225809084 .t373__text{font-weight:400;}</style> </div> <div id="rec225809085" class="r t-rec t-rec_pt_0 t-rec_pb_105 t-rec_pb-res-480_45" style="padding-top:0px;padding-bottom:105px; " data-record-type="373">  <div class="t373"> <div class="t-container"> <div class="t-col t-col_8 t-prefix_2"> <div class="t373__wrapper"> <div class="t373__col"> <div class="t373__circle " style="border: 0px solid #000; "> <div class="t373__title t-title" field="number" style="">5</div> </div> </div> <div class="t373__col"> <div class="t373__text t-text t-text_md" field="text">The difference between the original image size and its optimized version is insignificant; in this case, the system won’t compress nor crop the image.</div> </div> </div> </div> </div> </div> <style> #rec225809085 .t373__text{font-weight:400;}</style> </div> <div id="rec225809086" class="r t-rec t-rec_pt_0 t-rec_pb_105 t-rec_pb-res-480_75" style="padding-top:0px;padding-bottom:105px; " data-record-type="106">  <div class="t004"> <div class="t-container "> <div class="t-col t-col_8 t-prefix_2"> <div field="text" class="t-text t-text_md ">Adaptive Image Loading is one of the most significant optimization technologies we have implemented in Tilda. We keep working hard to speed up the websites created on the platform. Stay tuned for more updates on Tilda blog, your personal account and social networks.</div> </div> </div> </div> <style> #rec225809086 .t-text{font-weight:400;}@media screen and (min-width:480px){#rec225809086 .t-text{font-size:28px;}}</style> </div> <div id="rec225809087" class="r t-rec t-rec_pt_0 t-rec_pb_0" style="padding-top:0px;padding-bottom:0px;background-color:#f5f5f5; " data-animationappear="off" data-record-type="396" data-bg-color="#f5f5f5">  <style>#rec225809087 .t396__artboard {height:670px;overflow:visible;}#rec225809087 .t396__filter {height:670px;}#rec225809087 .t396__carrier{height:670px;background-position:center center;background-attachment:scroll;background-image:url('https://static.tildacdn.net/tild3162-6432-4836-b830-363234626337/6Artboard_3.svg');background-size:cover;background-repeat:no-repeat;}@media screen and (max-width:1199px) {#rec225809087 .t396__artboard,#rec225809087 .t396__filter,#rec225809087 .t396__carrier {height:590px;}#rec225809087 .t396__filter {}#rec225809087 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:959px) {#rec225809087 .t396__artboard,#rec225809087 .t396__filter,#rec225809087 .t396__carrier {height:520px;}#rec225809087 .t396__filter {}#rec225809087 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:639px) {#rec225809087 .t396__artboard,#rec225809087 .t396__filter,#rec225809087 .t396__carrier {height:490px;}#rec225809087 .t396__filter {}#rec225809087 .t396__carrier {background-attachment:scroll;}}@media screen and (max-width:479px) {#rec225809087 .t396__artboard,#rec225809087 .t396__filter,#rec225809087 .t396__carrier {height:500px;}#rec225809087 .t396__filter {}#rec225809087 .t396__carrier {background-attachment:scroll;}}#rec225809087 .tn-elem[data-elem-id="1545819435161"]{color:#000000;z-index:10;top:105px;left:calc(50% - 600px + 220px);width:830px;}#rec225809087 .tn-elem[data-elem-id="1545819435161"] .tn-atom{color:#000000;font-size:60px;font-family:'TildaSans',Arial,sans-serif;line-height:1.1;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1545819435161"] {top:97px;left:calc(50% - 480px + 170px);width:700px;}#rec225809087 .tn-elem[data-elem-id="1545819435161"] .tn-atom{font-size:52px;}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1545819435161"] {top:75px;left:calc(50% - 320px + 13px);width:610px;}#rec225809087 .tn-elem[data-elem-id="1545819435161"] .tn-atom{font-size:50px;}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1545819435161"] {top:93px;left:calc(50% - 240px + 10px);width:460px;}#rec225809087 .tn-elem[data-elem-id="1545819435161"] {text-align:left;}#rec225809087 .tn-elem[data-elem-id="1545819435161"] .tn-atom{font-size:37px;}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1545819435161"] {top:85px;left:calc(50% - 160px + 10px);width:280px;}#rec225809087 .tn-elem[data-elem-id="1545819435161"] .tn-atom{font-size:35px;}}#rec225809087 .tn-elem[data-elem-id="1545819591980"]{z-index:11;top:513px;left:calc(50% - 600px + 413px);width:13px;}#rec225809087 .tn-elem[data-elem-id="1545819591980"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1545819591980"] {top:462px;left:calc(50% - 480px + 324px);}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1545819591980"] {top:411px;left:calc(50% - 320px + 139px);width:10px;}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1545819591980"] {top:385px;left:calc(50% - 240px + 124px);width:9px;}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1545819591980"] {top:407px;left:calc(50% - 160px + 123px);}}#rec225809087 .tn-elem[data-elem-id="1545819592032"]{z-index:15;top:516px;left:calc(50% - 600px + 368px);width:25px;}#rec225809087 .tn-elem[data-elem-id="1545819592032"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1545819592032"] {top:464px;left:calc(50% - 480px + 359px);}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1545819592032"] {top:411px;left:calc(50% - 320px + 164px);width:22px;}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1545819592032"] {top:387px;left:calc(50% - 240px + 148px);width:18px;}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1545819592032"] {top:412px;left:calc(50% - 160px + 147px);}}#rec225809087 .tn-elem[data-elem-id="1545819592054"]{color:#000000;z-index:16;top:428px;left:calc(50% - 600px + 221px);width:310px;}#rec225809087 .tn-elem[data-elem-id="1545819592054"] .tn-atom{color:#000000;font-size:22px;font-family:'TildaSans',Arial,sans-serif;line-height:1.35;font-weight:400;background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1545819592054"] {top:373px;left:calc(50% - 480px + 172px);}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1545819592054"] {top:340px;left:calc(50% - 320px + 13px);width:210px;}#rec225809087 .tn-elem[data-elem-id="1545819592054"] .tn-atom{font-size:15px;}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1545819592054"] {top:318px;left:calc(50% - 240px + 11px);width:210px;}#rec225809087 .tn-elem[data-elem-id="1545819592054"] {text-align:left;}#rec225809087 .tn-elem[data-elem-id="1545819592054"] .tn-atom{font-size:15px;}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1545819592054"] {top:345px;left:calc(50% - 160px + 11px);width:180px;}#rec225809087 .tn-elem[data-elem-id="1545819592054"] .tn-atom{font-size:14px;}}#rec225809087 .tn-elem[data-elem-id="1598601048855"]{color:#ffffff;text-align:center;z-index:17;top:290px;left:calc(50% - 600px + 220px);width:210px;height:55px;}#rec225809087 .tn-elem[data-elem-id="1598601048855"] .tn-atom{color:#ffffff;font-size:16px;font-family:'TildaSans',Arial,sans-serif;line-height:1.55;font-weight:600;border-width:1px;border-radius:30px;background-color:#000000;background-position:center center;border-color:transparent ;border-style:solid;transition:background-color 0.2s ease-in-out,color 0.2s ease-in-out,border-color 0.2s ease-in-out;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1598601048855"] {top:247px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1598601048855"] {top:225px;left:calc(50% - 320px + 13px);}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1598601048855"] {top:204px;left:calc(50% - 240px + 11px);}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1598601048855"] {top:229px;left:calc(50% - 160px + 11px);width:190px;height:55px;}}#rec225809087 .tn-elem[data-elem-id="1598601355311"]{z-index:18;top:519px;left:calc(50% - 600px + 220px);width:30px;}#rec225809087 .tn-elem[data-elem-id="1598601355311"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1598601355311"] {top:465px;left:calc(50% - 480px + 170px);}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1598601355311"] {top:413px;left:calc(50% - 320px + 13px);width:27px;}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1598601355311"] {top:389px;left:calc(50% - 240px + 13px);width:22px;}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1598601355311"] {top:410px;left:calc(50% - 160px + 12px);}}#rec225809087 .tn-elem[data-elem-id="1599047473620"]{z-index:19;top:517px;left:calc(50% - 600px + 270px);width:30px;}#rec225809087 .tn-elem[data-elem-id="1599047473620"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1599047473620"] {top:464px;left:calc(50% - 480px + 222px);}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1599047473620"] {top:411px;left:calc(50% - 320px + 55px);width:27px;}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1599047473620"] {top:387px;left:calc(50% - 240px + 50px);width:22px;}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1599047473620"] {top:409px;left:calc(50% - 160px + 49px);}}#rec225809087 .tn-elem[data-elem-id="1599062175147"]{z-index:20;top:514px;left:calc(50% - 600px + 320px);width:28px;}#rec225809087 .tn-elem[data-elem-id="1599062175147"] .tn-atom{background-position:center center;border-color:transparent ;border-style:solid;}@media screen and (max-width:1199px) {#rec225809087 .tn-elem[data-elem-id="1599062175147"] {top:463px;left:calc(50% - 480px + 274px);}}@media screen and (max-width:959px) {#rec225809087 .tn-elem[data-elem-id="1599062175147"] {top:409px;left:calc(50% - 320px + 97px);width:27px;}}@media screen and (max-width:639px) {#rec225809087 .tn-elem[data-elem-id="1599062175147"] {top:384px;left:calc(50% - 240px + 87px);width:22px;}}@media screen and (max-width:479px) {#rec225809087 .tn-elem[data-elem-id="1599062175147"] {top:405px;left:calc(50% - 160px + 86px);}}</style> <div class='t396'> <div class="t396__artboard" data-artboard-recid="225809087" data-artboard-screens="320,480,640,960,1200" data-artboard-height="670" data-artboard-valign="center" data-artboard-upscale="grid" data-artboard-ovrflw="visible" data-artboard-height-res-320="500" data-artboard-height-res-480="490" data-artboard-height-res-640="520" data-artboard-height-res-960="590"> <div class="t396__carrier t-bgimg" data-artboard-recid="225809087" data-original="https://static.tildacdn.net/tild3162-6432-4836-b830-363234626337/6Artboard_3.svg"></div> <div class="t396__filter" data-artboard-recid="225809087"></div> <div class='t396__elem tn-elem tn-elem__2258090871545819435161' data-elem-id='1545819435161' data-elem-type='text' data-field-top-value="105" data-field-left-value="220" data-field-width-value="830" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="85" data-field-left-res-320-value="10" data-field-width-res-320-value="280" data-field-top-res-480-value="93" data-field-left-res-480-value="10" data-field-width-res-480-value="460" data-field-top-res-640-value="75" data-field-left-res-640-value="13" data-field-width-res-640-value="610" data-field-top-res-960-value="97" data-field-left-res-960-value="170" data-field-width-res-960-value="700"> <div class='tn-atom'field='tn_text_1545819435161'>Create Fast and User-Friendly Websites on Tilda</div> </div> <div class='t396__elem tn-elem tn-elem__2258090871545819591980' data-elem-id='1545819591980' data-elem-type='image' data-field-top-value="513" data-field-left-value="413" data-field-width-value="13" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="30" data-field-fileheight-value="65" data-field-top-res-320-value="407" data-field-left-res-320-value="123" data-field-top-res-480-value="385" data-field-left-res-480-value="124" data-field-width-res-480-value="9" data-field-top-res-640-value="411" data-field-left-res-640-value="139" data-field-width-res-640-value="10" data-field-top-res-960-value="462" data-field-left-res-960-value="324"> <a class='tn-atom' href="https://www.facebook.com/tildapublishing/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3734-3561-4365-a161-656233353033/Tilda_Icons_26snw_fa.svg' alt='' imgfield='tn_img_1545819591980' /> </a> </div> <div class='t396__elem tn-elem tn-elem__2258090871545819592032' data-elem-id='1545819592032' data-elem-type='image' data-field-top-value="516" data-field-left-value="368" data-field-width-value="25" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="61" data-field-fileheight-value="61" data-field-top-res-320-value="412" data-field-left-res-320-value="147" data-field-top-res-480-value="387" data-field-left-res-480-value="148" data-field-width-res-480-value="18" data-field-top-res-640-value="411" data-field-left-res-640-value="164" data-field-width-res-640-value="22" data-field-top-res-960-value="464" data-field-left-res-960-value="359"> <a class='tn-atom' href="https://www.instagram.com/tilda.cc/" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3665-6436-4265-b962-373537386437/Tilda_Icons_26snw_in.svg' alt='' imgfield='tn_img_1545819592032' /> </a> </div> <div class='t396__elem tn-elem tn-elem__2258090871545819592054' data-elem-id='1545819592054' data-elem-type='text' data-field-top-value="428" data-field-left-value="221" data-field-width-value="310" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-top-res-320-value="345" data-field-left-res-320-value="11" data-field-width-res-320-value="180" data-field-top-res-480-value="318" data-field-left-res-480-value="11" data-field-width-res-480-value="210" data-field-top-res-640-value="340" data-field-left-res-640-value="13" data-field-width-res-640-value="210" data-field-top-res-960-value="373" data-field-left-res-960-value="172"> <div class='tn-atom'field='tn_text_1545819592054'>Don’t miss our latest news, follow us on social media!</div> </div> <div class='t396__elem tn-elem tn-elem__2258090871598601048855' data-elem-id='1598601048855' data-elem-type='button' data-field-top-value="290" data-field-left-value="220" data-field-height-value="55" data-field-width-value="210" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="" data-field-top-res-320-value="229" data-field-left-res-320-value="11" data-field-height-res-320-value="55" data-field-width-res-320-value="190" data-field-top-res-480-value="204" data-field-left-res-480-value="11" data-field-top-res-640-value="225" data-field-left-res-640-value="13" data-field-top-res-960-value="247" data-field-left-res-960-value="170"> <a class='tn-atom js-click-zero-stat' href="https://tilda.cc/registration/" data-tilda-event-name="/tilda/click/rec225809087/button1598601048855">Create a website</a> </div> <div class='t396__elem tn-elem tn-elem__2258090871598601355311' data-elem-id='1598601355311' data-elem-type='image' data-field-top-value="519" data-field-left-value="220" data-field-width-value="30" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="55" data-field-fileheight-value="39" data-field-top-res-320-value="410" data-field-left-res-320-value="12" data-field-top-res-480-value="389" data-field-left-res-480-value="13" data-field-width-res-480-value="22" data-field-top-res-640-value="413" data-field-left-res-640-value="13" data-field-width-res-640-value="27" data-field-top-res-960-value="465" data-field-left-res-960-value="170"> <a class='tn-atom' href="https://www.youtube.com/channel/UCbuvN3YQrc2dISGcestWLgw" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild6364-6631-4933-b761-386531343236/Tilda_Icons_26snw_yo.svg' alt='' imgfield='tn_img_1598601355311' /> </a> </div> <div class='t396__elem tn-elem tn-elem__2258090871599047473620' data-elem-id='1599047473620' data-elem-type='image' data-field-top-value="517" data-field-left-value="270" data-field-width-value="30" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="62" data-field-fileheight-value="50" data-field-top-res-320-value="409" data-field-left-res-320-value="49" data-field-top-res-480-value="387" data-field-left-res-480-value="50" data-field-width-res-480-value="22" data-field-top-res-640-value="411" data-field-left-res-640-value="55" data-field-width-res-640-value="27" data-field-top-res-960-value="464" data-field-left-res-960-value="222"> <a class='tn-atom' href="https://twitter.com/TildaPublishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3766-6630-4565-b931-633635633065/Tilda_Icons_26snw_tw.svg' alt='' imgfield='tn_img_1599047473620' /> </a> </div> <div class='t396__elem tn-elem tn-elem__2258090871599062175147' data-elem-id='1599062175147' data-elem-type='image' data-field-top-value="514" data-field-left-value="320" data-field-width-value="28" data-field-axisy-value="top" data-field-axisx-value="left" data-field-container-value="grid" data-field-topunits-value="px" data-field-leftunits-value="px" data-field-heightunits-value="" data-field-widthunits-value="px" data-field-filewidth-value="55" data-field-fileheight-value="53" data-field-top-res-320-value="405" data-field-left-res-320-value="86" data-field-top-res-480-value="384" data-field-left-res-480-value="87" data-field-width-res-480-value="22" data-field-top-res-640-value="409" data-field-left-res-640-value="97" data-field-width-res-640-value="27" data-field-top-res-960-value="463" data-field-left-res-960-value="274"> <a class='tn-atom' href="https://www.linkedin.com/company/tilda-publishing" target="_blank"> <img class='tn-atom__img t-img' data-original='https://static.tildacdn.net/tild3530-3265-4739-b735-636238363866/Tilda_Icons_26snw_li.svg' alt='' imgfield='tn_img_1599062175147' /> </a> </div> </div> </div> <script>t_onReady(function() {t_onFuncLoad('t396_init',function() {t396_init('225809087');});});</script>  </div> <div id="rec431703313" class="r t-rec" style=" " data-animationappear="off" data-record-type="131">  <div class="t123"> <div class="t-container_100 "> <div class="t-width t-width_100 ">  <script> var xhr = new XMLHttpRequest(); xhr.open('GET', 'https://geo.tildacdn.com/geo/country/', true); xhr.onload = function () { if (xhr.status >= 200 && xhr.status < 400) { var data = xhr.responseText; if (data === 'RU') { var metaFbInst = document.querySelectorAll('[href*="facebook.com"], [href*="instagram.com"]'); Array.prototype.forEach.call(metaFbInst, function (el) { el.parentNode.style.display = 'none'; }); } } }; xhr.send(); </script>  </div> </div> </div> </div>  <footer id="t-footer" class="t-records" data-hook="blocks-collection-content-node" data-tilda-project-id="706959" data-tilda-page-id="42674167" data-tilda-page-alias="cookie-banner" data-tilda-formskey="2920db6023168e37f9aa47e73f39e205" data-tilda-cookie="no" data-tilda-lazy="yes" data-tilda-root-zone="one" data-tilda-project-headcode="yes"> </footer>  </div>  <div class="t-tildalabel " id="tildacopy" data-tilda-sign="706959#13619647"><a href="https://tilda.cc/" class="t-tildalabel__link"><div class="t-tildalabel__wrapper"><div class="t-tildalabel__txtleft">Made on </div><div class="t-tildalabel__wrapimg"><img src="https://static.tildacdn.net/img/tildacopy.png" class="t-tildalabel__img" fetchpriority="low" alt=""></div><div class="t-tildalabel__txtright">Tilda</div></div></a></div>  <script type="text/javascript">if(!window.mainTracker) {window.mainTracker='tilda';} window.tildastatcookie='no';window.tildastatscroll='yes';setTimeout(function(){(function(d,w,k,o,g) {var n=d.getElementsByTagName(o)[0],s=d.createElement(o),f=function(){n.parentNode.insertBefore(s,n);};s.type="text/javascript";s.async=true;s.key=k;s.id="tildastatscript";s.src=g;if(w.opera=="[object Opera]") {d.addEventListener("DOMContentLoaded",f,false);} else {f();}})(document,window,'82adfe47c048eb6c541ce44057e1cc5b','script','https://static.tildacdn.net/js/tilda-stat-1.0.min.js');},2000);</script> </body> </html>