[{"data":1,"prerenderedAt":1640},["ShallowReactive",2],{"navigation_docs":3,"-providers-umbraco":228,"-providers-umbraco-surround":1635},[4,30,47,215],{"title":5,"path":6,"stem":7,"children":8,"page":29},"Get Started","\u002Fget-started","1.get-started",[9,13,17,21,25],{"title":10,"path":11,"stem":12},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F1.installation",{"title":14,"path":15,"stem":16},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F2.configuration",{"title":18,"path":19,"stem":20},"Providers","\u002Fget-started\u002Fproviders","1.get-started\u002F3.providers",{"title":22,"path":23,"stem":24},"Contributing","\u002Fget-started\u002Fcontributing","1.get-started\u002F4.contributing",{"title":26,"path":27,"stem":28},"Migration","\u002Fget-started\u002Fmigration","1.get-started\u002F5.migration",false,{"title":31,"path":32,"stem":33,"children":34,"page":29},"Usage","\u002Fusage","2.usage",[35,39,43],{"title":36,"path":37,"stem":38},"\u003CNuxtImg>","\u002Fusage\u002Fnuxt-img","2.usage\u002F1.nuxt-img",{"title":40,"path":41,"stem":42},"\u003CNuxtPicture>","\u002Fusage\u002Fnuxt-picture","2.usage\u002F2.nuxt-picture",{"title":44,"path":45,"stem":46},"useImage()","\u002Fusage\u002Fuse-image","2.usage\u002F3.use-image",{"title":18,"path":48,"stem":49,"children":50,"page":29},"\u002Fproviders","3.providers",[51,55,59,63,67,71,75,79,83,87,91,95,99,103,107,111,115,119,123,127,131,135,139,143,147,151,155,159,163,167,171,175,179,183,187,191,195,199,203,207,211],{"title":52,"path":53,"stem":54},"Aliyun","\u002Fproviders\u002Faliyun","3.providers\u002Faliyun",{"title":56,"path":57,"stem":58},"AWS Amplify","\u002Fproviders\u002Faws-amplify","3.providers\u002Faws-amplify",{"title":60,"path":61,"stem":62},"Builder.io","\u002Fproviders\u002Fbuilderio","3.providers\u002Fbuilderio",{"title":64,"path":65,"stem":66},"Bunny","\u002Fproviders\u002Fbunny","3.providers\u002Fbunny",{"title":68,"path":69,"stem":70},"Caisy","\u002Fproviders\u002Fcaisy","3.providers\u002Fcaisy",{"title":72,"path":73,"stem":74},"Cloudflare","\u002Fproviders\u002Fcloudflare","3.providers\u002Fcloudflare",{"title":76,"path":77,"stem":78},"Cloudflare Images","\u002Fproviders\u002Fcloudflareimages","3.providers\u002Fcloudflareimages",{"title":80,"path":81,"stem":82},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":84,"path":85,"stem":86},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":88,"path":89,"stem":90},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":92,"path":93,"stem":94},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":96,"path":97,"stem":98},"EdgeOne Pages","\u002Fproviders\u002Fedgeone-pages","3.providers\u002Fedgeone-pages",{"title":100,"path":101,"stem":102},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":104,"path":105,"stem":106},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":108,"path":109,"stem":110},"Flyimg","\u002Fproviders\u002Fflyimg","3.providers\u002Fflyimg",{"title":112,"path":113,"stem":114},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":116,"path":117,"stem":118},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":120,"path":121,"stem":122},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":124,"path":125,"stem":126},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":128,"path":129,"stem":130},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":132,"path":133,"stem":134},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":136,"path":137,"stem":138},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":140,"path":141,"stem":142},"Imgproxy","\u002Fproviders\u002Fimgproxy","3.providers\u002Fimgproxy",{"title":144,"path":145,"stem":146},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":148,"path":149,"stem":150},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":152,"path":153,"stem":154},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":156,"path":157,"stem":158},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":160,"path":161,"stem":162},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":164,"path":165,"stem":166},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":168,"path":169,"stem":170},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":172,"path":173,"stem":174},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":176,"path":177,"stem":178},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":180,"path":181,"stem":182},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":184,"path":185,"stem":186},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":188,"path":189,"stem":190},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":192,"path":193,"stem":194},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":196,"path":197,"stem":198},"Umbraco","\u002Fproviders\u002Fumbraco","3.providers\u002Fumbraco",{"title":200,"path":201,"stem":202},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":204,"path":205,"stem":206},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":208,"path":209,"stem":210},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":212,"path":213,"stem":214},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":216,"path":217,"stem":218,"children":219,"page":29},"Advanced","\u002Fadvanced","4.advanced",[220,224],{"title":221,"path":222,"stem":223},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":225,"path":226,"stem":227},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":229,"title":196,"body":230,"description":1623,"extension":1624,"links":1625,"meta":1631,"navigation":1632,"path":197,"seo":1633,"stem":198,"__hash__":1634},"docs\u002F3.providers\u002Fumbraco.md",{"type":231,"value":232,"toc":1604},"minimark",[233,244,247,250,347,357,470,475,482,499,506,516,580,584,587,744,752,756,759,806,825,903,908,921,1042,1047,1056,1058,1105,1207,1211,1216,1218,1295,1387,1391,1395,1398,1402,1405,1409,1416,1419,1423,1426,1430,1582,1586,1600],[234,235,236,237,243],"p",{},"Integration between ",[238,239,196],"a",{"href":240,"rel":241},"https:\u002F\u002Fumbraco.com",[242],"nofollow"," and the image module.",[234,245,246],{},"This provider is designed for images served through Umbraco's built-in ImageSharp-based image processing pipeline.",[234,248,249],{},"To use this provider, configure the base URL of your Umbraco site:",[251,252,258],"pre",{"className":253,"code":254,"filename":255,"language":256,"meta":257,"style":257},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    umbraco: {\n      baseURL: 'https:\u002F\u002Fyour-umbraco-site.com'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[259,260,261,285,298,308,326,332,338],"code",{"__ignoreMap":257},[262,263,266,270,273,277,281],"span",{"class":264,"line":265},"line",1,[262,267,269],{"class":268},"s7zQu","export",[262,271,272],{"class":268}," default",[262,274,276],{"class":275},"s2Zo4"," defineNuxtConfig",[262,278,280],{"class":279},"sTEyZ","(",[262,282,284],{"class":283},"sMK4o","{\n",[262,286,288,292,295],{"class":264,"line":287},2,[262,289,291],{"class":290},"swJcz","  image",[262,293,294],{"class":283},":",[262,296,297],{"class":283}," {\n",[262,299,301,304,306],{"class":264,"line":300},3,[262,302,303],{"class":290},"    umbraco",[262,305,294],{"class":283},[262,307,297],{"class":283},[262,309,311,314,316,319,323],{"class":264,"line":310},4,[262,312,313],{"class":290},"      baseURL",[262,315,294],{"class":283},[262,317,318],{"class":283}," '",[262,320,322],{"class":321},"sfazB","https:\u002F\u002Fyour-umbraco-site.com",[262,324,325],{"class":283},"'\n",[262,327,329],{"class":264,"line":328},5,[262,330,331],{"class":283},"    }\n",[262,333,335],{"class":264,"line":334},6,[262,336,337],{"class":283},"  }\n",[262,339,341,344],{"class":264,"line":340},7,[262,342,343],{"class":283},"}",[262,345,346],{"class":279},")\n",[234,348,349,350,353,354,294],{},"You can then use the provider with ",[259,351,352],{},"NuxtImg"," or ",[259,355,356],{},"NuxtPicture",[251,358,362],{"className":359,"code":360,"language":361,"meta":257,"style":257},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"umbraco\"\n  src=\"\u002Fmedia\u002Fabcd1234\u002Fexample.jpg\"\n  width=\"800\"\n  height=\"450\"\n  format=\"webp\"\n  :quality=\"80\"\n\u002F>\n","vue",[259,363,364,372,390,404,418,432,446,464],{"__ignoreMap":257},[262,365,366,369],{"class":264,"line":265},[262,367,368],{"class":283},"\u003C",[262,370,371],{"class":290},"NuxtImg\n",[262,373,374,378,381,384,387],{"class":264,"line":287},[262,375,377],{"class":376},"spNyl","  provider",[262,379,380],{"class":283},"=",[262,382,383],{"class":283},"\"",[262,385,386],{"class":321},"umbraco",[262,388,389],{"class":283},"\"\n",[262,391,392,395,397,399,402],{"class":264,"line":300},[262,393,394],{"class":376},"  src",[262,396,380],{"class":283},[262,398,383],{"class":283},[262,400,401],{"class":321},"\u002Fmedia\u002Fabcd1234\u002Fexample.jpg",[262,403,389],{"class":283},[262,405,406,409,411,413,416],{"class":264,"line":310},[262,407,408],{"class":376},"  width",[262,410,380],{"class":283},[262,412,383],{"class":283},[262,414,415],{"class":321},"800",[262,417,389],{"class":283},[262,419,420,423,425,427,430],{"class":264,"line":328},[262,421,422],{"class":376},"  height",[262,424,380],{"class":283},[262,426,383],{"class":283},[262,428,429],{"class":321},"450",[262,431,389],{"class":283},[262,433,434,437,439,441,444],{"class":264,"line":334},[262,435,436],{"class":376},"  format",[262,438,380],{"class":283},[262,440,383],{"class":283},[262,442,443],{"class":321},"webp",[262,445,389],{"class":283},[262,447,448,451,454,456,458,462],{"class":264,"line":340},[262,449,450],{"class":283},"  :",[262,452,453],{"class":376},"quality",[262,455,380],{"class":283},[262,457,383],{"class":283},[262,459,461],{"class":460},"sbssI","80",[262,463,389],{"class":283},[262,465,467],{"class":264,"line":466},8,[262,468,469],{"class":279},"\u002F>\n",[471,472,474],"h2",{"id":473},"options","Options",[476,477,479],"h3",{"id":478},"baseurl",[259,480,481],{},"baseURL",[483,484,485,493],"ul",{},[486,487,488,489],"li",{},"Type: ",[490,491,492],"strong",{},"String",[486,494,495,496],{},"Default: ",[259,497,498],{},"''",[234,500,501,502,505],{},"Base URL for your Umbraco site. This is prepended to relative image paths such as ",[259,503,504],{},"\u002Fmedia\u002F...",".",[234,507,508,509,512,513,515],{},"If you already pass absolute Umbraco media URLs as ",[259,510,511],{},"src",", ",[259,514,481],{}," can be omitted:",[251,517,519],{"className":359,"code":518,"language":361,"meta":257,"style":257},"\u003CNuxtImg\n  provider=\"umbraco\"\n  src=\"https:\u002F\u002Fyour-umbraco-site.com\u002Fmedia\u002Fabcd1234\u002Fexample.jpg\"\n  width=\"800\"\n  height=\"450\"\n\u002F>\n",[259,520,521,527,539,552,564,576],{"__ignoreMap":257},[262,522,523,525],{"class":264,"line":265},[262,524,368],{"class":283},[262,526,371],{"class":290},[262,528,529,531,533,535,537],{"class":264,"line":287},[262,530,377],{"class":376},[262,532,380],{"class":283},[262,534,383],{"class":283},[262,536,386],{"class":321},[262,538,389],{"class":283},[262,540,541,543,545,547,550],{"class":264,"line":300},[262,542,394],{"class":376},[262,544,380],{"class":283},[262,546,383],{"class":283},[262,548,549],{"class":321},"https:\u002F\u002Fyour-umbraco-site.com\u002Fmedia\u002Fabcd1234\u002Fexample.jpg",[262,551,389],{"class":283},[262,553,554,556,558,560,562],{"class":264,"line":310},[262,555,408],{"class":376},[262,557,380],{"class":283},[262,559,383],{"class":283},[262,561,415],{"class":321},[262,563,389],{"class":283},[262,565,566,568,570,572,574],{"class":264,"line":328},[262,567,422],{"class":376},[262,569,380],{"class":283},[262,571,383],{"class":283},[262,573,429],{"class":321},[262,575,389],{"class":283},[262,577,578],{"class":264,"line":334},[262,579,469],{"class":279},[471,581,583],{"id":582},"modifiers","Modifiers",[234,585,586],{},"The Umbraco provider maps Nuxt Image modifiers to Umbraco\u002FImageSharp query parameters:",[588,589,590,606],"table",{},[591,592,593],"thead",{},[594,595,596,600,603],"tr",{},[597,598,599],"th",{},"Nuxt modifier",[597,601,602],{},"Query parameter",[597,604,605],{},"Description",[607,608,609,624,638,660,673,688,703,718],"tbody",{},[594,610,611,617,621],{},[612,613,614],"td",{},[259,615,616],{},"width",[612,618,619],{},[259,620,616],{},[612,622,623],{},"Output width in pixels",[594,625,626,631,635],{},[612,627,628],{},[259,629,630],{},"height",[612,632,633],{},[259,634,630],{},[612,636,637],{},"Output height in pixels",[594,639,640,645,649],{},[612,641,642],{},[259,643,644],{},"format",[612,646,647],{},[259,648,644],{},[612,650,651,652,512,654,512,657],{},"Output format, for example ",[259,653,443],{},[259,655,656],{},"jpg",[259,658,659],{},"png",[594,661,662,666,670],{},[612,663,664],{},[259,665,453],{},[612,667,668],{},[259,669,453],{},[612,671,672],{},"Encoder quality",[594,674,675,680,685],{},[612,676,677],{},[259,678,679],{},"fit",[612,681,682],{},[259,683,684],{},"rmode",[612,686,687],{},"Resize mode",[594,689,690,695,700],{},[612,691,692],{},[259,693,694],{},"sampler",[612,696,697],{},[259,698,699],{},"rsampler",[612,701,702],{},"Resampling algorithm",[594,704,705,710,715],{},[612,706,707],{},[259,708,709],{},"anchorPosition",[612,711,712],{},[259,713,714],{},"ranchor",[612,716,717],{},"Anchor position for crop\u002Fpad operations",[594,719,720,725,730],{},[612,721,722],{},[259,723,724],{},"focalPointXY",[612,726,727],{},[259,728,729],{},"rxy",[612,731,732,733,736,737,740,741],{},"Exact focal point as ",[259,734,735],{},"x,y"," values between ",[259,738,739],{},"0"," and ",[259,742,743],{},"1",[234,745,746,747,353,749,751],{},"If only one of ",[259,748,616],{},[259,750,630],{}," is provided, the original aspect ratio is preserved.",[476,753,754],{"id":679},[259,755,679],{},[234,757,758],{},"Supported values:",[483,760,761,766,771,776,781,786,791,796,801],{},[486,762,763],{},[259,764,765],{},"boxpad",[486,767,768],{},[259,769,770],{},"crop",[486,772,773],{},[259,774,775],{},"manual",[486,777,778],{},[259,779,780],{},"max",[486,782,783],{},[259,784,785],{},"min",[486,787,788],{},[259,789,790],{},"pad",[486,792,793],{},[259,794,795],{},"stretch",[486,797,798],{},[259,799,800],{},"contain",[486,802,803],{},[259,804,805],{},"cover",[234,807,808,809,740,811,813,814,816,817,740,820,816,822,505],{},"The standard Nuxt Image values ",[259,810,800],{},[259,812,805],{}," are mapped to their ImageSharp equivalents: ",[259,815,800],{}," becomes ",[259,818,819],{},"rmode=max",[259,821,805],{},[259,823,824],{},"rmode=crop",[251,826,828],{"className":359,"code":827,"language":361,"meta":257,"style":257},"\u003CNuxtImg\n  provider=\"umbraco\"\n  src=\"\u002Fmedia\u002Fabcd1234\u002Fexample.jpg\"\n  width=\"1200\"\n  height=\"630\"\n  fit=\"max\"\n\u002F>\n",[259,829,830,836,848,860,873,886,899],{"__ignoreMap":257},[262,831,832,834],{"class":264,"line":265},[262,833,368],{"class":283},[262,835,371],{"class":290},[262,837,838,840,842,844,846],{"class":264,"line":287},[262,839,377],{"class":376},[262,841,380],{"class":283},[262,843,383],{"class":283},[262,845,386],{"class":321},[262,847,389],{"class":283},[262,849,850,852,854,856,858],{"class":264,"line":300},[262,851,394],{"class":376},[262,853,380],{"class":283},[262,855,383],{"class":283},[262,857,401],{"class":321},[262,859,389],{"class":283},[262,861,862,864,866,868,871],{"class":264,"line":310},[262,863,408],{"class":376},[262,865,380],{"class":283},[262,867,383],{"class":283},[262,869,870],{"class":321},"1200",[262,872,389],{"class":283},[262,874,875,877,879,881,884],{"class":264,"line":328},[262,876,422],{"class":376},[262,878,380],{"class":283},[262,880,383],{"class":283},[262,882,883],{"class":321},"630",[262,885,389],{"class":283},[262,887,888,891,893,895,897],{"class":264,"line":334},[262,889,890],{"class":376},"  fit",[262,892,380],{"class":283},[262,894,383],{"class":283},[262,896,780],{"class":321},[262,898,389],{"class":283},[262,900,901],{"class":264,"line":340},[262,902,469],{"class":279},[476,904,906],{"id":905},"focalpointxy",[259,907,724],{},[234,909,910,911,913,914,916,917,740,919,505],{},"Use ",[259,912,724],{}," when you want to crop around an exact focal point. The value must be a comma-separated ",[259,915,735],{}," pair between ",[259,918,739],{},[259,920,743],{},[251,922,924],{"className":359,"code":923,"language":361,"meta":257,"style":257},"\u003CNuxtImg\n  provider=\"umbraco\"\n  src=\"\u002Fmedia\u002Fabcd1234\u002Fexample.jpg\"\n  width=\"400\"\n  height=\"400\"\n  format=\"webp\"\n  :modifiers=\"{ focalPointXY: '0.55,0.58', fit: 'crop' }\"\n\u002F>\n",[259,925,926,932,944,956,969,981,993,1038],{"__ignoreMap":257},[262,927,928,930],{"class":264,"line":265},[262,929,368],{"class":283},[262,931,371],{"class":290},[262,933,934,936,938,940,942],{"class":264,"line":287},[262,935,377],{"class":376},[262,937,380],{"class":283},[262,939,383],{"class":283},[262,941,386],{"class":321},[262,943,389],{"class":283},[262,945,946,948,950,952,954],{"class":264,"line":300},[262,947,394],{"class":376},[262,949,380],{"class":283},[262,951,383],{"class":283},[262,953,401],{"class":321},[262,955,389],{"class":283},[262,957,958,960,962,964,967],{"class":264,"line":310},[262,959,408],{"class":376},[262,961,380],{"class":283},[262,963,383],{"class":283},[262,965,966],{"class":321},"400",[262,968,389],{"class":283},[262,970,971,973,975,977,979],{"class":264,"line":328},[262,972,422],{"class":376},[262,974,380],{"class":283},[262,976,383],{"class":283},[262,978,966],{"class":321},[262,980,389],{"class":283},[262,982,983,985,987,989,991],{"class":264,"line":334},[262,984,436],{"class":376},[262,986,380],{"class":283},[262,988,383],{"class":283},[262,990,443],{"class":321},[262,992,389],{"class":283},[262,994,995,997,999,1001,1003,1006,1009,1011,1013,1016,1019,1022,1025,1027,1029,1031,1033,1036],{"class":264,"line":340},[262,996,450],{"class":283},[262,998,582],{"class":376},[262,1000,380],{"class":283},[262,1002,383],{"class":283},[262,1004,1005],{"class":283},"{",[262,1007,1008],{"class":290}," focalPointXY",[262,1010,294],{"class":283},[262,1012,318],{"class":283},[262,1014,1015],{"class":321},"0.55,0.58",[262,1017,1018],{"class":283},"'",[262,1020,1021],{"class":283},",",[262,1023,1024],{"class":290}," fit",[262,1026,294],{"class":283},[262,1028,318],{"class":283},[262,1030,770],{"class":321},[262,1032,1018],{"class":283},[262,1034,1035],{"class":283}," }",[262,1037,389],{"class":283},[262,1039,1040],{"class":264,"line":466},[262,1041,469],{"class":279},[476,1043,1045],{"id":1044},"anchorposition",[259,1046,709],{},[234,1048,910,1049,1051,1052,353,1054,505],{},[259,1050,709],{}," to control how the image is anchored when using resize modes such as ",[259,1053,770],{},[259,1055,790],{},[234,1057,758],{},[483,1059,1060,1065,1070,1075,1080,1085,1090,1095,1100],{},[486,1061,1062],{},[259,1063,1064],{},"top",[486,1066,1067],{},[259,1068,1069],{},"topleft",[486,1071,1072],{},[259,1073,1074],{},"topright",[486,1076,1077],{},[259,1078,1079],{},"left",[486,1081,1082],{},[259,1083,1084],{},"center",[486,1086,1087],{},[259,1088,1089],{},"right",[486,1091,1092],{},[259,1093,1094],{},"bottom",[486,1096,1097],{},[259,1098,1099],{},"bottomleft",[486,1101,1102],{},[259,1103,1104],{},"bottomright",[251,1106,1108],{"className":359,"code":1107,"language":361,"meta":257,"style":257},"\u003CNuxtImg\n  provider=\"umbraco\"\n  src=\"\u002Fmedia\u002Fabcd1234\u002Fexample.jpg\"\n  width=\"800\"\n  height=\"400\"\n  :modifiers=\"{ fit: 'crop', anchorPosition: 'top' }\"\n\u002F>\n",[259,1109,1110,1116,1128,1140,1152,1164,1203],{"__ignoreMap":257},[262,1111,1112,1114],{"class":264,"line":265},[262,1113,368],{"class":283},[262,1115,371],{"class":290},[262,1117,1118,1120,1122,1124,1126],{"class":264,"line":287},[262,1119,377],{"class":376},[262,1121,380],{"class":283},[262,1123,383],{"class":283},[262,1125,386],{"class":321},[262,1127,389],{"class":283},[262,1129,1130,1132,1134,1136,1138],{"class":264,"line":300},[262,1131,394],{"class":376},[262,1133,380],{"class":283},[262,1135,383],{"class":283},[262,1137,401],{"class":321},[262,1139,389],{"class":283},[262,1141,1142,1144,1146,1148,1150],{"class":264,"line":310},[262,1143,408],{"class":376},[262,1145,380],{"class":283},[262,1147,383],{"class":283},[262,1149,415],{"class":321},[262,1151,389],{"class":283},[262,1153,1154,1156,1158,1160,1162],{"class":264,"line":328},[262,1155,422],{"class":376},[262,1157,380],{"class":283},[262,1159,383],{"class":283},[262,1161,966],{"class":321},[262,1163,389],{"class":283},[262,1165,1166,1168,1170,1172,1174,1176,1178,1180,1182,1184,1186,1188,1191,1193,1195,1197,1199,1201],{"class":264,"line":334},[262,1167,450],{"class":283},[262,1169,582],{"class":376},[262,1171,380],{"class":283},[262,1173,383],{"class":283},[262,1175,1005],{"class":283},[262,1177,1024],{"class":290},[262,1179,294],{"class":283},[262,1181,318],{"class":283},[262,1183,770],{"class":321},[262,1185,1018],{"class":283},[262,1187,1021],{"class":283},[262,1189,1190],{"class":290}," anchorPosition",[262,1192,294],{"class":283},[262,1194,318],{"class":283},[262,1196,1064],{"class":321},[262,1198,1018],{"class":283},[262,1200,1035],{"class":283},[262,1202,389],{"class":283},[262,1204,1205],{"class":264,"line":340},[262,1206,469],{"class":279},[476,1208,1209],{"id":694},[259,1210,694],{},[234,1212,910,1213,1215],{},[259,1214,694],{}," to control the resampling algorithm used during resize operations.",[234,1217,758],{},[483,1219,1220,1225,1230,1235,1240,1245,1250,1255,1260,1265,1270,1275,1280,1285,1290],{},[486,1221,1222],{},[259,1223,1224],{},"bicubic",[486,1226,1227],{},[259,1228,1229],{},"nearest",[486,1231,1232],{},[259,1233,1234],{},"box",[486,1236,1237],{},[259,1238,1239],{},"mitchell",[486,1241,1242],{},[259,1243,1244],{},"catmull",[486,1246,1247],{},[259,1248,1249],{},"lanczos2",[486,1251,1252],{},[259,1253,1254],{},"lanczos3",[486,1256,1257],{},[259,1258,1259],{},"lanczos5",[486,1261,1262],{},[259,1263,1264],{},"lanczos8",[486,1266,1267],{},[259,1268,1269],{},"welch",[486,1271,1272],{},[259,1273,1274],{},"robidoux",[486,1276,1277],{},[259,1278,1279],{},"robidouxsharp",[486,1281,1282],{},[259,1283,1284],{},"spline",[486,1286,1287],{},[259,1288,1289],{},"triangle",[486,1291,1292],{},[259,1293,1294],{},"hermite",[251,1296,1298],{"className":359,"code":1297,"language":361,"meta":257,"style":257},"\u003CNuxtImg\n  provider=\"umbraco\"\n  src=\"\u002Fmedia\u002Fabcd1234\u002Fexample.jpg\"\n  width=\"600\"\n  height=\"338\"\n  :modifiers=\"{ sampler: 'lanczos3' }\"\n\u002F>\n",[259,1299,1300,1306,1318,1330,1343,1356,1383],{"__ignoreMap":257},[262,1301,1302,1304],{"class":264,"line":265},[262,1303,368],{"class":283},[262,1305,371],{"class":290},[262,1307,1308,1310,1312,1314,1316],{"class":264,"line":287},[262,1309,377],{"class":376},[262,1311,380],{"class":283},[262,1313,383],{"class":283},[262,1315,386],{"class":321},[262,1317,389],{"class":283},[262,1319,1320,1322,1324,1326,1328],{"class":264,"line":300},[262,1321,394],{"class":376},[262,1323,380],{"class":283},[262,1325,383],{"class":283},[262,1327,401],{"class":321},[262,1329,389],{"class":283},[262,1331,1332,1334,1336,1338,1341],{"class":264,"line":310},[262,1333,408],{"class":376},[262,1335,380],{"class":283},[262,1337,383],{"class":283},[262,1339,1340],{"class":321},"600",[262,1342,389],{"class":283},[262,1344,1345,1347,1349,1351,1354],{"class":264,"line":328},[262,1346,422],{"class":376},[262,1348,380],{"class":283},[262,1350,383],{"class":283},[262,1352,1353],{"class":321},"338",[262,1355,389],{"class":283},[262,1357,1358,1360,1362,1364,1366,1368,1371,1373,1375,1377,1379,1381],{"class":264,"line":334},[262,1359,450],{"class":283},[262,1361,582],{"class":376},[262,1363,380],{"class":283},[262,1365,383],{"class":283},[262,1367,1005],{"class":283},[262,1369,1370],{"class":290}," sampler",[262,1372,294],{"class":283},[262,1374,318],{"class":283},[262,1376,1254],{"class":321},[262,1378,1018],{"class":283},[262,1380,1035],{"class":283},[262,1382,389],{"class":283},[262,1384,1385],{"class":264,"line":340},[262,1386,469],{"class":279},[471,1388,1390],{"id":1389},"notes","Notes",[476,1392,1394],{"id":1393},"imagesharp-and-umbraco-processing","ImageSharp and Umbraco processing",[234,1396,1397],{},"Umbraco uses ImageSharp.Web for image processing, so this provider works by generating the same query parameters Umbraco already understands for resize, format, quality, focal point and related operations.",[476,1399,1401],{"id":1400},"set-crops","Set crops",[234,1403,1404],{},"Umbraco supports using set crops for images. These however, aren't currently supported.",[476,1406,1408],{"id":1407},"hmac-protected-image-urls","HMAC protected image URLs",[234,1410,1411,1412,1415],{},"If your Umbraco setup has ",[259,1413,1414],{},"Umbraco:CMS:Imaging:HMACSecretKey"," enabled, image requests can require an HMAC signature.",[234,1417,1418],{},"This provider does not currently generate that signature, so transformed URLs may be rejected unless signing is handled elsewhere.",[476,1420,1422],{"id":1421},"resize-limits","Resize limits",[234,1424,1425],{},"Umbraco can enforce maximum resize dimensions through its imaging settings. If the requested dimensions exceed your configured limits, resizing may not be applied.",[471,1427,1429],{"id":1428},"example","Example",[251,1431,1433],{"className":359,"code":1432,"language":361,"meta":257,"style":257},"\u003Ctemplate>\n  \u003CNuxtImg\n    provider=\"umbraco\"\n    src=\"\u002Fmedia\u002Fhvjlhtfw\u002Fhome-full-screen-4.png\"\n    width=\"500\"\n    height=\"200\"\n    format=\"webp\"\n    :quality=\"60\"\n    :modifiers=\"{\n      fit: 'crop',\n      focalPointXY: '0.5488476724567298,0.5772994963168611'\n    }\"\n  \u002F>\n\u003C\u002Ftemplate>\n",[259,1434,1435,1445,1452,1465,1479,1493,1507,1520,1534,1546,1552,1558,1566,1572],{"__ignoreMap":257},[262,1436,1437,1439,1442],{"class":264,"line":265},[262,1438,368],{"class":283},[262,1440,1441],{"class":290},"template",[262,1443,1444],{"class":283},">\n",[262,1446,1447,1450],{"class":264,"line":287},[262,1448,1449],{"class":283},"  \u003C",[262,1451,371],{"class":290},[262,1453,1454,1457,1459,1461,1463],{"class":264,"line":300},[262,1455,1456],{"class":376},"    provider",[262,1458,380],{"class":283},[262,1460,383],{"class":283},[262,1462,386],{"class":321},[262,1464,389],{"class":283},[262,1466,1467,1470,1472,1474,1477],{"class":264,"line":310},[262,1468,1469],{"class":376},"    src",[262,1471,380],{"class":283},[262,1473,383],{"class":283},[262,1475,1476],{"class":321},"\u002Fmedia\u002Fhvjlhtfw\u002Fhome-full-screen-4.png",[262,1478,389],{"class":283},[262,1480,1481,1484,1486,1488,1491],{"class":264,"line":328},[262,1482,1483],{"class":376},"    width",[262,1485,380],{"class":283},[262,1487,383],{"class":283},[262,1489,1490],{"class":321},"500",[262,1492,389],{"class":283},[262,1494,1495,1498,1500,1502,1505],{"class":264,"line":334},[262,1496,1497],{"class":376},"    height",[262,1499,380],{"class":283},[262,1501,383],{"class":283},[262,1503,1504],{"class":321},"200",[262,1506,389],{"class":283},[262,1508,1509,1512,1514,1516,1518],{"class":264,"line":340},[262,1510,1511],{"class":376},"    format",[262,1513,380],{"class":283},[262,1515,383],{"class":283},[262,1517,443],{"class":321},[262,1519,389],{"class":283},[262,1521,1522,1525,1527,1529,1532],{"class":264,"line":466},[262,1523,1524],{"class":376},"    :quality",[262,1526,380],{"class":283},[262,1528,383],{"class":283},[262,1530,1531],{"class":321},"60",[262,1533,389],{"class":283},[262,1535,1537,1540,1542,1544],{"class":264,"line":1536},9,[262,1538,1539],{"class":376},"    :modifiers",[262,1541,380],{"class":283},[262,1543,383],{"class":283},[262,1545,284],{"class":321},[262,1547,1549],{"class":264,"line":1548},10,[262,1550,1551],{"class":321},"      fit: 'crop',\n",[262,1553,1555],{"class":264,"line":1554},11,[262,1556,1557],{"class":321},"      focalPointXY: '0.5488476724567298,0.5772994963168611'\n",[262,1559,1561,1564],{"class":264,"line":1560},12,[262,1562,1563],{"class":321},"    }",[262,1565,389],{"class":283},[262,1567,1569],{"class":264,"line":1568},13,[262,1570,1571],{"class":283},"  \u002F>\n",[262,1573,1575,1578,1580],{"class":264,"line":1574},14,[262,1576,1577],{"class":283},"\u003C\u002F",[262,1579,1441],{"class":290},[262,1581,1444],{"class":283},[471,1583,1585],{"id":1584},"more-information","More information",[234,1587,1588,1589,1594,1595,505],{},"For the underlying processing behavior and available resize semantics, see the ",[238,1590,1593],{"href":1591,"rel":1592},"https:\u002F\u002Fdocs.umbraco.com\u002Fumbraco-cms\u002Ffundamentals\u002Fbackoffice\u002Fproperty-editors\u002Fbuilt-in-umbraco-property-editors\u002Fimage-cropper",[242],"Umbraco Image Cropper docs"," and the ",[238,1596,1599],{"href":1597,"rel":1598},"https:\u002F\u002Fdocs.sixlabors.com\u002Farticles\u002Fimagesharp.web\u002Fprocessingcommands.html",[242],"ImageSharp processing commands docs",[1601,1602,1603],"style",{},"html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}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 .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);}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 pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":257,"searchDepth":287,"depth":287,"links":1605},[1606,1609,1615,1621,1622],{"id":473,"depth":287,"text":474,"children":1607},[1608],{"id":478,"depth":300,"text":481},{"id":582,"depth":287,"text":583,"children":1610},[1611,1612,1613,1614],{"id":679,"depth":300,"text":679},{"id":905,"depth":300,"text":724},{"id":1044,"depth":300,"text":709},{"id":694,"depth":300,"text":694},{"id":1389,"depth":287,"text":1390,"children":1616},[1617,1618,1619,1620],{"id":1393,"depth":300,"text":1394},{"id":1400,"depth":300,"text":1401},{"id":1407,"depth":300,"text":1408},{"id":1421,"depth":300,"text":1422},{"id":1428,"depth":287,"text":1429},{"id":1584,"depth":287,"text":1585},"Nuxt Image has first class integration with Umbraco.","md",[1626],{"label":1627,"icon":1628,"to":1629,"size":1630},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fumbraco.ts","xs",{},true,{"title":196,"description":1623},"sDd84LN-T21QcdWP5GZrBBJmhZo3ejLMDbBP2pLuEqQ",[1636,1638],{"title":192,"path":193,"stem":194,"description":1637,"children":-1},"Nuxt Image internally use Twicpics as static provider.",{"title":200,"path":201,"stem":202,"description":1639,"children":-1},"Nuxt Image has first class integration with Unsplash.",1784666103728]