https://www.codeandweb.com/component---src-templates-knowledgebase…zing-png-images-mdx-b5ddceda8f3091541f86.js

1"use strict";(self.webpackChunkcodeandweb=self.webpackChunkcodeandweb||[]).push([[2657,77852],{3607:function(e,t,a){var n=a(82839).match(/AppleWebKit\/(\d+)\./);e.exports=!!n&&+n[1]},13709:function(e,t,a){var n=a(82839).match(/firefox\/(\d+)/i);e.exports=!!n&&+n[1]},13763:function(e,t,a){var n=a(82839);e.exports=/MSIE|Trident/.test(n)},24012:function(e,t,a){a.d(t,{K:function(){return l}});var n=a(90177),r=a(96540);const l=e=>{let{related:t}=e;return t&&r.createElement("nav",{"aria-label":"Related pages",className:"py-4 px-2 bg-gray-100 text-xs"},r.createElement("h2",{className:"font-bold pr-0 uppercase text-gray-600 my-1 pb-2 border-l-4 border-transparent"},"Related Pages"),r.createElement("ul",{className:"border-l-4 border-transparent"},t.map((e=>{let{title:t,url:a}=e;return r.createElement("li",{key:t,className:"pb-2"},r.createElement(n.A,{to:a,className:"text-gray-700 hover:text-gray-900 hover:underline"},t))}))))}},26910:function(e,t,a){var n=a(46518),r=a(79504),l=a(79306),s=a(48981),c=a(26198),o=a(84606),i=a(655),m=a(79039),u=a(74488),d=a(34598),f=a(13709),p=a(13763),h=a(39519),g=a(3607),v=[],E=r(v.sort),x=r(v.push),b=m((function(){v.sort(void 0)})),w=m((function(){v.sort(null)})),N=d("sort"),y=!m((function(){if(h)return h<70;if(!(f&&f>3)){if(p)return!0;if(g)return g<603;var e,t,a,n,r="";for(e=65;e<76;

1e++){switch(t=String.fromCharCode(e),e){case 66:case 69:case 70:case 72:a=3;break;case 68:case 71:a=4;break;default:a=2}for(n=0;n<47;n++)v.push({k:t+n,v:a})}for(v.sort((function(e,t){return t.v-e.v})),n=0;n<v.length;n++)t=v[n].k.charAt(0),r.charAt(r.length-1)!==t&&(r+=t);return"DGBEFHACIJK"!==r}}));n({target:"Array",proto:!0,forced:b||!w||!N||!y},{sort:function(e){void 0!==e&&l(e);var t=s(this);if(y)return void 0===e?E(t):E(t,e);var a,n,r=[],m=c(t);for(n=0;n<m;n++)n in t&&x(r,t[n]);for(u(r,function(e){return function(t,a){return void 0===a?-1:void 0===t?1:void 0!==e?+e(t,a)||0:i(t)>i(a)?1:-1}}(e)),a=c(r),n=0;n<a;)t[n]=r[n++];for(;n<m;)o(t,n++);return t}})},34598:function(e,t,a){var n=a(79039);e.exports=function(e,t){var a=[][e];return!!a&&n((function(){a.call(null,t||function(){return 1},1)}))}},41971:function(e,t,a){a.d(t,{Y:function(){return E}});var n=a(98587),r=a(96540);const l=["className"];var s=e=>{let{className:t}=e,a=(0,n.A)(e,l);return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor"},a,{className:t||"inline-block h-4"}),r.createElement("path",{d:"M224 256c70.7 0 128-57.3 128-128S294.7 0 224 0 96 57.3 96 128s57.3 128 128 128zm89.6 32h-16.7c-22.2 10.2-46.9 16-72.9 16s-50.6-5.8-72.9-16h-16.7C60.2 288 0 348.2 0 422.4V464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48v-41.6c0-74.2-60.2-134.4-134.4-134.4z"}))},c=a(55848);const o=["className"];var i=e=>{let{className:t}=e,a=(0,n.A)(e,o);return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 640 512",fill:"currentColor"},a,{className:t||"inline-block h-4"}),r.createElement("path",{d:"M497.941 225.941L286.059 14.059A48 48 0 0 0 252.118 0H48C21.49 0 0 21.49 0 48v204.118a48 48 0 0 0 14.059 33.941l211.882 211.882c18.744 18.745 49.136 18.746 67.882 0l204.118-204.118c18.745-18.745 18.745-49.137 0-67.882zM112 160c-26.51 0-48-21.49-48-48s21.49-48 48-48 48 21.49 48 48-21.49 48-48 48zm513.941 133.823L421.823 497.941c-18.745 18.745-49.137 18.745-67.882 0l-.36-.36L527.64 323.522c16.999-16.999 26.36-39.6 26.36-63.64s-9.362-46.641-26.36-63.64L331.397 0h48.721a48 48 0 0 1 33.941 14.059l211.882 211.882c18.745 18.745 18.745 49.137 0 67.882z"}))};function m(e){let{tags:t}=e;return r.createElement("div",{className:"flex items-center"},r.createElement(i,{className:"inline-block h-3 mr-2 shrink-0"}),r.createElement("div",null,t.map(((e,t)=>[t>0&&r.createElement("span",{key:"comma-"+e},",  "),r.createElement(c.F,{key:e,className:"underline hover:text-gray-900",tag:e},e)]))))}var u=a(32532),d=a(24794);const f=["className"];var p=e=>{let{className:t}=e,a=(0,n.A)(e,f);return r.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512",fill:"currentColor"},a,{className:t||"inline-block h-4"}),r.createElement("path",{d:"M12 192h424c6.6 0 12 5.4 12 12v260c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V204c0-6.6 5.4-12 12-12zm436-44v-36c0-26.5-21.5-48-48-48h-48V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H160V12c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v52H48C21.5 64 0 85.5 0 112v36c0 6.6 5.4 12 12 12h424c6.6 0 12-5.4 12-12z"}))},h=a(93069),g=a(46942),v=a.n(g);const E=e=>{let{pageData:t,image:a,smallHeading:n=!1}=e,l=!1,c="",o="";if(t.date){const e=new Date(Date.parse(t.date)),a=(0,d.useStaticQuery)("1552981879"),n=new Date(Date.parse(a.currentBuildDate.currentDate)),r=864e5,s=Math.floor((n.getTime()-e.getTime())/r);c=e.toLocaleDateString("en-US",{dateStyle:"long"}),o=e.toISOString(),l=s<365}const{title:i,authors:f,tags:g,github:E}=t,x={"@context":"https://schema.org","@type":"TechArticle",headline:i,author:f.map((e=>({"@type":"Person",name:e}))),dateModified:o};if(a){const e=(0,u.d)(a);e&&(x.image=e)}const b=(0,u.c)(a||null),w=n?"text-xl":"text-3xl";return r.createElement("div",{className:"px-4 max-w-4xl"},r.createElement("h1",{className:v()(w,"font-bold mb-2 mt-8")},i),r.createElement("div",{className:"text-gray-500 mb-4 mt-2 flex gap-x-4 gap-y-2 items-baseline text-xs flex-wrap"},f.length>0&&r.createElement("div",{className:"flex items-center"},r.createElement(s,{className:"inline-block h-3 mr-2"}),f.join(", ")),l&&r.createElement("div",{className:"flex items-center"},r.createElement(p,{className:"inline-block h-3 mr-2"}),r.createElement("span",{className:"sr-only"},"Last updated: "),r.createElement("time",{dateTime:o},c)),g.length>0&&r.createElement(m,{tags:g}),E&&r.createElement("a",{href:t.github,target:"_blank",rel:"nofollow noopener noreferrer",className:"underline hover:text-gray-900 flex items-center ml-auto"},r.createElement(h.A,{className:"inline-block h-[0.95rem] mr-2"}),"GitHub")),b&&r.createElement(u.G,{image:b,className:"w-full object-cover",alt:i,loading:"eager"}),r.createElement("script",{type:"application/ld+json",dangerouslySetInnerHTML:{__html:JSON.stringify(x)}}))}},55848:function(e,t,a){a.d(t,{F:function(){return s}});var n=a(96540),r=a(24794),l=a(90177);const s=e=>{let{tag:t,className:a,children:s,style:c}=e;const o=(0,r.useStaticQuery)("3366868556").allMainTutorialsYaml.nodes[0].mainTutorialIndices.find((e=>e.name===t)),i=o?o.defaultUrl?o.defaultUrl:"/tutorials/"+t:"/tags/"+t;return n.createElement(l.A,{to:i,className:a,style:c},s)}},67680:function(e,t,a){var n=a(79504);e.exports=n([].slice)},74488:function(e,t,a){var n=a(67680),r=Math.floor,l=function(e,t){var a=e.length;if(a<8)for(var s,c,o=1;o<a;){for(c=o,s=e[o];c&&t(e[c-1],s)>0;)e[c]=e[--c];c!==o++&&(e[c]=s)}else for(var i=r(a/2),m=l(n(e,0,i),t),u=l(n(e,i),t),d=m.length,f=u.length,p=0,h=0;p<d||h<f;)e[p+h]=p<d&&h<f?t(m[p],u[h])<=0?m[p++]:u[h++]:p<d?m[p++]:u[h++];return e};e.exports=l},77852:function(e,t,a){a.r(t);var n=a(28453),r=a(96540);function l(e){const t=Object.assign({p:"p",h3:"h3",a:"a",span:"span",ul:"ul",li:"li",strong:"strong"},(0,n.R)(),e.components);return r.createElement(r.Fragment,null,r.createElement(t.p,null,"TexturePacker includes a powerful PNG optimizer that can significantly reduce file sizes without requiring external tools."),"\n",r.createElement(t.h3,{id:"two-optimization-methods",style:{position:"relative"}}

1,"Two optimization methods",r.createElement(t.a,{href:"#two-optimization-methods","aria-label":"two optimization methods permalink",className:"anchor after"},r.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<svg aria-hidden="true" focusable="false" height="16" version="1.1" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"></path></svg>'}}))),"\n",r.createElement(t.ul,null,"\n",r.createElement(t.li,null,r.createElement(t.strong,null,"Lossless optimization")," - Reduces file size without changing image quality by using advanced compression algorithms"),"\n",r.createElement(t.li,null,r.createElement(t.strong,null,"Lossy optimization")," - Converts to indexed PNG (256 colors) for much smaller files with minimal visible quality loss"),"\n"),"\n",r.createElement(t.p,null,"For a detailed guide with examples and file size comparisons, see\n",r.createElement(t.a,{href:"/texturepacker/tutorials/beginners-guide-to-lossless-and-lossy-png-optimization"},"A beginner's guide to lossless and lossy PNG optimization"),"."))}t.default=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,n.R)(),e.components);return t?r.createElement(t,e,r.createElement(l,e)):l(e)}},82207:function(e,t,a){a.r(t),a.d(t,{Head:function(){return g},default:function(){return h}});var n=a(77852),r=a(96540),l=a(41971),s=a(11042),c=a(46942),o=a.n(c),i=a(44753),m=a(24012),u=a(77891),d=a(90177),f=a(81851);function p(e){let{data:t,children:a}=e;const n=(0,r.useContext)(i.d),s=!!n.related,c=!!n.product&&"none"!==n.product;return(0,r.useEffect)((()=>{f.mm.event("read knowledgebase entry",{title:n.title,slug:n.slug.split("/").filter(Boolean).pop(),product:c?n.product:"none"})})),r.createElement(u.W,null,r.createElement("div",{className:"container mx-auto"},r.createElement("div",{className:o()("break-words sm:break-normal mx-auto flex justify-center")},r.createElement("main",{id:"main-content",className:"overflow-hidden"},r.createElement(l.Y,{pageData:n,smallHeading:!0}),r.createElement("div",{className:o()("px-4 mt-8 prose break-words sm:break-normal mb-12 max-w-4xl")},a),r.createElement("div",{className:"my-12 text-center text-blue-600 text-sm"},r.createElement(d.A,{className:"mt-8",to:c?"/"+n.product+"/support":"/support"},"Show all FAQ entries >"))),s&&r.createElement("aside",{className:"order-2 bg-gray-50 hidden lg:block"},r.createElement("div",{className:"sticky top-0"},r.createElement("div",{className:"h-screen justify-between flex flex-col w-64 2xl:w-80"},r.createElement(m.K,{related:n.related})))))))}function h(e){return r.createElement(p,e,r.createElement(n.default,e))}const g=e=>{let{pageContext:t}=e;return r.createElement(r.Fragment,null,r.createElement(s.A,{pageData:t.pageData}))}},84606:function(e,t,a){var n=a(16823),r=TypeError;e.exports=function(e,t){if(!delete e[t])throw new r("Cannot delete property "+n(t)+" of "+n(e))}}}]);