[{"data":1,"prerenderedAt":1773},["Reactive",2],{"navigation":3,"docs-/providers/gumlet":112,"docs-/providers/gumlet-surround":667},[4,17,30,102],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19,"children":20},"Usage","/usage",[21,24,27],{"title":22,"_path":23},"\u003CNuxtImg>","/usage/nuxt-img",{"title":25,"_path":26},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":28,"_path":29},"useImage()","/usage/use-image",{"title":15,"_path":31,"children":32},"/providers",[33,36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99],{"title":34,"_path":35},"Cloudflare","/providers/cloudflare",{"title":37,"_path":38},"Cloudimage","/providers/cloudimage",{"title":40,"_path":41},"Cloudinary","/providers/cloudinary",{"title":43,"_path":44},"Contentful","/providers/contentful",{"title":46,"_path":47},"Directus","/providers/directus",{"title":49,"_path":50},"Edgio","/providers/edgio",{"title":52,"_path":53},"Fastly","/providers/fastly",{"title":55,"_path":56},"Glide","/providers/glide",{"title":58,"_path":59},"Gumlet","/providers/gumlet",{"title":61,"_path":62},"ImageEngine","/providers/imageengine",{"title":64,"_path":65},"ImageKit","/providers/imagekit",{"title":67,"_path":68},"Imgix","/providers/imgix",{"title":70,"_path":71},"IPX","/providers/ipx",{"title":73,"_path":74},"Netlify","/providers/netlify",{"title":76,"_path":77},"Prepr","/providers/prepr",{"title":79,"_path":80},"Prismic","/providers/prismic",{"title":82,"_path":83},"Sanity","/providers/sanity",{"title":85,"_path":86},"Storyblok","/providers/storyblok",{"title":88,"_path":89},"Strapi","/providers/strapi",{"title":91,"_path":92},"Twicpics","/providers/twicpics",{"title":94,"_path":95},"Unsplash","/providers/unsplash",{"title":97,"_path":98},"Uploadcare","/providers/uploadcare",{"title":100,"_path":101},"Vercel","/providers/vercel",{"title":103,"_path":104,"children":105},"Advanced","/advanced",[106,109],{"title":107,"_path":108},"Custom Provider","/advanced/custom-provider",{"title":110,"_path":111},"Static Images","/advanced/static-images",{"_path":59,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"_empty":114,"title":58,"description":116,"body":117,"_type":662,"_id":663,"_source":664,"_file":665,"_extension":666},"providers",false,"","Nuxt Image has first class integration with Gumlet.",{"type":118,"children":119,"toc":656},"root",[120,138,143,334,349,369,375,395,409,415,427,638,651],{"type":121,"tag":122,"props":123,"children":124},"element","p",{},[125,128,136],{"type":126,"value":127},"text","Integration between ",{"type":121,"tag":129,"props":130,"children":134},"a",{"href":131,"rel":132},"https://docs.gumlet.com/",[133],"nofollow",[135],{"type":126,"value":58},{"type":126,"value":137}," and the image module.",{"type":121,"tag":122,"props":139,"children":140},{},[141],{"type":126,"value":142},"To use this provider you just need to specify the base url of your service in Gumlet.",{"type":121,"tag":144,"props":145,"children":151},"code",{"className":146,"code":148,"filename":149,"language":150,"meta":115},[147],"language-ts","export default defineNuxtConfig({\n  image: {\n    gumlet: {\n      baseURL: 'https://demo.gumlet.io'\n    }\n  }\n})\n","nuxt.config.ts","ts",[152],{"type":121,"tag":153,"props":154,"children":155},"pre",{},[156],{"type":121,"tag":144,"props":157,"children":158},{"__ignoreMap":115},[159,203,231,257,295,308,320],{"type":121,"tag":160,"props":161,"children":164},"span",{"class":162,"line":163},"line",1,[165,171,177,182,186,192,197],{"type":121,"tag":160,"props":166,"children":168},{"class":167},"ct-064524",[169],{"type":126,"value":170},"export",{"type":121,"tag":160,"props":172,"children":174},{"class":173},"ct-770753",[175],{"type":126,"value":176}," ",{"type":121,"tag":160,"props":178,"children":179},{"class":167},[180],{"type":126,"value":181},"default",{"type":121,"tag":160,"props":183,"children":184},{"class":173},[185],{"type":126,"value":176},{"type":121,"tag":160,"props":187,"children":189},{"class":188},"ct-750008",[190],{"type":126,"value":191},"defineNuxtConfig",{"type":121,"tag":160,"props":193,"children":194},{"class":173},[195],{"type":126,"value":196},"(",{"type":121,"tag":160,"props":198,"children":200},{"class":199},"ct-209289",[201],{"type":126,"value":202},"{\n",{"type":121,"tag":160,"props":204,"children":206},{"class":162,"line":205},2,[207,212,218,223,227],{"type":121,"tag":160,"props":208,"children":209},{"class":173},[210],{"type":126,"value":211},"  ",{"type":121,"tag":160,"props":213,"children":215},{"class":214},"ct-007771",[216],{"type":126,"value":217},"image",{"type":121,"tag":160,"props":219,"children":220},{"class":199},[221],{"type":126,"value":222},":",{"type":121,"tag":160,"props":224,"children":225},{"class":173},[226],{"type":126,"value":176},{"type":121,"tag":160,"props":228,"children":229},{"class":199},[230],{"type":126,"value":202},{"type":121,"tag":160,"props":232,"children":234},{"class":162,"line":233},3,[235,240,245,249,253],{"type":121,"tag":160,"props":236,"children":237},{"class":173},[238],{"type":126,"value":239},"    ",{"type":121,"tag":160,"props":241,"children":242},{"class":214},[243],{"type":126,"value":244},"gumlet",{"type":121,"tag":160,"props":246,"children":247},{"class":199},[248],{"type":126,"value":222},{"type":121,"tag":160,"props":250,"children":251},{"class":173},[252],{"type":126,"value":176},{"type":121,"tag":160,"props":254,"children":255},{"class":199},[256],{"type":126,"value":202},{"type":121,"tag":160,"props":258,"children":260},{"class":162,"line":259},4,[261,266,271,275,279,284,290],{"type":121,"tag":160,"props":262,"children":263},{"class":173},[264],{"type":126,"value":265},"      ",{"type":121,"tag":160,"props":267,"children":268},{"class":214},[269],{"type":126,"value":270},"baseURL",{"type":121,"tag":160,"props":272,"children":273},{"class":199},[274],{"type":126,"value":222},{"type":121,"tag":160,"props":276,"children":277},{"class":173},[278],{"type":126,"value":176},{"type":121,"tag":160,"props":280,"children":281},{"class":199},[282],{"type":126,"value":283},"'",{"type":121,"tag":160,"props":285,"children":287},{"class":286},"ct-709943",[288],{"type":126,"value":289},"https://demo.gumlet.io",{"type":121,"tag":160,"props":291,"children":292},{"class":199},[293],{"type":126,"value":294},"'\n",{"type":121,"tag":160,"props":296,"children":298},{"class":162,"line":297},5,[299,303],{"type":121,"tag":160,"props":300,"children":301},{"class":173},[302],{"type":126,"value":239},{"type":121,"tag":160,"props":304,"children":305},{"class":199},[306],{"type":126,"value":307},"}\n",{"type":121,"tag":160,"props":309,"children":311},{"class":162,"line":310},6,[312,316],{"type":121,"tag":160,"props":313,"children":314},{"class":173},[315],{"type":126,"value":211},{"type":121,"tag":160,"props":317,"children":318},{"class":199},[319],{"type":126,"value":307},{"type":121,"tag":160,"props":321,"children":323},{"class":162,"line":322},7,[324,329],{"type":121,"tag":160,"props":325,"children":326},{"class":199},[327],{"type":126,"value":328},"}",{"type":121,"tag":160,"props":330,"children":331},{"class":173},[332],{"type":126,"value":333},")",{"type":121,"tag":335,"props":336,"children":338},"h2",{"id":337},"gumlet-mode-values",[339,341,347],{"type":126,"value":340},"gumlet ",{"type":121,"tag":342,"props":343,"children":344},"code-inline",{},[345],{"type":126,"value":346},"mode",{"type":126,"value":348}," values",{"type":121,"tag":122,"props":350,"children":351},{},[352,354,367],{"type":126,"value":353},"Gumlet supports all the ",{"type":121,"tag":129,"props":355,"children":357},{"href":356},"/usage/nuxt-img#fit",[358,360,365],{"type":126,"value":359},"the standard values for ",{"type":121,"tag":342,"props":361,"children":362},{},[363],{"type":126,"value":364},"fit",{"type":126,"value":366}," property",{"type":126,"value":368}," of Nuxt image and Nuxt picture.",{"type":121,"tag":335,"props":370,"children":372},{"id":371},"gumlet-modifiers",[373],{"type":126,"value":374},"gumlet modifiers",{"type":121,"tag":122,"props":376,"children":377},{},[378,380,386,388,393],{"type":126,"value":379},"Beside the ",{"type":121,"tag":129,"props":381,"children":383},{"href":382},"/usage/nuxt-img#modifiers",[384],{"type":126,"value":385},"standard modifiers",{"type":126,"value":387},", you can also pass all gumlet-specific render API parameters to the ",{"type":121,"tag":342,"props":389,"children":390},{},[391],{"type":126,"value":392},"modifiers",{"type":126,"value":394}," prop.",{"type":121,"tag":122,"props":396,"children":397},{},[398,400,407],{"type":126,"value":399},"For a full list of these modifiers and their uses, check out ",{"type":121,"tag":129,"props":401,"children":404},{"href":402,"rel":403},"https://docs.gumlet.com/reference/image-transform-size#mode",[133],[405],{"type":126,"value":406},"Gumlet's image Rendering API documentation",{"type":126,"value":408},".",{"type":121,"tag":335,"props":410,"children":412},{"id":411},"gumlet-best-practices",[413],{"type":126,"value":414},"gumlet best practices",{"type":121,"tag":122,"props":416,"children":417},{},[418,420,425],{"type":126,"value":419},"Some common best practices when using Gumlet, would be to include our ",{"type":121,"tag":342,"props":421,"children":422},{},[423],{"type":126,"value":424},"format=auto",{"type":126,"value":426}," parameter, which will automatically apply the best format for an image and compress the image as well. Combine this with some top of intelligent cropping and resizing and you will have a great image!",{"type":121,"tag":144,"props":428,"children":433},{"className":429,"code":431,"language":432,"meta":115},[430],"language-html","\u003CNuxtImg\n  provider=\"gumlet\"\n  src=\"/sea.jpeg\"\n  width=\"300\"\n  height=\"500\"\n  fit=\"cover\"\n  :modifiers=\"{ format: 'auto', compress: 'true' }\"\n/>\n","html",[434],{"type":121,"tag":153,"props":435,"children":436},{},[437],{"type":121,"tag":144,"props":438,"children":439},{"__ignoreMap":115},[440,453,485,514,543,572,600,629],{"type":121,"tag":160,"props":441,"children":442},{"class":162,"line":163},[443,448],{"type":121,"tag":160,"props":444,"children":445},{"class":199},[446],{"type":126,"value":447},"\u003C",{"type":121,"tag":160,"props":449,"children":450},{"class":214},[451],{"type":126,"value":452},"NuxtImg\n",{"type":121,"tag":160,"props":454,"children":455},{"class":162,"line":205},[456,460,466,471,476,480],{"type":121,"tag":160,"props":457,"children":458},{"class":199},[459],{"type":126,"value":211},{"type":121,"tag":160,"props":461,"children":463},{"class":462},"ct-046724",[464],{"type":126,"value":465},"provider",{"type":121,"tag":160,"props":467,"children":468},{"class":199},[469],{"type":126,"value":470},"=",{"type":121,"tag":160,"props":472,"children":473},{"class":199},[474],{"type":126,"value":475},"\"",{"type":121,"tag":160,"props":477,"children":478},{"class":286},[479],{"type":126,"value":244},{"type":121,"tag":160,"props":481,"children":482},{"class":199},[483],{"type":126,"value":484},"\"\n",{"type":121,"tag":160,"props":486,"children":487},{"class":162,"line":233},[488,492,497,501,505,510],{"type":121,"tag":160,"props":489,"children":490},{"class":199},[491],{"type":126,"value":211},{"type":121,"tag":160,"props":493,"children":494},{"class":462},[495],{"type":126,"value":496},"src",{"type":121,"tag":160,"props":498,"children":499},{"class":199},[500],{"type":126,"value":470},{"type":121,"tag":160,"props":502,"children":503},{"class":199},[504],{"type":126,"value":475},{"type":121,"tag":160,"props":506,"children":507},{"class":286},[508],{"type":126,"value":509},"/sea.jpeg",{"type":121,"tag":160,"props":511,"children":512},{"class":199},[513],{"type":126,"value":484},{"type":121,"tag":160,"props":515,"children":516},{"class":162,"line":259},[517,521,526,530,534,539],{"type":121,"tag":160,"props":518,"children":519},{"class":199},[520],{"type":126,"value":211},{"type":121,"tag":160,"props":522,"children":523},{"class":462},[524],{"type":126,"value":525},"width",{"type":121,"tag":160,"props":527,"children":528},{"class":199},[529],{"type":126,"value":470},{"type":121,"tag":160,"props":531,"children":532},{"class":199},[533],{"type":126,"value":475},{"type":121,"tag":160,"props":535,"children":536},{"class":286},[537],{"type":126,"value":538},"300",{"type":121,"tag":160,"props":540,"children":541},{"class":199},[542],{"type":126,"value":484},{"type":121,"tag":160,"props":544,"children":545},{"class":162,"line":297},[546,550,555,559,563,568],{"type":121,"tag":160,"props":547,"children":548},{"class":199},[549],{"type":126,"value":211},{"type":121,"tag":160,"props":551,"children":552},{"class":462},[553],{"type":126,"value":554},"height",{"type":121,"tag":160,"props":556,"children":557},{"class":199},[558],{"type":126,"value":470},{"type":121,"tag":160,"props":560,"children":561},{"class":199},[562],{"type":126,"value":475},{"type":121,"tag":160,"props":564,"children":565},{"class":286},[566],{"type":126,"value":567},"500",{"type":121,"tag":160,"props":569,"children":570},{"class":199},[571],{"type":126,"value":484},{"type":121,"tag":160,"props":573,"children":574},{"class":162,"line":310},[575,579,583,587,591,596],{"type":121,"tag":160,"props":576,"children":577},{"class":199},[578],{"type":126,"value":211},{"type":121,"tag":160,"props":580,"children":581},{"class":462},[582],{"type":126,"value":364},{"type":121,"tag":160,"props":584,"children":585},{"class":199},[586],{"type":126,"value":470},{"type":121,"tag":160,"props":588,"children":589},{"class":199},[590],{"type":126,"value":475},{"type":121,"tag":160,"props":592,"children":593},{"class":286},[594],{"type":126,"value":595},"cover",{"type":121,"tag":160,"props":597,"children":598},{"class":199},[599],{"type":126,"value":484},{"type":121,"tag":160,"props":601,"children":602},{"class":162,"line":322},[603,607,612,616,620,625],{"type":121,"tag":160,"props":604,"children":605},{"class":199},[606],{"type":126,"value":211},{"type":121,"tag":160,"props":608,"children":609},{"class":462},[610],{"type":126,"value":611},":modifiers",{"type":121,"tag":160,"props":613,"children":614},{"class":199},[615],{"type":126,"value":470},{"type":121,"tag":160,"props":617,"children":618},{"class":199},[619],{"type":126,"value":475},{"type":121,"tag":160,"props":621,"children":622},{"class":286},[623],{"type":126,"value":624},"{ format: 'auto', compress: 'true' }",{"type":121,"tag":160,"props":626,"children":627},{"class":199},[628],{"type":126,"value":484},{"type":121,"tag":160,"props":630,"children":632},{"class":162,"line":631},8,[633],{"type":121,"tag":160,"props":634,"children":635},{"class":199},[636],{"type":126,"value":637},"/>",{"type":121,"tag":122,"props":639,"children":640},{},[641,643,650],{"type":126,"value":642},"This will return a 300 x 500 image, which has been compressed, will display next-gen formats for a browser, and has been cropped intelligently to the face of the ",{"type":121,"tag":129,"props":644,"children":647},{"href":645,"rel":646},"https://demo.gumlet.io/sea.jpeg?format=auto&w=300&h=500&compress=true",[133],[648],{"type":126,"value":649},"woman in the hat",{"type":126,"value":408},{"type":121,"tag":652,"children":653},"style",[654],{"type":126,"value":655},".light .ct-064524{color:#39ADB5;font-style:italic;}\n.ct-064524{color:#89DDFF;font-style:italic;}\n.light .ct-770753{color:#90A4AE;}\n.ct-770753{color:#EEFFFF;}\n.dark .ct-770753{color:#A6ACCD;}\n.light .ct-750008{color:#6182B8;}\n.ct-750008{color:#82AAFF;}\n.light .ct-209289{color:#39ADB5;}\n.ct-209289{color:#89DDFF;}\n.light .ct-007771{color:#E53935;}\n.ct-007771{color:#F07178;}\n.light .ct-709943{color:#91B859;}\n.ct-709943{color:#C3E88D;}\n.light .ct-046724{color:#9C3EDA;}\n.ct-046724{color:#C792EA;}",{"title":115,"searchDepth":205,"depth":205,"links":657},[658,660,661],{"id":337,"depth":205,"text":659},"gumlet mode values",{"id":371,"depth":205,"text":374},{"id":411,"depth":205,"text":414},"markdown","content:3.providers:gumlet.md","content","3.providers/gumlet.md","md",[668,863],{"_path":56,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"_empty":114,"title":55,"description":669,"body":670,"_type":662,"_id":861,"_source":664,"_file":862,"_extension":666},"Nuxt Image has first class integration with Glide.",{"type":118,"children":671,"toc":859},[672,683,688,855],{"type":121,"tag":122,"props":673,"children":674},{},[675,676,682],{"type":126,"value":127},{"type":121,"tag":129,"props":677,"children":680},{"href":678,"rel":679},"https://glide.thephpleague.com/",[133],[681],{"type":126,"value":55},{"type":126,"value":137},{"type":121,"tag":122,"props":684,"children":685},{},[686],{"type":126,"value":687},"To use this provider you just need to specify the base url of your service in glide.",{"type":121,"tag":144,"props":689,"children":692},{"className":690,"code":691,"filename":149,"language":150,"meta":115},[147],"export default defineNuxtConfig({\n  image: {\n    glide: {\n      // baseURL of your laravel application\n      baseURL: 'https://glide.herokuapp.com/1.0/'\n    }\n  }\n})\n",[693],{"type":121,"tag":153,"props":694,"children":695},{},[696],{"type":121,"tag":144,"props":697,"children":698},{"__ignoreMap":115},[699,730,753,777,790,822,833,844],{"type":121,"tag":160,"props":700,"children":701},{"class":162,"line":163},[702,706,710,714,718,722,726],{"type":121,"tag":160,"props":703,"children":704},{"class":167},[705],{"type":126,"value":170},{"type":121,"tag":160,"props":707,"children":708},{"class":173},[709],{"type":126,"value":176},{"type":121,"tag":160,"props":711,"children":712},{"class":167},[713],{"type":126,"value":181},{"type":121,"tag":160,"props":715,"children":716},{"class":173},[717],{"type":126,"value":176},{"type":121,"tag":160,"props":719,"children":720},{"class":188},[721],{"type":126,"value":191},{"type":121,"tag":160,"props":723,"children":724},{"class":173},[725],{"type":126,"value":196},{"type":121,"tag":160,"props":727,"children":728},{"class":199},[729],{"type":126,"value":202},{"type":121,"tag":160,"props":731,"children":732},{"class":162,"line":205},[733,737,741,745,749],{"type":121,"tag":160,"props":734,"children":735},{"class":173},[736],{"type":126,"value":211},{"type":121,"tag":160,"props":738,"children":739},{"class":214},[740],{"type":126,"value":217},{"type":121,"tag":160,"props":742,"children":743},{"class":199},[744],{"type":126,"value":222},{"type":121,"tag":160,"props":746,"children":747},{"class":173},[748],{"type":126,"value":176},{"type":121,"tag":160,"props":750,"children":751},{"class":199},[752],{"type":126,"value":202},{"type":121,"tag":160,"props":754,"children":755},{"class":162,"line":233},[756,760,765,769,773],{"type":121,"tag":160,"props":757,"children":758},{"class":173},[759],{"type":126,"value":239},{"type":121,"tag":160,"props":761,"children":762},{"class":214},[763],{"type":126,"value":764},"glide",{"type":121,"tag":160,"props":766,"children":767},{"class":199},[768],{"type":126,"value":222},{"type":121,"tag":160,"props":770,"children":771},{"class":173},[772],{"type":126,"value":176},{"type":121,"tag":160,"props":774,"children":775},{"class":199},[776],{"type":126,"value":202},{"type":121,"tag":160,"props":778,"children":779},{"class":162,"line":259},[780,784],{"type":121,"tag":160,"props":781,"children":782},{"class":199},[783],{"type":126,"value":265},{"type":121,"tag":160,"props":785,"children":787},{"class":786},"ct-458184",[788],{"type":126,"value":789},"// baseURL of your laravel application\n",{"type":121,"tag":160,"props":791,"children":792},{"class":162,"line":297},[793,797,801,805,809,813,818],{"type":121,"tag":160,"props":794,"children":795},{"class":173},[796],{"type":126,"value":265},{"type":121,"tag":160,"props":798,"children":799},{"class":214},[800],{"type":126,"value":270},{"type":121,"tag":160,"props":802,"children":803},{"class":199},[804],{"type":126,"value":222},{"type":121,"tag":160,"props":806,"children":807},{"class":173},[808],{"type":126,"value":176},{"type":121,"tag":160,"props":810,"children":811},{"class":199},[812],{"type":126,"value":283},{"type":121,"tag":160,"props":814,"children":815},{"class":286},[816],{"type":126,"value":817},"https://glide.herokuapp.com/1.0/",{"type":121,"tag":160,"props":819,"children":820},{"class":199},[821],{"type":126,"value":294},{"type":121,"tag":160,"props":823,"children":824},{"class":162,"line":310},[825,829],{"type":121,"tag":160,"props":826,"children":827},{"class":173},[828],{"type":126,"value":239},{"type":121,"tag":160,"props":830,"children":831},{"class":199},[832],{"type":126,"value":307},{"type":121,"tag":160,"props":834,"children":835},{"class":162,"line":322},[836,840],{"type":121,"tag":160,"props":837,"children":838},{"class":173},[839],{"type":126,"value":211},{"type":121,"tag":160,"props":841,"children":842},{"class":199},[843],{"type":126,"value":307},{"type":121,"tag":160,"props":845,"children":846},{"class":162,"line":631},[847,851],{"type":121,"tag":160,"props":848,"children":849},{"class":199},[850],{"type":126,"value":328},{"type":121,"tag":160,"props":852,"children":853},{"class":173},[854],{"type":126,"value":333},{"type":121,"tag":652,"children":856},[857],{"type":126,"value":858},".light .ct-064524{color:#39ADB5;font-style:italic;}\n.ct-064524{color:#89DDFF;font-style:italic;}\n.light .ct-770753{color:#90A4AE;}\n.ct-770753{color:#EEFFFF;}\n.dark .ct-770753{color:#A6ACCD;}\n.light .ct-750008{color:#6182B8;}\n.ct-750008{color:#82AAFF;}\n.light .ct-209289{color:#39ADB5;}\n.ct-209289{color:#89DDFF;}\n.light .ct-007771{color:#E53935;}\n.ct-007771{color:#F07178;}\n.light .ct-458184{color:#90A4AE;font-style:italic;}\n.ct-458184{color:#546E7A;font-style:italic;}\n.dark .ct-458184{color:#676E95;font-style:italic;}\n.light .ct-709943{color:#91B859;}\n.ct-709943{color:#C3E88D;}",{"title":115,"searchDepth":205,"depth":205,"links":860},[],"content:3.providers:glide.md","3.providers/glide.md",{"_path":62,"_dir":113,"_draft":114,"_partial":114,"_locale":115,"_empty":114,"title":61,"description":864,"body":865,"_type":662,"_id":1771,"_source":664,"_file":1772,"_extension":666},"Nuxt Image has first class integration with ImageEngine.",{"type":118,"children":866,"toc":1762},[867,878,896,1049,1060,1086,1164,1170,1194,1332,1368,1373,1541,1546,1711,1717,1724,1729,1748,1754,1759],{"type":121,"tag":122,"props":868,"children":869},{},[870,871,877],{"type":126,"value":127},{"type":121,"tag":129,"props":872,"children":875},{"href":873,"rel":874},"https://imageengine.io/",[133],[876],{"type":126,"value":61},{"type":126,"value":137},{"type":121,"tag":122,"props":879,"children":880},{},[881,883,888,890,894],{"type":126,"value":882},"At a minimum, you must configure the ",{"type":121,"tag":342,"props":884,"children":885},{},[886],{"type":126,"value":887},"imageengine",{"type":126,"value":889}," provider with the ",{"type":121,"tag":342,"props":891,"children":892},{},[893],{"type":126,"value":270},{"type":126,"value":895}," set to your ImageEngine Delivery Address:",{"type":121,"tag":144,"props":897,"children":900},{"className":898,"code":899,"filename":149,"language":150,"meta":115},[147],"export default defineNuxtConfig({\n  image: {\n    imageengine: {\n      baseURL: 'https://xxxxx.imgeng.in'\n    }\n  }\n})\n",[901],{"type":121,"tag":153,"props":902,"children":903},{},[904],{"type":121,"tag":144,"props":905,"children":906},{"__ignoreMap":115},[907,938,961,984,1016,1027,1038],{"type":121,"tag":160,"props":908,"children":909},{"class":162,"line":163},[910,914,918,922,926,930,934],{"type":121,"tag":160,"props":911,"children":912},{"class":167},[913],{"type":126,"value":170},{"type":121,"tag":160,"props":915,"children":916},{"class":173},[917],{"type":126,"value":176},{"type":121,"tag":160,"props":919,"children":920},{"class":167},[921],{"type":126,"value":181},{"type":121,"tag":160,"props":923,"children":924},{"class":173},[925],{"type":126,"value":176},{"type":121,"tag":160,"props":927,"children":928},{"class":188},[929],{"type":126,"value":191},{"type":121,"tag":160,"props":931,"children":932},{"class":173},[933],{"type":126,"value":196},{"type":121,"tag":160,"props":935,"children":936},{"class":199},[937],{"type":126,"value":202},{"type":121,"tag":160,"props":939,"children":940},{"class":162,"line":205},[941,945,949,953,957],{"type":121,"tag":160,"props":942,"children":943},{"class":173},[944],{"type":126,"value":211},{"type":121,"tag":160,"props":946,"children":947},{"class":214},[948],{"type":126,"value":217},{"type":121,"tag":160,"props":950,"children":951},{"class":199},[952],{"type":126,"value":222},{"type":121,"tag":160,"props":954,"children":955},{"class":173},[956],{"type":126,"value":176},{"type":121,"tag":160,"props":958,"children":959},{"class":199},[960],{"type":126,"value":202},{"type":121,"tag":160,"props":962,"children":963},{"class":162,"line":233},[964,968,972,976,980],{"type":121,"tag":160,"props":965,"children":966},{"class":173},[967],{"type":126,"value":239},{"type":121,"tag":160,"props":969,"children":970},{"class":214},[971],{"type":126,"value":887},{"type":121,"tag":160,"props":973,"children":974},{"class":199},[975],{"type":126,"value":222},{"type":121,"tag":160,"props":977,"children":978},{"class":173},[979],{"type":126,"value":176},{"type":121,"tag":160,"props":981,"children":982},{"class":199},[983],{"type":126,"value":202},{"type":121,"tag":160,"props":985,"children":986},{"class":162,"line":259},[987,991,995,999,1003,1007,1012],{"type":121,"tag":160,"props":988,"children":989},{"class":173},[990],{"type":126,"value":265},{"type":121,"tag":160,"props":992,"children":993},{"class":214},[994],{"type":126,"value":270},{"type":121,"tag":160,"props":996,"children":997},{"class":199},[998],{"type":126,"value":222},{"type":121,"tag":160,"props":1000,"children":1001},{"class":173},[1002],{"type":126,"value":176},{"type":121,"tag":160,"props":1004,"children":1005},{"class":199},[1006],{"type":126,"value":283},{"type":121,"tag":160,"props":1008,"children":1009},{"class":286},[1010],{"type":126,"value":1011},"https://xxxxx.imgeng.in",{"type":121,"tag":160,"props":1013,"children":1014},{"class":199},[1015],{"type":126,"value":294},{"type":121,"tag":160,"props":1017,"children":1018},{"class":162,"line":297},[1019,1023],{"type":121,"tag":160,"props":1020,"children":1021},{"class":173},[1022],{"type":126,"value":239},{"type":121,"tag":160,"props":1024,"children":1025},{"class":199},[1026],{"type":126,"value":307},{"type":121,"tag":160,"props":1028,"children":1029},{"class":162,"line":310},[1030,1034],{"type":121,"tag":160,"props":1031,"children":1032},{"class":173},[1033],{"type":126,"value":211},{"type":121,"tag":160,"props":1035,"children":1036},{"class":199},[1037],{"type":126,"value":307},{"type":121,"tag":160,"props":1039,"children":1040},{"class":162,"line":322},[1041,1045],{"type":121,"tag":160,"props":1042,"children":1043},{"class":199},[1044],{"type":126,"value":328},{"type":121,"tag":160,"props":1046,"children":1047},{"class":173},[1048],{"type":126,"value":333},{"type":121,"tag":335,"props":1050,"children":1052},{"id":1051},"imageengine-fit-values",[1053,1055,1059],{"type":126,"value":1054},"ImageEngine ",{"type":121,"tag":342,"props":1056,"children":1057},{},[1058],{"type":126,"value":364},{"type":126,"value":348},{"type":121,"tag":122,"props":1061,"children":1062},{},[1063,1065,1075,1077,1084],{"type":126,"value":1064},"The ",{"type":121,"tag":129,"props":1066,"children":1067},{"href":356},[1068,1070,1074],{"type":126,"value":1069},"standard values for ",{"type":121,"tag":342,"props":1071,"children":1072},{},[1073],{"type":126,"value":364},{"type":126,"value":366},{"type":126,"value":1076}," map onto ",{"type":121,"tag":129,"props":1078,"children":1081},{"href":1079,"rel":1080},"https://imageengine.io/docs/directives",[133],[1082],{"type":126,"value":1083},"ImageEngine Directives",{"type":126,"value":1085}," as follows:",{"type":121,"tag":1087,"props":1088,"children":1089},"ul",{},[1090,1105,1119,1133,1149],{"type":121,"tag":1091,"props":1092,"children":1093},"li",{},[1094,1098,1100],{"type":121,"tag":342,"props":1095,"children":1096},{},[1097],{"type":126,"value":595},{"type":126,"value":1099},": ",{"type":121,"tag":342,"props":1101,"children":1102},{},[1103],{"type":126,"value":1104},"m_cropbox",{"type":121,"tag":1091,"props":1106,"children":1107},{},[1108,1113,1114],{"type":121,"tag":342,"props":1109,"children":1110},{},[1111],{"type":126,"value":1112},"contain",{"type":126,"value":1099},{"type":121,"tag":342,"props":1115,"children":1116},{},[1117],{"type":126,"value":1118},"m_letterbox",{"type":121,"tag":1091,"props":1120,"children":1121},{},[1122,1127,1128],{"type":121,"tag":342,"props":1123,"children":1124},{},[1125],{"type":126,"value":1126},"fill",{"type":126,"value":1099},{"type":121,"tag":342,"props":1129,"children":1130},{},[1131],{"type":126,"value":1132},"m_stretch",{"type":121,"tag":1091,"props":1134,"children":1135},{},[1136,1141,1142,1147],{"type":121,"tag":342,"props":1137,"children":1138},{},[1139],{"type":126,"value":1140},"inside",{"type":126,"value":1099},{"type":121,"tag":342,"props":1143,"children":1144},{},[1145],{"type":126,"value":1146},"m_box",{"type":126,"value":1148},", this is the default fit method for the ImageEngine provider.",{"type":121,"tag":1091,"props":1150,"children":1151},{},[1152,1157,1159,1163],{"type":121,"tag":342,"props":1153,"children":1154},{},[1155],{"type":126,"value":1156},"outside",{"type":126,"value":1158},": This fit method is not supported and functions the same as ",{"type":121,"tag":342,"props":1160,"children":1161},{},[1162],{"type":126,"value":1140},{"type":126,"value":408},{"type":121,"tag":335,"props":1165,"children":1167},{"id":1166},"imageengine-modifiers",[1168],{"type":126,"value":1169},"ImageEngine modifiers",{"type":121,"tag":122,"props":1171,"children":1172},{},[1173,1175,1179,1181,1186,1188,1192],{"type":126,"value":1174},"In addition to the ",{"type":121,"tag":129,"props":1176,"children":1177},{"href":382},[1178],{"type":126,"value":385},{"type":126,"value":1180},", you can also use all ",{"type":121,"tag":129,"props":1182,"children":1184},{"href":1079,"rel":1183},[133],[1185],{"type":126,"value":1083},{"type":126,"value":1187}," by adding them to the ",{"type":121,"tag":342,"props":1189,"children":1190},{},[1191],{"type":126,"value":392},{"type":126,"value":1193}," property with the following attribute names:",{"type":121,"tag":1087,"props":1195,"children":1196},{},[1197,1213,1227,1242,1257,1272,1287,1302,1317],{"type":121,"tag":1091,"props":1198,"children":1199},{},[1200,1205,1206,1211],{"type":121,"tag":342,"props":1201,"children":1202},{},[1203],{"type":126,"value":1204},"format",{"type":126,"value":1099},{"type":121,"tag":342,"props":1207,"children":1208},{},[1209],{"type":126,"value":1210},"f",{"type":126,"value":1212}," directive",{"type":121,"tag":1091,"props":1214,"children":1215},{},[1216,1220,1221,1226],{"type":121,"tag":342,"props":1217,"children":1218},{},[1219],{"type":126,"value":364},{"type":126,"value":1099},{"type":121,"tag":342,"props":1222,"children":1223},{},[1224],{"type":126,"value":1225},"m",{"type":126,"value":1212},{"type":121,"tag":1091,"props":1228,"children":1229},{},[1230,1235,1236,1241],{"type":121,"tag":342,"props":1231,"children":1232},{},[1233],{"type":126,"value":1234},"passThrough",{"type":126,"value":1099},{"type":121,"tag":342,"props":1237,"children":1238},{},[1239],{"type":126,"value":1240},"pass",{"type":126,"value":1212},{"type":121,"tag":1091,"props":1243,"children":1244},{},[1245,1250,1251,1256],{"type":121,"tag":342,"props":1246,"children":1247},{},[1248],{"type":126,"value":1249},"sharpen",{"type":126,"value":1099},{"type":121,"tag":342,"props":1252,"children":1253},{},[1254],{"type":126,"value":1255},"s",{"type":126,"value":1212},{"type":121,"tag":1091,"props":1258,"children":1259},{},[1260,1265,1266,1271],{"type":121,"tag":342,"props":1261,"children":1262},{},[1263],{"type":126,"value":1264},"rotate",{"type":126,"value":1099},{"type":121,"tag":342,"props":1267,"children":1268},{},[1269],{"type":126,"value":1270},"r",{"type":126,"value":1212},{"type":121,"tag":1091,"props":1273,"children":1274},{},[1275,1280,1281,1286],{"type":121,"tag":342,"props":1276,"children":1277},{},[1278],{"type":126,"value":1279},"screenPercent",{"type":126,"value":1099},{"type":121,"tag":342,"props":1282,"children":1283},{},[1284],{"type":126,"value":1285},"pc",{"type":126,"value":1212},{"type":121,"tag":1091,"props":1288,"children":1289},{},[1290,1295,1296,1301],{"type":121,"tag":342,"props":1291,"children":1292},{},[1293],{"type":126,"value":1294},"crop",{"type":126,"value":1099},{"type":121,"tag":342,"props":1297,"children":1298},{},[1299],{"type":126,"value":1300},"cr",{"type":126,"value":1212},{"type":121,"tag":1091,"props":1303,"children":1304},{},[1305,1310,1311,1316],{"type":121,"tag":342,"props":1306,"children":1307},{},[1308],{"type":126,"value":1309},"inline",{"type":126,"value":1099},{"type":121,"tag":342,"props":1312,"children":1313},{},[1314],{"type":126,"value":1315},"in",{"type":126,"value":1212},{"type":121,"tag":1091,"props":1318,"children":1319},{},[1320,1325,1326,1331],{"type":121,"tag":342,"props":1321,"children":1322},{},[1323],{"type":126,"value":1324},"metadata",{"type":126,"value":1099},{"type":121,"tag":342,"props":1327,"children":1328},{},[1329],{"type":126,"value":1330},"meta",{"type":126,"value":1212},{"type":121,"tag":1333,"props":1334,"children":1335},"blockquote",{},[1336],{"type":121,"tag":122,"props":1337,"children":1338},{},[1339,1341,1346,1348,1353,1355,1359,1361,1366],{"type":126,"value":1340},"Note that the standard ",{"type":121,"tag":342,"props":1342,"children":1343},{},[1344],{"type":126,"value":1345},"quality",{"type":126,"value":1347}," attribute is converted to the ImageEngine ",{"type":121,"tag":342,"props":1349,"children":1350},{},[1351],{"type":126,"value":1352},"cmpr",{"type":126,"value":1354}," compression directive.  ",{"type":121,"tag":342,"props":1356,"children":1357},{},[1358],{"type":126,"value":1345},{"type":126,"value":1360}," is the opposite of compression, so 80% quality equals 20% compression.  Since ImageEngine automatically adapts image quality the visitor's device, browser and network quality, it is recommended that you do not explicitly set the quality.  If you want to completely disable all optimizations to an image, you should use ",{"type":121,"tag":342,"props":1362,"children":1363},{},[1364],{"type":126,"value":1365},":modifiers=\"{ passThrough: 'true' }\"",{"type":126,"value":1367},", which will serve the unaltered image.",{"type":121,"tag":122,"props":1369,"children":1370},{},[1371],{"type":126,"value":1372},"Example 1: Cropping an image to a width and height of 100x80, starting 10 pixels from the top and 20 pixels from the left:",{"type":121,"tag":144,"props":1374,"children":1377},{"className":1375,"code":1376,"language":432,"meta":115},[430],"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ cr: '100,80,10,20' }\"\n/>\n",[1378],{"type":121,"tag":153,"props":1379,"children":1380},{},[1381],{"type":121,"tag":144,"props":1382,"children":1383},{"__ignoreMap":115},[1384,1395,1422,1450,1478,1506,1534],{"type":121,"tag":160,"props":1385,"children":1386},{"class":162,"line":163},[1387,1391],{"type":121,"tag":160,"props":1388,"children":1389},{"class":199},[1390],{"type":126,"value":447},{"type":121,"tag":160,"props":1392,"children":1393},{"class":214},[1394],{"type":126,"value":452},{"type":121,"tag":160,"props":1396,"children":1397},{"class":162,"line":205},[1398,1402,1406,1410,1414,1418],{"type":121,"tag":160,"props":1399,"children":1400},{"class":199},[1401],{"type":126,"value":211},{"type":121,"tag":160,"props":1403,"children":1404},{"class":462},[1405],{"type":126,"value":465},{"type":121,"tag":160,"props":1407,"children":1408},{"class":199},[1409],{"type":126,"value":470},{"type":121,"tag":160,"props":1411,"children":1412},{"class":199},[1413],{"type":126,"value":475},{"type":121,"tag":160,"props":1415,"children":1416},{"class":286},[1417],{"type":126,"value":887},{"type":121,"tag":160,"props":1419,"children":1420},{"class":199},[1421],{"type":126,"value":484},{"type":121,"tag":160,"props":1423,"children":1424},{"class":162,"line":233},[1425,1429,1433,1437,1441,1446],{"type":121,"tag":160,"props":1426,"children":1427},{"class":199},[1428],{"type":126,"value":211},{"type":121,"tag":160,"props":1430,"children":1431},{"class":462},[1432],{"type":126,"value":496},{"type":121,"tag":160,"props":1434,"children":1435},{"class":199},[1436],{"type":126,"value":470},{"type":121,"tag":160,"props":1438,"children":1439},{"class":199},[1440],{"type":126,"value":475},{"type":121,"tag":160,"props":1442,"children":1443},{"class":286},[1444],{"type":126,"value":1445},"/some-image.jpg",{"type":121,"tag":160,"props":1447,"children":1448},{"class":199},[1449],{"type":126,"value":484},{"type":121,"tag":160,"props":1451,"children":1452},{"class":162,"line":259},[1453,1457,1461,1465,1469,1474],{"type":121,"tag":160,"props":1454,"children":1455},{"class":199},[1456],{"type":126,"value":211},{"type":121,"tag":160,"props":1458,"children":1459},{"class":462},[1460],{"type":126,"value":525},{"type":121,"tag":160,"props":1462,"children":1463},{"class":199},[1464],{"type":126,"value":470},{"type":121,"tag":160,"props":1466,"children":1467},{"class":199},[1468],{"type":126,"value":475},{"type":121,"tag":160,"props":1470,"children":1471},{"class":286},[1472],{"type":126,"value":1473},"100",{"type":121,"tag":160,"props":1475,"children":1476},{"class":199},[1477],{"type":126,"value":484},{"type":121,"tag":160,"props":1479,"children":1480},{"class":162,"line":297},[1481,1485,1489,1493,1497,1502],{"type":121,"tag":160,"props":1482,"children":1483},{"class":199},[1484],{"type":126,"value":211},{"type":121,"tag":160,"props":1486,"children":1487},{"class":462},[1488],{"type":126,"value":554},{"type":121,"tag":160,"props":1490,"children":1491},{"class":199},[1492],{"type":126,"value":470},{"type":121,"tag":160,"props":1494,"children":1495},{"class":199},[1496],{"type":126,"value":475},{"type":121,"tag":160,"props":1498,"children":1499},{"class":286},[1500],{"type":126,"value":1501},"80",{"type":121,"tag":160,"props":1503,"children":1504},{"class":199},[1505],{"type":126,"value":484},{"type":121,"tag":160,"props":1507,"children":1508},{"class":162,"line":310},[1509,1513,1517,1521,1525,1530],{"type":121,"tag":160,"props":1510,"children":1511},{"class":199},[1512],{"type":126,"value":211},{"type":121,"tag":160,"props":1514,"children":1515},{"class":462},[1516],{"type":126,"value":611},{"type":121,"tag":160,"props":1518,"children":1519},{"class":199},[1520],{"type":126,"value":470},{"type":121,"tag":160,"props":1522,"children":1523},{"class":199},[1524],{"type":126,"value":475},{"type":121,"tag":160,"props":1526,"children":1527},{"class":286},[1528],{"type":126,"value":1529},"{ cr: '100,80,10,20' }",{"type":121,"tag":160,"props":1531,"children":1532},{"class":199},[1533],{"type":126,"value":484},{"type":121,"tag":160,"props":1535,"children":1536},{"class":162,"line":322},[1537],{"type":121,"tag":160,"props":1538,"children":1539},{"class":199},[1540],{"type":126,"value":637},{"type":121,"tag":122,"props":1542,"children":1543},{},[1544],{"type":126,"value":1545},"Example 2: Instruct ImageEngine to keep the image's EXIF metadata (which is normally removed to reduce the image byte size):",{"type":121,"tag":144,"props":1547,"children":1550},{"className":1548,"code":1549,"language":432,"meta":115},[430],"\u003CNuxtImg\n  provider=\"imageengine\"\n  src=\"/some-image.jpg\"\n  width=\"100\"\n  height=\"80\"\n  :modifiers=\"{ meta: 'true' }\"\n/>\n",[1551],{"type":121,"tag":153,"props":1552,"children":1553},{},[1554],{"type":121,"tag":144,"props":1555,"children":1556},{"__ignoreMap":115},[1557,1568,1595,1622,1649,1676,1704],{"type":121,"tag":160,"props":1558,"children":1559},{"class":162,"line":163},[1560,1564],{"type":121,"tag":160,"props":1561,"children":1562},{"class":199},[1563],{"type":126,"value":447},{"type":121,"tag":160,"props":1565,"children":1566},{"class":214},[1567],{"type":126,"value":452},{"type":121,"tag":160,"props":1569,"children":1570},{"class":162,"line":205},[1571,1575,1579,1583,1587,1591],{"type":121,"tag":160,"props":1572,"children":1573},{"class":199},[1574],{"type":126,"value":211},{"type":121,"tag":160,"props":1576,"children":1577},{"class":462},[1578],{"type":126,"value":465},{"type":121,"tag":160,"props":1580,"children":1581},{"class":199},[1582],{"type":126,"value":470},{"type":121,"tag":160,"props":1584,"children":1585},{"class":199},[1586],{"type":126,"value":475},{"type":121,"tag":160,"props":1588,"children":1589},{"class":286},[1590],{"type":126,"value":887},{"type":121,"tag":160,"props":1592,"children":1593},{"class":199},[1594],{"type":126,"value":484},{"type":121,"tag":160,"props":1596,"children":1597},{"class":162,"line":233},[1598,1602,1606,1610,1614,1618],{"type":121,"tag":160,"props":1599,"children":1600},{"class":199},[1601],{"type":126,"value":211},{"type":121,"tag":160,"props":1603,"children":1604},{"class":462},[1605],{"type":126,"value":496},{"type":121,"tag":160,"props":1607,"children":1608},{"class":199},[1609],{"type":126,"value":470},{"type":121,"tag":160,"props":1611,"children":1612},{"class":199},[1613],{"type":126,"value":475},{"type":121,"tag":160,"props":1615,"children":1616},{"class":286},[1617],{"type":126,"value":1445},{"type":121,"tag":160,"props":1619,"children":1620},{"class":199},[1621],{"type":126,"value":484},{"type":121,"tag":160,"props":1623,"children":1624},{"class":162,"line":259},[1625,1629,1633,1637,1641,1645],{"type":121,"tag":160,"props":1626,"children":1627},{"class":199},[1628],{"type":126,"value":211},{"type":121,"tag":160,"props":1630,"children":1631},{"class":462},[1632],{"type":126,"value":525},{"type":121,"tag":160,"props":1634,"children":1635},{"class":199},[1636],{"type":126,"value":470},{"type":121,"tag":160,"props":1638,"children":1639},{"class":199},[1640],{"type":126,"value":475},{"type":121,"tag":160,"props":1642,"children":1643},{"class":286},[1644],{"type":126,"value":1473},{"type":121,"tag":160,"props":1646,"children":1647},{"class":199},[1648],{"type":126,"value":484},{"type":121,"tag":160,"props":1650,"children":1651},{"class":162,"line":297},[1652,1656,1660,1664,1668,1672],{"type":121,"tag":160,"props":1653,"children":1654},{"class":199},[1655],{"type":126,"value":211},{"type":121,"tag":160,"props":1657,"children":1658},{"class":462},[1659],{"type":126,"value":554},{"type":121,"tag":160,"props":1661,"children":1662},{"class":199},[1663],{"type":126,"value":470},{"type":121,"tag":160,"props":1665,"children":1666},{"class":199},[1667],{"type":126,"value":475},{"type":121,"tag":160,"props":1669,"children":1670},{"class":286},[1671],{"type":126,"value":1501},{"type":121,"tag":160,"props":1673,"children":1674},{"class":199},[1675],{"type":126,"value":484},{"type":121,"tag":160,"props":1677,"children":1678},{"class":162,"line":310},[1679,1683,1687,1691,1695,1700],{"type":121,"tag":160,"props":1680,"children":1681},{"class":199},[1682],{"type":126,"value":211},{"type":121,"tag":160,"props":1684,"children":1685},{"class":462},[1686],{"type":126,"value":611},{"type":121,"tag":160,"props":1688,"children":1689},{"class":199},[1690],{"type":126,"value":470},{"type":121,"tag":160,"props":1692,"children":1693},{"class":199},[1694],{"type":126,"value":475},{"type":121,"tag":160,"props":1696,"children":1697},{"class":286},[1698],{"type":126,"value":1699},"{ meta: 'true' }",{"type":121,"tag":160,"props":1701,"children":1702},{"class":199},[1703],{"type":126,"value":484},{"type":121,"tag":160,"props":1705,"children":1706},{"class":162,"line":322},[1707],{"type":121,"tag":160,"props":1708,"children":1709},{"class":199},[1710],{"type":126,"value":637},{"type":121,"tag":335,"props":1712,"children":1714},{"id":1713},"imageengine-best-practices",[1715],{"type":126,"value":1716},"ImageEngine best practices",{"type":121,"tag":1718,"props":1719,"children":1721},"h3",{"id":1720},"automatic-format-and-quality-detection",[1722],{"type":126,"value":1723},"Automatic format and quality detection",{"type":121,"tag":122,"props":1725,"children":1726},{},[1727],{"type":126,"value":1728},"ImageEngine automatically detects the best format and quality for your image based on the characteristics of the specific device that requested it.",{"type":121,"tag":122,"props":1730,"children":1731},{},[1732,1734,1739,1741,1746],{"type":126,"value":1733},"This feature is very effective and it is not recommended that you disable it, but if you must, you can manually specify the format (ex: ",{"type":121,"tag":342,"props":1735,"children":1736},{},[1737],{"type":126,"value":1738},"format='webp'",{"type":126,"value":1740},") and quality (",{"type":121,"tag":342,"props":1742,"children":1743},{},[1744],{"type":126,"value":1745},"quality='80'",{"type":126,"value":1747},").",{"type":121,"tag":1718,"props":1749,"children":1751},{"id":1750},"imageengine-settings",[1752],{"type":126,"value":1753},"ImageEngine settings",{"type":121,"tag":122,"props":1755,"children":1756},{},[1757],{"type":126,"value":1758},"ImageEngine allows you to set all of the modifiers/directives in the ImageEngine control panel under advanced settings.  This is a good place to set default adjustments since you can modify them without having to make changes to your Nuxt codebase.  If a directive is set in both Nuxt and the ImageEngine User-Adjustable Settings, the value in Nuxt takes priority.",{"type":121,"tag":652,"children":1760},[1761],{"type":126,"value":655},{"title":115,"searchDepth":205,"depth":205,"links":1763},[1764,1766,1767],{"id":1051,"depth":205,"text":1765},"ImageEngine fit values",{"id":1166,"depth":205,"text":1169},{"id":1713,"depth":205,"text":1716,"children":1768},[1769,1770],{"id":1720,"depth":233,"text":1723},{"id":1750,"depth":233,"text":1753},"content:3.providers:imageengine.md","3.providers/imageengine.md",1693229327548]