[{"data":1,"prerenderedAt":573},["ShallowReactive",2],{"navigation_docs":3,"-transformations":49,"-transformations-surround":569},[4,8,12,16,20,24,28],{"title":5,"path":6,"stem":7},"Introduction","\u002Fintroduction","1.introduction",{"title":9,"path":10,"stem":11},"Installation","\u002Finstallation","2.installation",{"title":13,"path":14,"stem":15},"SDKs","\u002Fsdk","3.sdk",{"title":17,"path":18,"stem":19},"Dashboard","\u002Fdashboard","4.dashboard",{"title":21,"path":22,"stem":23},"HTTP API","\u002Fhttp-api","5.http-api",{"title":25,"path":26,"stem":27},"Image Transformations","\u002Ftransformations","6.transformations",{"title":29,"path":30,"stem":31,"children":32},"Framework Components","\u002Fframeworks","frameworks",[33,37,41,45],{"title":34,"path":35,"stem":36},"Qwik","\u002Fframeworks\u002Fqwik","frameworks\u002Fqwik",{"title":38,"path":39,"stem":40},"React","\u002Fframeworks\u002Freact","frameworks\u002Freact",{"title":42,"path":43,"stem":44},"Svelte","\u002Fframeworks\u002Fsvelte","frameworks\u002Fsvelte",{"title":46,"path":47,"stem":48},"Vue","\u002Fframeworks\u002Fvue","frameworks\u002Fvue",{"id":50,"title":25,"body":51,"description":562,"extension":563,"links":564,"meta":565,"navigation":566,"path":26,"seo":567,"stem":27,"__hash__":568},"docs\u002F6.transformations.md",{"type":52,"value":53,"toc":536},"minimark",[54,58,63,66,76,79,105,112,115,132,139,142,168,175,178,211,218,231,240,256,260,263,398,402,405,409,412,417,447,451,458,474,491,495,499,505,509,512,521,525],[55,56,57],"p",{},"PichaFlow provides a powerful URL-based transformation engine that allows you to resize, optimize, and reformat images in real-time at the edge.",[59,60,62],"h2",{"id":61},"query-parameters","Query Parameters",[55,64,65],{},"You can apply transformations by appending query parameters to your asset URLs.",[67,68,70,71,75],"h3",{"id":69},"width-w","Width (",[72,73,74],"code",{},"w",")",[55,77,78],{},"Sets the target width of the image in pixels.",[80,81,82,97],"ul",{},[83,84,85,89,90,93,94],"li",{},[86,87,88],"strong",{},"Range",": ",[72,91,92],{},"1"," to ",[72,95,96],{},"5000",[83,98,99,89,102],{},[86,100,101],{},"Example",[72,103,104],{},"?w=800",[67,106,108,109,75],{"id":107},"height-h","Height (",[72,110,111],{},"h",[55,113,114],{},"Sets the target height of the image in pixels.",[80,116,117,125],{},[83,118,119,89,121,93,123],{},[86,120,88],{},[72,122,92],{},[72,124,96],{},[83,126,127,89,129],{},[86,128,101],{},[72,130,131],{},"?h=600",[67,133,135,136,75],{"id":134},"quality-q","Quality (",[72,137,138],{},"q",[55,140,141],{},"Controls the compression quality of the output image. Lower values result in smaller file sizes but lower visual quality.",[80,143,144,153,161],{},[83,145,146,89,148,93,150],{},[86,147,88],{},[72,149,92],{},[72,151,152],{},"100",[83,154,155,89,158],{},[86,156,157],{},"Default",[72,159,160],{},"80",[83,162,163,89,165],{},[86,164,101],{},[72,166,167],{},"?q=75",[67,169,171,172,75],{"id":170},"format-f","Format (",[72,173,174],{},"f",[55,176,177],{},"Specifies the output format of the image.",[80,179,180,198,204],{},[83,181,182,89,185,188,189,188,192,188,195],{},[86,183,184],{},"Options",[72,186,187],{},"webp",", ",[72,190,191],{},"avif",[72,193,194],{},"png",[72,196,197],{},"jpg",[83,199,200,89,202],{},[86,201,157],{},[72,203,187],{},[83,205,206,89,208],{},[86,207,101],{},[72,209,210],{},"?f=avif",[67,212,214,215,75],{"id":213},"preset-preset","Preset (",[72,216,217],{},"preset",[55,219,220,221,188,224,188,227,230],{},"Applies a named transformation pipeline defined in your PichaFlow Dashboard. Presets are useful for standardizing image sizes across your site (e.g., ",[72,222,223],{},"hero",[72,225,226],{},"thumbnail",[72,228,229],{},"avatar",").",[80,232,233],{},[83,234,235,89,237],{},[86,236,101],{},[72,238,239],{},"?preset=thumbnail",[241,242,243],"blockquote",{},[55,244,245,249,250,252,253,255],{},[246,247,248],"span",{},"!NOTE","\nIf you provide both a preset and individual parameters (like ",[72,251,74],{}," or ",[72,254,111],{},"), the individual parameters will override the values defined in the preset.",[59,257,259],{"id":258},"pricing-limits","Pricing & Limits",[55,261,262],{},"Transformation quotas and feature availability depend on your subscription tier.",[264,265,266,288],"table",{},[267,268,269],"thead",{},[270,271,272,276,279,282,285],"tr",{},[273,274,275],"th",{},"Feature",[273,277,278],{},"Hobby",[273,280,281],{},"Pro",[273,283,284],{},"Scale",[273,286,287],{},"Enterprise",[289,290,291,311,326,351,375],"tbody",{},[270,292,293,299,302,305,308],{},[294,295,296],"td",{},[86,297,298],{},"Monthly Quota",[294,300,301],{},"1,000",[294,303,304],{},"50,000",[294,306,307],{},"250,000",[294,309,310],{},"Unlimited",[270,312,313,318,320,322,324],{},[294,314,315],{},[86,316,317],{},"Custom Presets",[294,319,310],{},[294,321,310],{},[294,323,310],{},[294,325,310],{},[270,327,328,333,339,343,347],{},[294,329,330],{},[86,331,332],{},"AVIF Support",[294,334,335],{},[336,337],"icon",{"name":338},"lucide:check",[294,340,341],{},[336,342],{"name":338},[294,344,345],{},[336,346],{"name":338},[294,348,349],{},[336,350],{"name":338},[270,352,353,358,363,367,371],{},[294,354,355],{},[86,356,357],{},"Custom Filters",[294,359,360],{},[336,361],{"name":362},"lucide:x",[294,364,365],{},[336,366],{"name":362},[294,368,369],{},[336,370],{"name":362},[294,372,373],{},[336,374],{"name":338},[270,376,377,382,386,390,394],{},[294,378,379],{},[86,380,381],{},"Custom Domains",[294,383,384],{},[336,385],{"name":362},[294,387,388],{},[336,389],{"name":362},[294,391,392],{},[336,393],{"name":338},[294,395,396],{},[336,397],{"name":338},[67,399,401],{"id":400},"exceeding-quotas","Exceeding Quotas",[55,403,404],{},"If you exceed your monthly transformation quota, PichaFlow will continue to serve your images from cache, but new transformations may be throttled or temporarily disabled until the next billing cycle or an upgrade is performed.",[67,406,408],{"id":407},"custom-wasm-filters","Custom WASM Filters",[55,410,411],{},"Enterprise customers can deploy custom Rust-based WASM filters directly into their transformation pipeline. These filters run at the edge with near-zero latency.",[413,414,416],"h4",{"id":415},"supported-enterprise-features","Supported Enterprise Features:",[80,418,419,425,435,441],{},[83,420,421,424],{},[86,422,423],{},"Smart Focal Cropping",": Uses AI-driven subject detection to ensure the most important part of the image remains centered when resizing.",[83,426,427,430,431,434],{},[86,428,429],{},"Dynamic Watermarking",": Inject brand logos or user-specific metadata (e.g., \"Preview for ",[246,432,433],{},"User","\") into the image at the edge.",[83,436,437,440],{},[86,438,439],{},"Advanced Color Grading",": Apply complex color corrections or brand-specific LUTs (Look-Up Tables) to maintain visual consistency across all assets.",[83,442,443,446],{},[86,444,445],{},"Image Compositing",": Layer multiple assets (like \"Sale\" badges or promotional overlays) onto your base images dynamically.",[413,448,450],{"id":449},"usage","Usage:",[55,452,453,454,457],{},"Custom filters are typically invoked via the ",[72,455,456],{},"filter"," parameter:",[80,459,460,467],{},[83,461,462,89,464],{},[86,463,101],{},[72,465,466],{},"?filter=smart-crop&w=800&h=800",[83,468,469,89,471],{},[86,470,101],{},[72,472,473],{},"?filter=brand-watermark&preset=hero",[241,475,476],{},[55,477,478,481,482,484,485,490],{},[246,479,480],{},"!IMPORTANT","\nCustom WASM filters are only available on the ",[86,483,287],{}," tier. Contact ",[486,487,489],"a",{"href":488},"mailto:enterprise@pichaflow.com","enterprise@pichaflow.com"," to start building your custom pipeline.",[59,492,494],{"id":493},"best-practices","Best Practices",[67,496,498],{"id":497},"use-avif-for-maximum-savings","Use AVIF for maximum savings",[55,500,501,502,504],{},"AVIF generally provides better compression than WebP. If your users are on modern browsers, consider using ",[72,503,210],{},".",[67,506,508],{"id":507},"combine-width-and-quality","Combine width and quality",[55,510,511],{},"For high-density displays, you might want to serve a larger image but with slightly lower quality to keep the file size balanced.",[80,513,514],{},[83,515,516,89,518],{},[86,517,101],{},[72,519,520],{},"?w=1600&q=70",[67,522,524],{"id":523},"automatic-optimization","Automatic Optimization",[55,526,527,528,531,532,535],{},"By default, PichaFlow serves images in ",[86,529,530],{},"WebP"," format with ",[86,533,534],{},"80% quality"," if no parameters are specified. This ensures a great balance between performance and quality out of the box.",{"title":537,"searchDepth":538,"depth":538,"links":539},"",2,[540,553,557],{"id":61,"depth":538,"text":62,"children":541},[542,545,547,549,551],{"id":69,"depth":543,"text":544},3,"Width (w)",{"id":107,"depth":543,"text":546},"Height (h)",{"id":134,"depth":543,"text":548},"Quality (q)",{"id":170,"depth":543,"text":550},"Format (f)",{"id":213,"depth":543,"text":552},"Preset (preset)",{"id":258,"depth":538,"text":259,"children":554},[555,556],{"id":400,"depth":543,"text":401},{"id":407,"depth":543,"text":408},{"id":493,"depth":538,"text":494,"children":558},[559,560,561],{"id":497,"depth":543,"text":498},{"id":507,"depth":543,"text":508},{"id":523,"depth":543,"text":524},"Learn how to transform images on the fly using PichaFlow URL parameters.","md",null,{},true,{"title":25,"description":562},"vSFz0AIhhgOzthsVtoWGd62gvd1mu8qntwMyMtsmr0s",[570,572],{"title":21,"path":22,"stem":23,"description":571,"children":-1},"REST API reference for custom PichaFlow integrations.",{"title":29,"path":30,"stem":31,"children":-1,"description":537},1778728372101]