[{"data":1,"prerenderedAt":1260},["ShallowReactive",2],{"navigation_docs":3,"-docs-assets-usage-transforms":269,"-docs-assets-usage-transforms-surround":1128,"docs-site-config":1133},[4,74,78,100,134,214],{"title":5,"path":6,"stem":7,"children":8,"page":-1},"Assets API","\u002Fdocs\u002Fassets","docs\u002Fassets\u002Findex",[9,10,32,57],{"title":5,"path":6,"stem":7},{"title":11,"path":12,"stem":13,"children":14,"page":31},"Getting Started","\u002Fdocs\u002Fassets\u002Fgetting-started","docs\u002Fassets\u002F1.getting-started",[15,19,23,27],{"title":16,"path":17,"stem":18},"Base URL","\u002Fdocs\u002Fassets\u002Fgetting-started\u002Fbase-url","docs\u002Fassets\u002F1.getting-started\u002F1.base-url",{"title":20,"path":21,"stem":22},"Important Notes","\u002Fdocs\u002Fassets\u002Fgetting-started\u002Fimportant-notes","docs\u002Fassets\u002F1.getting-started\u002F2.important-notes",{"title":24,"path":25,"stem":26},"URL Format","\u002Fdocs\u002Fassets\u002Fgetting-started\u002Furl-format","docs\u002Fassets\u002F1.getting-started\u002F3.url-format",{"title":28,"path":29,"stem":30},"Custom Domains","\u002Fdocs\u002Fassets\u002Fgetting-started\u002Fcustom-domains","docs\u002Fassets\u002F1.getting-started\u002F4.custom-domains",false,{"title":33,"path":34,"stem":35,"children":36,"page":31},"Usage","\u002Fdocs\u002Fassets\u002Fusage","docs\u002Fassets\u002F2.usage",[37,41,45,49,53],{"title":38,"path":39,"stem":40},"Transforms","\u002Fdocs\u002Fassets\u002Fusage\u002Ftransforms","docs\u002Fassets\u002F2.usage\u002F1.transforms",{"title":42,"path":43,"stem":44},"Caching","\u002Fdocs\u002Fassets\u002Fusage\u002Fcaching","docs\u002Fassets\u002F2.usage\u002F2.caching",{"title":46,"path":47,"stem":48},"Recipes","\u002Fdocs\u002Fassets\u002Fusage\u002Frecipes","docs\u002Fassets\u002F2.usage\u002F3.recipes",{"title":50,"path":51,"stem":52},"Best Practices","\u002Fdocs\u002Fassets\u002Fusage\u002Fbest-practices","docs\u002Fassets\u002F2.usage\u002F4.best-practices",{"title":54,"path":55,"stem":56},"Reference","\u002Fdocs\u002Fassets\u002Fusage\u002Freference","docs\u002Fassets\u002F2.usage\u002F5.reference",{"title":58,"path":59,"stem":60,"children":61,"page":31},"Integration","\u002Fdocs\u002Fassets\u002Fintegration","docs\u002Fassets\u002F3.integration",[62,66,70],{"title":63,"path":64,"stem":65},"Nuxt","\u002Fdocs\u002Fassets\u002Fintegration\u002Fnuxt","docs\u002Fassets\u002F3.integration\u002F1.nuxt",{"title":67,"path":68,"stem":69},"Next.js","\u002Fdocs\u002Fassets\u002Fintegration\u002Fnextjs","docs\u002Fassets\u002F3.integration\u002F2.nextjs",{"title":71,"path":72,"stem":73},"Plain HTML","\u002Fdocs\u002Fassets\u002Fintegration\u002Fhtml","docs\u002Fassets\u002F3.integration\u002F3.html",{"title":75,"path":76,"stem":77},"Early Access","\u002Fdocs\u002Fearly-access","docs\u002Fearly-access",{"title":79,"path":80,"stem":81,"children":82,"page":-1},"Events API","\u002Fdocs\u002Fevents","docs\u002Fevents\u002Findex",[83,84],{"title":79,"path":80,"stem":81},{"title":11,"path":85,"stem":86,"children":87,"page":31},"\u002Fdocs\u002Fevents\u002Fgetting-started","docs\u002Fevents\u002F1.getting-started",[88,92,96],{"title":89,"path":90,"stem":91},"Subscribing","\u002Fdocs\u002Fevents\u002Fgetting-started\u002Fsubscribing","docs\u002Fevents\u002F1.getting-started\u002F1.subscribing",{"title":93,"path":94,"stem":95},"Event Delivery","\u002Fdocs\u002Fevents\u002Fgetting-started\u002Fevent-delivery","docs\u002Fevents\u002F1.getting-started\u002F2.event-delivery",{"title":97,"path":98,"stem":99},"Event Reference","\u002Fdocs\u002Fevents\u002Fgetting-started\u002Fevent-reference","docs\u002Fevents\u002F1.getting-started\u002F3.event-reference",{"title":101,"path":102,"stem":103,"children":104,"page":-1},"Integrations API","\u002Fdocs\u002Fintegrations","docs\u002Fintegrations\u002Findex",[105,106],{"title":101,"path":102,"stem":103},{"title":11,"path":107,"stem":108,"children":109,"page":31},"\u002Fdocs\u002Fintegrations\u002Fgetting-started","docs\u002Fintegrations\u002F1.getting-started",[110,114,118,122,126,130],{"title":111,"path":112,"stem":113},"Why Use It?","\u002Fdocs\u002Fintegrations\u002Fgetting-started\u002Fwhy-integrations-api","docs\u002Fintegrations\u002F1.getting-started\u002F1.why-integrations-api",{"title":115,"path":116,"stem":117},"Use Cases","\u002Fdocs\u002Fintegrations\u002Fgetting-started\u002Fwho-is-it-for","docs\u002Fintegrations\u002F1.getting-started\u002F2.who-is-it-for",{"title":119,"path":120,"stem":121},"Pre-built Connectors","\u002Fdocs\u002Fintegrations\u002Fgetting-started\u002Fpre-built-integrations","docs\u002Fintegrations\u002F1.getting-started\u002F3.pre-built-integrations",{"title":123,"path":124,"stem":125},"Custom Inbound","\u002Fdocs\u002Fintegrations\u002Fgetting-started\u002Fcustom-inbound-api","docs\u002Fintegrations\u002F1.getting-started\u002F4.custom-inbound-api",{"title":127,"path":128,"stem":129},"Event Lifecycle","\u002Fdocs\u002Fintegrations\u002Fgetting-started\u002Fevent-lifecycle","docs\u002Fintegrations\u002F1.getting-started\u002F5.event-lifecycle",{"title":131,"path":132,"stem":133},"API Endpoints","\u002Fdocs\u002Fintegrations\u002Fgetting-started\u002Fmanagement-api-endpoints","docs\u002Fintegrations\u002F1.getting-started\u002F6.management-api-endpoints",{"title":135,"path":136,"stem":137,"children":138,"page":-1,"redirect":140},"MCP Server","\u002Fdocs\u002Fmcp","docs\u002Fmcp\u002Findex",[139,141,160,173,183],{"title":135,"path":136,"stem":137,"redirect":140},"\u002Fdocs\u002Fmcp\u002Fgetting-started\u002Fvscode",{"title":11,"path":142,"stem":143,"children":144,"page":31},"\u002Fdocs\u002Fmcp\u002Fgetting-started","docs\u002Fmcp\u002F1.getting-started",[145,148,152,156],{"title":146,"path":140,"stem":147},"VS Code","docs\u002Fmcp\u002F1.getting-started\u002F1.vscode",{"title":149,"path":150,"stem":151},"Claude Desktop","\u002Fdocs\u002Fmcp\u002Fgetting-started\u002Fclaude-desktop","docs\u002Fmcp\u002F1.getting-started\u002F2.claude-desktop",{"title":153,"path":154,"stem":155},"Cursor","\u002Fdocs\u002Fmcp\u002Fgetting-started\u002Fcursor","docs\u002Fmcp\u002F1.getting-started\u002F3.cursor",{"title":157,"path":158,"stem":159},"Verify Connection","\u002Fdocs\u002Fmcp\u002Fgetting-started\u002Fverify","docs\u002Fmcp\u002F1.getting-started\u002F4.verify",{"title":161,"path":162,"stem":163,"children":164,"page":31},"Tools","\u002Fdocs\u002Fmcp\u002Ftools","docs\u002Fmcp\u002F2.tools",[165,169],{"title":166,"path":167,"stem":168},"search","\u002Fdocs\u002Fmcp\u002Ftools\u002Fsearch-docs","docs\u002Fmcp\u002F2.tools\u002F5.search-docs",{"title":170,"path":171,"stem":172},"list_articles","\u002Fdocs\u002Fmcp\u002Ftools\u002Fget-description","docs\u002Fmcp\u002F2.tools\u002F7.get-description",{"title":174,"path":175,"stem":176,"children":177,"page":-1},"API Server","\u002Fdocs\u002Fmcp\u002Fapi-server","docs\u002Fmcp\u002F3.api-server\u002Findex",[178,179],{"title":174,"path":175,"stem":176},{"title":180,"path":181,"stem":182},"Available Tools","\u002Fdocs\u002Fmcp\u002Fapi-server\u002Ftools","docs\u002Fmcp\u002F3.api-server\u002F1.tools",{"title":184,"path":185,"stem":186,"children":187,"page":31},"Examples","\u002Fdocs\u002Fmcp\u002Fexamples","docs\u002Fmcp\u002F4.examples",[188,192,196,200,204,208,212],{"title":189,"path":190,"stem":191},"Exploring an API","\u002Fdocs\u002Fmcp\u002Fexamples\u002Fexploring-an-api","docs\u002Fmcp\u002F4.examples\u002F1.exploring-an-api",{"title":193,"path":194,"stem":195},"Building a Feature","\u002Fdocs\u002Fmcp\u002Fexamples\u002Fbuilding-a-feature","docs\u002Fmcp\u002F4.examples\u002F2.building-a-feature",{"title":197,"path":198,"stem":199},"Understanding Models","\u002Fdocs\u002Fmcp\u002Fexamples\u002Funderstanding-models","docs\u002Fmcp\u002F4.examples\u002F3.understanding-models",{"title":201,"path":202,"stem":203},"Code Review","\u002Fdocs\u002Fmcp\u002Fexamples\u002Fcode-review","docs\u002Fmcp\u002F4.examples\u002F4.code-review",{"title":205,"path":206,"stem":207},"Combining MCP Servers","\u002Fdocs\u002Fmcp\u002Fexamples\u002Fmulti-mcp","docs\u002Fmcp\u002F4.examples\u002F5.multi-mcp",{"title":209,"path":210,"stem":211},"Tips","\u002Fdocs\u002Fmcp\u002Fexamples\u002Ftips","docs\u002Fmcp\u002F4.examples\u002F5.tips",{"title":209,"path":210,"stem":213},"docs\u002Fmcp\u002F4.examples\u002F6.tips",{"title":215,"path":216,"stem":217,"children":218,"page":31},"Storefront Sdk","\u002Fdocs\u002Fstorefront-sdk","docs\u002Fstorefront-sdk",[219,231,256],{"title":11,"path":220,"stem":221,"children":222,"page":31},"\u002Fdocs\u002Fstorefront-sdk\u002Fgetting-started","docs\u002Fstorefront-sdk\u002F1.getting-started",[223,227],{"title":224,"path":225,"stem":226},"Installation","\u002Fdocs\u002Fstorefront-sdk\u002Fgetting-started\u002Finstallation","docs\u002Fstorefront-sdk\u002F1.getting-started\u002F1.installation",{"title":228,"path":229,"stem":230},"Configuration","\u002Fdocs\u002Fstorefront-sdk\u002Fgetting-started\u002Fconfiguration","docs\u002Fstorefront-sdk\u002F1.getting-started\u002F2.configuration",{"title":232,"path":233,"stem":234,"children":235,"page":31},"Resources","\u002Fdocs\u002Fstorefront-sdk\u002Fresources","docs\u002Fstorefront-sdk\u002F2.resources",[236,240,244,248,252],{"title":237,"path":238,"stem":239},"Products","\u002Fdocs\u002Fstorefront-sdk\u002Fresources\u002Fproducts","docs\u002Fstorefront-sdk\u002F2.resources\u002F1.products",{"title":241,"path":242,"stem":243},"Cart","\u002Fdocs\u002Fstorefront-sdk\u002Fresources\u002Fcart","docs\u002Fstorefront-sdk\u002F2.resources\u002F2.cart",{"title":245,"path":246,"stem":247},"Auth","\u002Fdocs\u002Fstorefront-sdk\u002Fresources\u002Fauth","docs\u002Fstorefront-sdk\u002F2.resources\u002F3.auth",{"title":249,"path":250,"stem":251},"Checkout & Shipping","\u002Fdocs\u002Fstorefront-sdk\u002Fresources\u002Fcheckout-shipping","docs\u002Fstorefront-sdk\u002F2.resources\u002F4.checkout-shipping",{"title":253,"path":254,"stem":255},"Orders, Returns & Reviews","\u002Fdocs\u002Fstorefront-sdk\u002Fresources\u002Forders-returns-reviews","docs\u002Fstorefront-sdk\u002F2.resources\u002F5.orders-returns-reviews",{"title":257,"path":258,"stem":259,"children":260,"page":31},"Nuxt Layer","\u002Fdocs\u002Fstorefront-sdk\u002Fnuxt-layer","docs\u002Fstorefront-sdk\u002F3.nuxt-layer",[261,265],{"title":262,"path":263,"stem":264},"Overview","\u002Fdocs\u002Fstorefront-sdk\u002Fnuxt-layer\u002Foverview","docs\u002Fstorefront-sdk\u002F3.nuxt-layer\u002F1.overview",{"title":266,"path":267,"stem":268},"Composables","\u002Fdocs\u002Fstorefront-sdk\u002Fnuxt-layer\u002Fcomposables","docs\u002Fstorefront-sdk\u002F3.nuxt-layer\u002F2.composables",{"id":270,"title":38,"body":271,"description":1121,"extension":1122,"links":1123,"meta":1124,"navigation":1125,"path":39,"seo":1126,"stem":40,"__hash__":1127},"docs\u002Fdocs\u002Fassets\u002F2.usage\u002F1.transforms.md",{"type":272,"value":273,"toc":1109},"minimark",[274,279,284,296,311,359,369,406,421,426,429,467,473,476,479,483,488,505,568,574,614,618,625,649,655,659,666,715,721,723,727,732,738,810,816,824,829,832,870,876,881,943,945,949,954,957,987,993,1029,1033,1036,1051,1054,1056,1060,1065,1068,1098,1104,1107],[275,276,278],"h2",{"id":277},"transformation-parameters","Transformation Parameters",[280,281,283],"h3",{"id":282},"size","Size",[285,286,288,292,293],"h4",{"id":287},"width-height",[289,290,291],"code",{},"width"," & ",[289,294,295],{},"height",[297,298,299,300,310],"p",{},"Resize the image to the specified dimensions in pixels. ",[301,302,303,304,306,307,309],"strong",{},"Both ",[289,305,291],{}," and ",[289,308,295],{}," are required"," — you cannot specify only one.",[312,313,314,325],"table",{},[315,316,317],"thead",{},[318,319,320,323],"tr",{},[321,322],"th",{},[321,324],{},[326,327,328,339,349],"tbody",{},[318,329,330,336],{},[331,332,333],"td",{},[301,334,335],{},"Type",[331,337,338],{},"Integer",[318,340,341,346],{},[331,342,343],{},[301,344,345],{},"Range",[331,347,348],{},"1–4000 each",[318,350,351,356],{},[331,352,353],{},[301,354,355],{},"Default",[331,357,358],{},"Original dimensions (no resize)",[360,361,366],"pre",{"className":362,"code":364,"language":365},[363],"language-text","?width=600&height=600\n?width=800&height=450\n","text",[289,367,364],{"__ignoreMap":368},"",[312,370,371,384],{},[315,372,373],{},[318,374,375,378,381],{},[321,376,377],{},"200×200",[321,379,380],{},"400×400",[321,382,383],{},"400×250",[326,385,386],{},[318,387,388,395,400],{},[331,389,390],{},[391,392],"img",{"src":393,"width":394,"height":394,"alt":377},"https:\u002F\u002Fassets.avvyr.com\u002Fassets\u002Fbrand\u002Favvyr-asset-test.jpg?width=200&height=200",200,[331,396,397],{},[391,398],{"src":399,"width":394,"height":394,"alt":380},"https:\u002F\u002Fassets.avvyr.com\u002Fassets\u002Fbrand\u002Favvyr-asset-test.jpg?width=400&height=400",[331,401,402],{},[391,403],{"src":404,"width":394,"height":405,"alt":383},"https:\u002F\u002Fassets.avvyr.com\u002Fassets\u002Fbrand\u002Favvyr-asset-test.jpg?width=400&height=250",125,[407,408,409],"blockquote",{},[297,410,411,414,415,417,418,420],{},[301,412,413],{},"Dimension budget:"," When ",[289,416,291],{}," + ",[289,419,295],{}," exceeds 4000, both are proportionally reduced to fit within the budget. This prevents abuse while preserving the requested aspect ratio.",[285,422,424],{"id":423},"pad",[289,425,423],{},[297,427,428],{},"Add inner padding (in pixels) around the image. The target dimensions shrink by the padding amount, and the image is then re-extended with the fill color.",[312,430,431,439],{},[315,432,433],{},[318,434,435,437],{},[321,436],{},[321,438],{},[326,440,441,449,458],{},[318,442,443,447],{},[331,444,445],{},[301,446,335],{},[331,448,338],{},[318,450,451,455],{},[331,452,453],{},[301,454,345],{},[331,456,457],{},"0+",[318,459,460,464],{},[331,461,462],{},[301,463,355],{},[331,465,466],{},"0",[360,468,471],{"className":469,"code":470,"language":365},[363],"?width=800&height=800&pad=20&fill=solid&fill-color=ffffff\n",[289,472,470],{"__ignoreMap":368},[297,474,475],{},"Useful for product images that need breathing room against a background.",[477,478],"hr",{},[280,480,482],{"id":481},"fit-crop","Fit & Crop",[285,484,486],{"id":485},"fit",[289,487,485],{},[297,489,490,491,493,494,496,497],{},"Controls how the image fits within the target ",[289,492,291],{}," × ",[289,495,295],{},". ",[301,498,499,500,306,502,504],{},"Requires both ",[289,501,291],{},[289,503,295],{}," to be set.",[312,506,507,517],{},[315,508,509],{},[318,510,511,514],{},[321,512,513],{},"Value",[321,515,516],{},"Behavior",[326,518,519,532,545,555],{},[318,520,521,526],{},[331,522,523],{},[289,524,525],{},"cover",[331,527,528,531],{},[301,529,530],{},"(default)"," Resize to fill the entire target area, cropping the overflow. Center-crop.",[318,533,534,539],{},[331,535,536],{},[289,537,538],{},"crop",[331,540,541,542,544],{},"Alias for ",[289,543,525],{},".",[318,546,547,552],{},[331,548,549],{},[289,550,551],{},"contain",[331,553,554],{},"Resize to fit entirely within the target area. May leave empty space (letterboxing).",[318,556,557,562],{},[331,558,559],{},[289,560,561],{},"fill",[331,563,564,565,544],{},"Resize to fit, then fill empty space with a solid color or blur. Combine with ",[289,566,567],{},"fill-color",[360,569,572],{"className":570,"code":571,"language":365},[363],"?width=800&height=600&fit=contain\n?width=800&height=600&fit=fill&fill=solid&fill-color=f5f5f5\n",[289,573,571],{"__ignoreMap":368},[312,575,576,594],{},[315,577,578],{},[318,579,580,585,589],{},[321,581,582,584],{},[289,583,525],{}," (default)",[321,586,587],{},[289,588,551],{},[321,590,591,593],{},[289,592,561],{}," (white bg)",[326,595,596],{},[318,597,598,604,609],{},[331,599,600],{},[391,601],{"src":602,"width":394,"height":603,"alt":525},"https:\u002F\u002Fassets.avvyr.com\u002Fassets\u002Fbrand\u002Favvyr-asset-test.jpg?width=200&height=130&fit=cover",130,[331,605,606],{},[391,607],{"src":608,"width":394,"height":603,"alt":551},"https:\u002F\u002Fassets.avvyr.com\u002Fassets\u002Fbrand\u002Favvyr-asset-test.jpg?width=200&height=130&fit=contain",[331,610,611],{},[391,612],{"src":613,"width":394,"height":603,"alt":561},"https:\u002F\u002Fassets.avvyr.com\u002Fassets\u002Fbrand\u002Favvyr-asset-test.jpg?width=200&height=130&fit=fill&fill=solid&fill-color=f5f5f5",[285,615,616],{"id":561},[289,617,561],{},[297,619,620,621,624],{},"When ",[289,622,623],{},"fit=fill",", controls what fills the empty space.",[312,626,627,635],{},[315,628,629],{},[318,630,631,633],{},[321,632,513],{},[321,634,516],{},[326,636,637],{},[318,638,639,644],{},[331,640,641],{},[289,642,643],{},"solid",[331,645,646,647,544],{},"Fill with a solid color specified by ",[289,648,567],{},[360,650,653],{"className":651,"code":652,"language":365},[363],"?width=800&height=800&fit=fill&fill=solid&fill-color=ffffff\n",[289,654,652],{"__ignoreMap":368},[285,656,657],{"id":567},[289,658,567],{},[297,660,661,662,665],{},"Hex color for the fill area. The ",[289,663,664],{},"#"," prefix is optional.",[312,667,668,676],{},[315,669,670],{},[318,671,672,674],{},[321,673],{},[321,675],{},[326,677,678,687,700],{},[318,679,680,684],{},[331,681,682],{},[301,683,335],{},[331,685,686],{},"Hex color string",[318,688,689,693],{},[331,690,691],{},[301,692,355],{},[331,694,695,696,699],{},"White (",[289,697,698],{},"ffffff",")",[318,701,702,707],{},[331,703,704],{},[301,705,706],{},"Aliases",[331,708,709,711,712],{},[289,710,567],{},", ",[289,713,714],{},"fillColor",[360,716,719],{"className":717,"code":718,"language":365},[363],"?fill-color=f5f5f5\n?fillColor=000000\n",[289,720,718],{"__ignoreMap":368},[477,722],{},[280,724,726],{"id":725},"format-quality","Format & Quality",[285,728,730],{"id":729},"fm",[289,731,729],{},[297,733,734,735,737],{},"Output image format. Automatic format negotiation is the recommended approach — omit ",[289,736,729],{}," and let the CDN + Accept header determine the optimal format.",[312,739,740,752],{},[315,741,742],{},[318,743,744,746,749],{},[321,745,513],{},[321,747,748],{},"MIME Type",[321,750,751],{},"Notes",[326,753,754,767,780,797],{},[318,755,756,761,764],{},[331,757,758],{},[289,759,760],{},"webp",[331,762,763],{},"image\u002Fwebp",[331,765,766],{},"Recommended for web. ~25-35% smaller than JPEG at same quality.",[318,768,769,774,777],{},[331,770,771],{},[289,772,773],{},"png",[331,775,776],{},"image\u002Fpng",[331,778,779],{},"Lossless. Use for images with transparency.",[318,781,782,791,794],{},[331,783,784,787,788],{},[289,785,786],{},"jpeg"," \u002F ",[289,789,790],{},"jpg",[331,792,793],{},"image\u002Fjpeg",[331,795,796],{},"Universal compatibility. Good for photos.",[318,798,799,804,807],{},[331,800,801],{},[289,802,803],{},"gif",[331,805,806],{},"image\u002Fgif",[331,808,809],{},"Returned as-is (no transformation applied to animated GIFs).",[360,811,814],{"className":812,"code":813,"language":365},[363],"?fm=webp\n?fm=png\n",[289,815,813],{"__ignoreMap":368},[407,817,818],{},[297,819,820,823],{},[301,821,822],{},"SVG files"," are always returned as-is without transformation, regardless of other parameters.",[285,825,827],{"id":826},"q",[289,828,826],{},[297,830,831],{},"Output quality for lossy formats (JPEG, WebP).",[312,833,834,842],{},[315,835,836],{},[318,837,838,840],{},[321,839],{},[321,841],{},[326,843,844,852,861],{},[318,845,846,850],{},[331,847,848],{},[301,849,335],{},[331,851,338],{},[318,853,854,858],{},[331,855,856],{},[301,857,345],{},[331,859,860],{},"1–100",[318,862,863,867],{},[331,864,865],{},[301,866,355],{},[331,868,869],{},"80",[360,871,874],{"className":872,"code":873,"language":365},[363],"?q=85\n?fm=webp&q=75\n",[289,875,873],{"__ignoreMap":368},[297,877,878],{},[301,879,880],{},"Quality guidelines:",[312,882,883,897],{},[315,884,885],{},[318,886,887,890,895],{},[321,888,889],{},"Use case",[321,891,892,893],{},"Recommended ",[289,894,826],{},[321,896,751],{},[326,898,899,910,921,932],{},[318,900,901,904,907],{},[331,902,903],{},"Thumbnails \u002F listings",[331,905,906],{},"70–75",[331,908,909],{},"Small images tolerate lower quality",[318,911,912,915,918],{},[331,913,914],{},"Product detail",[331,916,917],{},"80–85",[331,919,920],{},"Good balance of quality and size",[318,922,923,926,929],{},[331,924,925],{},"Hero images \u002F banners",[331,927,928],{},"85–90",[331,930,931],{},"Visible quality difference above 90 is negligible",[318,933,934,937,940],{},[331,935,936],{},"Print \u002F download",[331,938,939],{},"95–100",[331,941,942],{},"When file size doesn't matter",[477,944],{},[280,946,948],{"id":947},"cache-control","Cache Control",[285,950,952],{"id":951},"c",[289,953,951],{},[297,955,956],{},"Cache-buster parameter. Forces a new transformation and bypasses all cache layers.",[312,958,959,967],{},[315,960,961],{},[318,962,963,965],{},[321,964],{},[321,966],{},[326,968,969,978],{},[318,970,971,975],{},[331,972,973],{},[301,974,335],{},[331,976,977],{},"String",[318,979,980,984],{},[331,981,982],{},[301,983,355],{},[331,985,986],{},"None",[360,988,991],{"className":989,"code":990,"language":365},[363],"?width=400&c=v2\n",[289,992,990],{"__ignoreMap":368},[407,994,995,1004,1020],{},[297,996,997,1000,1001,1003],{},[301,998,999],{},"⚠ Warning:"," Each unique ",[289,1002,951],{}," value creates a new transformation that is not served from cache. This means:",[1005,1006,1007,1014],"ul",{},[1008,1009,1010,1013],"li",{},[301,1011,1012],{},"Slower load times"," — the image must be re-processed from the original instead of served from the disk cache.",[1008,1015,1016,1019],{},[301,1017,1018],{},"Higher cost"," — every uncached transformation is billed. Frequent cache-busting directly increases your monthly usage.",[297,1021,1022,1025,1026,1028],{},[301,1023,1024],{},"Avoid"," randomizing ",[289,1027,951],{}," or using timestamps per request. If you need to update an image, re-upload it — the file will receive a new storage path and all caches will naturally serve the new version.",[280,1030,1032],{"id":1031},"cache-purge","Cache Purge",[297,1034,1035],{},"We do not support manual cache purge. To ensure a fresh version of an image:",[1037,1038,1039,1045],"ol",{},[1008,1040,1041,1044],{},[301,1042,1043],{},"Re-upload the image"," — this gives it a new storage path.",[1008,1046,1047,1050],{},[301,1048,1049],{},"Update the URL"," in your application to point to the new path.",[297,1052,1053],{},"All cache layers (edge CDN, memory, disk) will automatically serve the new image since the URL has changed. This is the fastest and most cost-effective way to update images.",[477,1055],{},[280,1057,1059],{"id":1058},"trim","Trim",[285,1061,1063],{"id":1062},"trim-1",[289,1064,1058],{},[297,1066,1067],{},"Auto-trim whitespace\u002Fsolid borders from the image edges.",[312,1069,1070,1078],{},[315,1071,1072],{},[318,1073,1074,1076],{},[321,1075],{},[321,1077],{},[326,1079,1080,1089],{},[318,1081,1082,1086],{},[331,1083,1084],{},[301,1085,335],{},[331,1087,1088],{},"Boolean (presence-based)",[318,1090,1091,1095],{},[331,1092,1093],{},[301,1094,355],{},[331,1096,1097],{},"Off",[360,1099,1102],{"className":1100,"code":1101,"language":365},[363],"?trim\n?trim=true\n",[289,1103,1101],{"__ignoreMap":368},[297,1105,1106],{},"Useful for product images with inconsistent whitespace padding from suppliers.",[477,1108],{},{"title":368,"searchDepth":1110,"depth":1110,"links":1111},2,[1112],{"id":277,"depth":1110,"text":278,"children":1113},[1114,1116,1117,1118,1119,1120],{"id":282,"depth":1115,"text":283},3,{"id":481,"depth":1115,"text":482},{"id":725,"depth":1115,"text":726},{"id":947,"depth":1115,"text":948},{"id":1031,"depth":1115,"text":1032},{"id":1058,"depth":1115,"text":1059},"Size, crop, format, quality, cache control, and trim parameters","md",null,{},true,{"title":38,"description":1121},"ev2NTNNkm4UD8F6bUUPBhgBXJqhtmKjy2ZS5pnzvW9Y",[1129,1131],{"title":28,"path":29,"stem":30,"description":1130,"children":-1},"Serve images from your own branded domain",{"title":42,"path":43,"stem":44,"description":1132,"children":-1},"Multi-layer caching architecture, response headers, and purge policy",{"_uid":1134,"component":1135,"mega_menu":1136},"ba7c13ba-e184-4f43-b10c-3ec3364eedb7","docsite_config",[1137,1195,1240],{"_uid":1138,"items":1139,"label":1192,"component":1193,"panel_layout":1194},"dfbeb399-33e6-48a4-995c-03754a63ea51",[1140,1151,1157,1164,1171,1177,1182,1187],{"to":1141,"_uid":1145,"icon":1146,"label":1147,"figure":368,"header":1148,"component":1149,"description":1150},{"url":1142,"linktype":1143,"fieldtype":1144,"cached_url":1142},"\u002Fstorefront\u002Freference","url","multilink","7b65f0d2-45ed-4fd9-97cb-36e2adeb6ccb","i-lucide-shopping-cart","Storefront API","Commerce","mega_item","Headless storefronts: catalog, cart, checkout",{"to":1152,"_uid":1153,"icon":1154,"label":1155,"figure":368,"header":1148,"component":1149,"description":1156},{"url":216,"linktype":1143,"fieldtype":1144,"cached_url":216},"52070748-f27f-4067-a6a6-2456c34c8725","i-lucide-package","Storefront SDK","Typed client and Nuxt layer",{"to":1158,"_uid":1160,"icon":1161,"label":1162,"figure":368,"header":1148,"component":1149,"description":1163},{"url":1159,"linktype":1143,"fieldtype":1144,"cached_url":1159},"\u002Fmanagement\u002Freference","228d563d-22c9-4f1b-8a5f-ac7b7d985b83","i-lucide-settings","Management API","Back-office integrations",{"to":1165,"_uid":1167,"icon":1168,"label":1169,"figure":368,"header":1148,"component":1149,"description":1170},{"url":1166,"linktype":1143,"fieldtype":1144,"cached_url":1166},"\u002Fcatalog-sync\u002Freference","d7c58029-f0fd-4460-ab8f-ccb9d6fe6837","i-lucide-refresh-cw","Catalog Sync API","Bulk product and stock sync",{"to":1172,"_uid":1173,"icon":1174,"label":5,"figure":368,"header":1175,"component":1149,"description":1176},{"url":6,"linktype":1143,"fieldtype":1144,"cached_url":6},"1df97900-c66c-4afa-8e46-233625a74d25","i-lucide-image","Platform","Image CDN and transforms",{"to":1178,"_uid":1179,"icon":1180,"label":79,"figure":368,"header":1175,"component":1149,"description":1181},{"url":80,"linktype":1143,"fieldtype":1144,"cached_url":80},"d49f1c7d-4d48-4dc0-aa66-e2389d34d9e7","i-lucide-radio","Webhooks and event delivery",{"to":1183,"_uid":1184,"icon":1185,"label":101,"figure":368,"header":1175,"component":1149,"description":1186},{"url":102,"linktype":1143,"fieldtype":1144,"cached_url":102},"ebd16965-32df-44ed-8a1a-7f86d38652be","i-lucide-plug","Connect ERPs, carriers and PSPs",{"to":1188,"_uid":1189,"icon":1190,"label":135,"figure":368,"header":1175,"component":1149,"description":1191},{"url":136,"linktype":1143,"fieldtype":1144,"cached_url":136},"b0364d6f-c703-47a5-9c85-4a95790c8daa","i-lucide-bot","Avvyr in Claude, Cursor and VS Code","APIs","mega_group","ProductFeatures",{"_uid":1196,"items":1197,"label":1239,"component":1193,"panel_layout":1194},"b10ed186-1293-4c37-9c84-d7dc33ea5348",[1198,1204,1209,1214,1219,1224,1229,1234],{"to":1199,"_uid":1200,"icon":1201,"label":1202,"figure":368,"header":1203,"component":1149},{"url":225,"linktype":1143,"fieldtype":1144,"cached_url":225},"5897c0b1-4b02-4dda-83a2-e2f1bc10de0e","i-lucide-download","SDK installation","Get started",{"to":1205,"_uid":1206,"icon":1207,"label":1208,"figure":368,"header":1203,"component":1149},{"url":258,"linktype":1143,"fieldtype":1144,"cached_url":258},"97b502e6-6329-43f1-a7f0-20a87d8ddb61","i-lucide-layers","Nuxt layer",{"to":1210,"_uid":1211,"icon":1212,"label":1213,"figure":368,"header":1203,"component":1149},{"url":90,"linktype":1143,"fieldtype":1144,"cached_url":90},"cfd226ed-05c2-4d54-83be-84e2ef4f53c0","i-lucide-bell","Subscribing to events",{"to":1215,"_uid":1216,"icon":1217,"label":1218,"figure":368,"header":1203,"component":1149},{"url":140,"linktype":1143,"fieldtype":1144,"cached_url":140},"a615a2dd-e0a8-47a8-8449-2ef6c21d7dcc","i-lucide-terminal","Connect the MCP server",{"to":1220,"_uid":1221,"icon":1222,"label":1223,"figure":368,"header":46,"component":1149},{"url":39,"linktype":1143,"fieldtype":1144,"cached_url":39},"7dd7e47a-0657-43f6-9d5d-5cb25815bec5","i-lucide-crop","Image transforms",{"to":1225,"_uid":1226,"icon":1227,"label":1228,"figure":368,"header":46,"component":1149},{"url":64,"linktype":1143,"fieldtype":1144,"cached_url":64},"7c4dd27d-7700-4893-8d76-6f2876b7cbac","i-lucide-code","Assets in Nuxt",{"to":1230,"_uid":1231,"icon":1232,"label":1233,"figure":368,"header":46,"component":1149},{"url":194,"linktype":1143,"fieldtype":1144,"cached_url":194},"7834ff9b-a62d-4795-a5a3-265bccaeb697","i-lucide-wand-sparkles","Building a feature with MCP",{"to":1235,"_uid":1236,"icon":1237,"label":1238,"figure":368,"header":46,"component":1149},{"url":76,"linktype":1143,"fieldtype":1144,"cached_url":76},"b967bbe2-23ff-4e64-836c-8b6054c27f9f","i-lucide-flask-conical","Early access","Guides",{"_uid":1241,"items":1242,"label":1258,"component":1193,"panel_layout":1259},"79bc9cd1-4246-4178-a99d-3c0b333b295c",[1243,1251],{"to":1244,"_uid":1246,"icon":1247,"label":1248,"figure":368,"header":1249,"component":1149,"description":1250},{"url":1245,"linktype":1143,"fieldtype":1144,"cached_url":1245},"https:\u002F\u002Fhelp.avvyr.com","e429b5df-877d-4eef-9e96-61c4aca3454a","i-lucide-life-buoy","Help Center","Using Avvyr","Guides for merchants and staff",{"to":1252,"_uid":1254,"icon":1255,"label":1256,"figure":368,"header":1249,"component":1149,"description":1257},{"url":1253,"linktype":1143,"fieldtype":1144,"cached_url":1253},"https:\u002F\u002Favvyr.com\u002Fen","2685f915-3472-4ee5-828c-d1375dbe79ca","i-lucide-globe","avvyr.com","Product, pricing and partners","Help","Links",1790695901273]