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