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