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