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