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