https://tinypng.com/_next/static/chunks/pages/blog/[slug]-2728053b8d6f89dc.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7812],{10245:(e,l,t)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/blog/[slug]",function(){return t(39871)}])},11154:e=>{e.exports={s17tg7yg:"s17tg7yg"}},11636:(e,l,t)=>{"use strict";t.r(l),t.d(l,{__N_SSG:()=>m,default:()=>x,humanizeDate:()=>v});var r=t(12694),n=t(15383),a=t(14343),o=t(14330),i=t(6268),s=t(3515),c=t(90157),d=t(59447),u=t.n(d),g=t(47939),_=t(23915),h=t.n(_),m=!0;function v(e,l){return new Date(e).toLocaleDateString(l,{year:"numeric",month:"long",day:"numeric"})}function x(e){var l=e.subscription,t=(0,o.useRouter)(),d=(0,i.l)(l).data,_=null==d?void 0:d.footer,m=null==d?void 0:d.header,x=null==d?void 0:d.menu,j=null==d?void 0:d.latestBlogPosts,f=(null==d?void 0:d.allBlogArticles)||[],p=(null==d?void 0:d.allBlogTags)||[],b=(0,r._)((0,a.useState)(9),2),N=b[0],y=b[1],k=(0,r._)((0,a.useState)(null),2),w=k[0],A=k[1],B=w?f.filter(function(e){return e.tags.some(function(e){return e.tagName===w})}):f;return(0,n.jsx)(s.P,{title:"Tinify Blog",description:"Review Tinify's blog for the latest updates and insights.",location:"blog",footerData:_,headerData:m,menuData:x,latestBlogPosts:j,children:(0,n.jsxs)("section",{className:h().overview,children:[(0,n.jsx)("h1",{className:h().title,children:"Tinify Blog"}),(0,n.jsxs)("div",{className:h().content,children:[(0,n.jsxs)(c.A,{className:"page-width",children:[(0,n.jsx)("h2",{className:h().title,children:"Latest articles"}),(0,n.jsxs)("nav",{className:h().filters,children:[(0,n.jsx)("button",{className:"".concat(h().filter," ").concat(w?"":h().active),onClick:function(){A(null),y(9)},children:"All"}),p.map(function(e){return(0,n.jsx)("button",{className:"".concat(h().filter," ").concat(w===e.tagName?h().active:""),onClick:function(){A(e.tagName),y(9)},children:e.tagName},e.slug)})]}),(0,n.jsx)("div",{className:h().grid,children:B.map(function(e,l){var r,a,o,i,s,c,d,_,m;return(0,n.jsx)("article",{className:"".concat(h().card," ").concat(l>=N?h().hidden:""),children:(0,n.jsxs)(u(),{href:"/blog/".concat(e.slug),children:[(0,n.jsx)(g.A,{src:null==(a=e.heroImage)||null==(r=a.responsiveImage)?void 0:r.src,alt:null==(i=e.heroImage)||null==(o=i.responsiveImage)?void 0:o.alt,width:null==(c=e.heroImage)||null==(s=c.responsiveImage)?void 0:s.width,height:null==(_=e.heroImage)||null==(d=_.responsiveImage)?void 0:d.height,decoding:"async",fetchPriority:"low",loading:"lazy"}),(0,n.jsxs)("div",{className:h().body,children:[(0,n.jsxs)("span",{className:h().meta,children:[(0,n.jsx)("time",{dateTime:e.articleCreatedAt,children:v(e.articleCreatedAt,t.locale)}),"By George the Panda"]}),(0,n.jsx)("h3",{className:h().title,children:e.title}),(0,n.jsx)("p",{children:null==(m=e.seo)?void 0:m.description})]})]})},"/blog/".concat(e.slug))})})]}),N<B.length&&(0,n.jsx)("button",{className:h()["load-more"],onClick:function(){return y(function(e){return e+9})},children:"Load more"})]})]})})}},23915:e=>{e.exports={overview:"blog_overview__Cp_0d",title:"blog_title__vzVTi",content:"blog_content__QJF5L",filters:"blog_filters__U0Emj",filter:"blog_filter__rQOag",active:"blog_active__ViXN3",grid:"blog_grid__wX5_b",card:"blog_card__nvFYd",hidden:"blog_hidden___7qkq",body:"blog_body__us9iS",meta:"blog_meta__oWf_p","load-more":"blog_load-more__enrBM"}},38369:e=>{e.exports={"blog-post-page-width":"_slug__blog-post-page-width__IMJ3W",post:"_slug__post__jhu7q",title:"_slug__title__ETt7j",meta:"_slug__meta__yRDmx","hero-image":"_slug__hero-image__Zj_8z",body:"_slug__body__ddKSG",cta:"_slug__cta__Mhrqx",image:"_slug__image__yLpq2",video:"_slug__video__uttOY","link-button":"_slug__link-button__w3bup","info-box":"_slug__info-box__ClwN_",left:"_slug__left__OdRFG",right:"_slug__right__malke"}},39871:(e,l,t)=>{"use strict";t.r(l),t.d(l,{__N_SSG:()=>T,default:()=>L});var r=t(17844),n=t(93629),a=t(15383),o=t(6268),i=t(14330),s=t(3515),c=t(90157),d=t(47939),u=t(13968),g=t(31424),_=t(11636),h=t(38369),m=t.n(h);function v(e){var l,t,r,n=e.record;return(null==(l=n.asset)?void 0:l.url)?(0,a.jsxs)("figure",{className:m().image,children:[(0,a.jsx)(d.A,{src:n.asset.url,alt:n.asset.alt||"",width:null!=(t=n.asset.width)?t:void 0,height:null!=(r=n.asset.height)?r:void 0,decoding:"async",fetchPriority:"low",loading:"lazy"}),n.caption&&(0,a.jsx)("figcaption",{children:(0,a.jsx)(u.d6,{data:n.caption})})]}):null}function x(e){var l=e.record;if(!l.url)return null;var t=l.url,r=t.provider,n=t.providerUid,o=t.title,i="";return("youtube"===r?i="https://www.youtube.com/embed/".concat(n):"vimeo"===r&&(i="https://player.vimeo.com/video/".concat(n)),i)?(0,a.jsxs)("figure",{className:m().video,children:[(0,a.jsx)("iframe",{src:i,title:o||"",allowFullScreen:!0}),l.caption&&(0,a.jsx)("figcaption",{children:(0,a.jsx)(u.d6,{data:l.caption})})]}):null}function j(e){var l,t,r=e.record,n=r.table;return(null==n||null==(l=n.columns)?void 0:l.length)&&(null==n||null==(t=n.data)?void 0:t.length)?(0,a.jsxs)("figure",{className:m().table,children:[(0,a.jsxs)("table",{children:[(0,a.jsx)("thead",{children:(0,a.jsx)("tr",{children:n.columns.map(function(e){return(0,a.jsx)("th",{children:e},e)})})}),(0,a.jsx)("tbody",{children:n.data.map(function(e,l){return(0,a.jsx)("tr",{children:n.columns.map(function(l){return(0,a.jsx)("td",{children:e[l]||""},l)})},l)})})]}),r.tableCaption&&(0,a.jsx)("figcaption",{children:(0,a.jsx)(u.d6,{data:r.tableCaption})})]}):null}function f(e){var l=e.record.link;return(null==l?void 0:l.target)&&(null==l?void 0:l.label)?(0,a.jsx)("div",{className:m()["link-button"],children:(0,a.jsx)(g.As,{link:l.target,children:l.label})}):null}function p(e){var l=e.record;return l.target&&l.label?(0,a.jsx)(g.As,{link:l.target,children:l.label}):null}function b(e){var l=e.record;return l.text?(0,a.jsx)("div",{className:m()["info-box"],children:(0,a.jsx)(u.d6,{data:l.text,renderBlock:A,renderInlineBlock:B})}):null}function N(e){var l,t,r,n,o,i=e.record;return i.quote?(0,a.jsxs)("blockquote",{className:m()["quote-box"],children:[(0,a.jsxs)("div",{className:m().left,children:[(0,a.jsx)(u.d6,{data:i.quote,renderLinkToRecord:g.TB,metaTransformer:g.H0,renderBlock:I,renderInlineBlock:R}),(0,a.jsxs)("footer",{className:m().footer,children:[(null==(l=i.author)?void 0:l.target)?(0,a.jsx)(g.As,{link:i.author.target,children:(0,a.jsx)("span",{className:m().author,children:i.author.label})}):null,i.role&&(0,a.jsx)("span",{className:m().role,children:i.role}),(null==(t=i.company)?void 0:t.target)?(0,a.jsx)("span",{className:m().company,children:(0,a.jsx)(g.As,{link:i.company.target,children:i.company.label})}):null]})]}),(null==(r=i.quoteAsset)?void 0:r.url)&&(0,a.jsx)("div",{className:m().right,children:(0,a.jsx)(d.A,{className:m()["quote-box__asset"],src:i.quoteAsset.url,alt:i.quoteAsset.alt||"",width:null!=(n=i.quoteAsset.width)?n:void 0,height:null!=(o=i.quoteAsset.height)?o:void 0,decoding:"async",fetchPriority:"low",loading:"lazy"})})]}):null}function y(e){var l,t=e.record;return t.ctaText?(0,a.jsxs)("div",{className:m().cta,children:[(0,a.jsx)(u.d6,{data:t.ctaText}),(null==(l=t.link)?void 0:l.target)&&(0,a.jsx)("div",{className:m()["link-button"],children:(0,a.jsx)(g.As,{link:t.link.target,children:t.link.label})})]}):null}function k(e){var l=e.record;switch(l.__typename){case"FigureImageRecord":return(0,a.jsx)(v,{record:l});case"FigureExternalVideoRecord":return(0,a.jsx)(x,{record:l});case"FigureTableRecord":return(0,a.jsx)(j,{record:l});case"LinkButtonRecord":return(0,a.jsx)(f,{record:l});case"InfoBoxRecord":return(0,a.jsx)(b,{record:l});case"QuoteBoxRecord":return(0,a.jsx)(N,{record:l});case"BlogCtaRecord":return(0,a.jsx)(y,{record:l});default:return l}}function w(e){var l=e.record;switch(l.__typename){case"FigureImageRecord":return(0,a.jsx)(v,{record:l});case"LinkButtonRecord":return(0,a.jsx)(f,{record:l});case"LinkRecord":return(0,a.jsx)(p,{record:l});default:return null}}function A(e){var l=e.record;return"LinkRecord"===l.__typename?(0,a.jsx)(p,{record:l}):null}function B(e){var l=e.record;return"LinkRecord"===l.__typename?(0,a.jsx)(p,{record:l}):null}function I(e){var l=e.record;return"LinkRecord"===l.__typename?(0,a.jsx)(p,{record:l}):null}function R(e){var l=e.record;return"LinkRecord"===l.__typename?(0,a.jsx)(p,{record:l}):null}var T=!0;function L(e){var l,t,h,v,x,j,f,p,b,N,y,A,B=e.subscription,I=(0,i.useRouter)(),R=(0,o.l)(B).data,T=null==R?void 0:R.footer,L=null==R?void 0:R.header,q=null==R?void 0:R.menu,C=null==R?void 0:R.latestBlogPosts,P=null==R?void 0:R.blogArticle;

1return(0,a.jsx)(s.P,{title:null==(l=P.seo)?void 0:l.title,description:null==(t=P.seo)?void 0:t.description,location:"blog",footerData:T,headerData:L,menuData:q,latestBlogPosts:C,allSlugLocales:null==R||null==(v=R.blogArticle)||null==(h=v._allSlugLocales)?void 0:h.map(function(e){return(0,n._)((0,r._)({},e),{value:"/blog/".concat(e.value)})}),children:(0,a.jsx)(c.A,{className:m()["blog-post-page-width"],children:(0,a.jsxs)("section",{className:m().post,children:[(0,a.jsx)("h1",{className:m().title,children:P.title}),(0,a.jsxs)("span",{className:m().meta,children:[(0,a.jsx)("time",{dateTime:P.articleCreatedAt,children:(0,_.humanizeDate)(P.articleCreatedAt,I.locale)}),"By George the Panda"]}),(0,a.jsx)(d.A,{className:m()["hero-image"],src:null==(j=P.heroImage)||null==(x=j.responsiveImage)?void 0:x.src,alt:null==(p=P.heroImage)||null==(f=p.responsiveImage)?void 0:f.alt,width:null==(N=P.heroImage)||null==(b=N.responsiveImage)?void 0:b.width,height:null==(A=P.heroImage)||null==(y=A.responsiveImage)?void 0:y.height,decoding:"async",fetchPriority:"high",loading:"eager"}),(0,a.jsx)("div",{className:m().body,children:(0,a.jsx)(u.d6,{data:P.content,renderLinkToRecord:g.TB,metaTransformer:g.H0,renderBlock:k,renderInlineBlock:w})})]})})})}},90157:(e,l,t)=>{"use strict";t.d(l,{A:()=>a});var r=t(15383),n=t(52282);t(14343),t(11154);let a=function(e){var l=e.className,t=e.children;return(0,r.jsx)("div",{className:(0,n.cx)("page-width",l,"s17tg7yg"),children:t})}}},e=>{e.O(0,[5645,4668,2963,6798,8816,9208,7462,6268,2805,7115,3515,636,6593,8792],()=>e(e.s=10245)),_N_E=e.O()}]);