[{"data":1,"prerenderedAt":1903},["ShallowReactive",2],{"navigation_docs":3,"-providers-imgproxy":228,"-providers-imgproxy-surround":1898},[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":140,"body":230,"description":1887,"extension":1888,"links":1889,"meta":1895,"navigation":1798,"path":141,"seo":1896,"stem":142,"__hash__":1897},"docs\u002F3.providers\u002Fimgproxy.md",{"type":231,"value":232,"toc":1872},"minimark",[233,244,256,355,378,383,390,485,507,515,528,554,565,568,573,579,598,613,615,622,627,632,638,643,657,662,670,672,676,680,686,690,702,706,717,719,723,727,730,734,745,749,757,759,764,768,771,775,781,785,793,795,799,803,806,811,820,824,834,838,849,851,855,974,976,980,997,1001,1007,1132,1150,1320,1333,1337,1340,1446,1449,1536,1544,1635,1638,1780,1783,1786,1868],[234,235,236,237,243],"p",{},"Integration between ",[238,239,140],"a",{"href":240,"rel":241},"https:\u002F\u002Fimgproxy.net\u002F",[242],"nofollow"," and the image module.",[234,245,246,247,251,252,255],{},"At a minimum, you must configure the ",[248,249,250],"code",{},"imgproxy"," provider with the ",[248,253,254],{},"baseURL"," set to your Imgproxy instance:",[257,258,264],"pre",{"className":259,"code":260,"filename":261,"language":262,"meta":263,"style":263},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    imgproxy: {\n      baseURL: 'http:\u002F\u002Flocalhost:8080\u002F',\n    }\n  }\n})\n","nuxt.config.ts","ts","",[248,265,266,290,303,313,334,340,346],{"__ignoreMap":263},[267,268,271,275,278,282,286],"span",{"class":269,"line":270},"line",1,[267,272,274],{"class":273},"s7zQu","export",[267,276,277],{"class":273}," default",[267,279,281],{"class":280},"s2Zo4"," defineNuxtConfig",[267,283,285],{"class":284},"sTEyZ","(",[267,287,289],{"class":288},"sMK4o","{\n",[267,291,293,297,300],{"class":269,"line":292},2,[267,294,296],{"class":295},"swJcz","  image",[267,298,299],{"class":288},":",[267,301,302],{"class":288}," {\n",[267,304,306,309,311],{"class":269,"line":305},3,[267,307,308],{"class":295},"    imgproxy",[267,310,299],{"class":288},[267,312,302],{"class":288},[267,314,316,319,321,324,328,331],{"class":269,"line":315},4,[267,317,318],{"class":295},"      baseURL",[267,320,299],{"class":288},[267,322,323],{"class":288}," '",[267,325,327],{"class":326},"sfazB","http:\u002F\u002Flocalhost:8080\u002F",[267,329,330],{"class":288},"'",[267,332,333],{"class":288},",\n",[267,335,337],{"class":269,"line":336},5,[267,338,339],{"class":288},"    }\n",[267,341,343],{"class":269,"line":342},6,[267,344,345],{"class":288},"  }\n",[267,347,349,352],{"class":269,"line":348},7,[267,350,351],{"class":288},"}",[267,353,354],{"class":284},")\n",[234,356,357,358,361,362,365,366,369,370,373,374,377],{},"Without a ",[248,359,360],{},"key"," and ",[248,363,364],{},"salt",", URLs are generated unsigned (using the ",[248,367,368],{},"unsafe"," signature segment), which requires your\nImgproxy instance to allow unsigned URLs (the default when ",[248,371,372],{},"IMGPROXY_KEY","\u002F",[248,375,376],{},"IMGPROXY_SALT"," are not set).",[379,380,382],"h2",{"id":381},"url-signing","URL signing",[234,384,385,386,361,388,299],{},"If your Imgproxy instance requires signed URLs, provide the hex-encoded ",[248,387,360],{},[248,389,364],{},[257,391,393],{"className":259,"code":392,"filename":261,"language":262,"meta":263,"style":263},"export default defineNuxtConfig({\n  image: {\n    imgproxy: {\n      baseURL: 'http:\u002F\u002Flocalhost:8080\u002F',\n      key: 'ee3b0e07dfc9ec20d5d9588a558753547a8a88c48291ae96171330daf4ce2800',\n      salt: '8dd0e39bb7b14eeaf02d49e5dc76d2bc0abd9e09d52e7049e791acd3558db68e',\n    }\n  }\n})\n",[248,394,395,407,415,423,437,453,469,473,478],{"__ignoreMap":263},[267,396,397,399,401,403,405],{"class":269,"line":270},[267,398,274],{"class":273},[267,400,277],{"class":273},[267,402,281],{"class":280},[267,404,285],{"class":284},[267,406,289],{"class":288},[267,408,409,411,413],{"class":269,"line":292},[267,410,296],{"class":295},[267,412,299],{"class":288},[267,414,302],{"class":288},[267,416,417,419,421],{"class":269,"line":305},[267,418,308],{"class":295},[267,420,299],{"class":288},[267,422,302],{"class":288},[267,424,425,427,429,431,433,435],{"class":269,"line":315},[267,426,318],{"class":295},[267,428,299],{"class":288},[267,430,323],{"class":288},[267,432,327],{"class":326},[267,434,330],{"class":288},[267,436,333],{"class":288},[267,438,439,442,444,446,449,451],{"class":269,"line":336},[267,440,441],{"class":295},"      key",[267,443,299],{"class":288},[267,445,323],{"class":288},[267,447,448],{"class":326},"ee3b0e07dfc9ec20d5d9588a558753547a8a88c48291ae96171330daf4ce2800",[267,450,330],{"class":288},[267,452,333],{"class":288},[267,454,455,458,460,462,465,467],{"class":269,"line":342},[267,456,457],{"class":295},"      salt",[267,459,299],{"class":288},[267,461,323],{"class":288},[267,463,464],{"class":326},"8dd0e39bb7b14eeaf02d49e5dc76d2bc0abd9e09d52e7049e791acd3558db68e",[267,466,330],{"class":288},[267,468,333],{"class":288},[267,470,471],{"class":269,"line":348},[267,472,339],{"class":288},[267,474,476],{"class":269,"line":475},8,[267,477,345],{"class":288},[267,479,481,483],{"class":269,"line":480},9,[267,482,351],{"class":288},[267,484,354],{"class":284},[486,487,488,489,361,491,493,494,498,499,506],"warning",{},"Image URLs are generated in the browser as well as on the server, so the ",[248,490,360],{},[248,492,364],{}," are included in the public\nclient bundle. Anyone can extract them and sign arbitrary Imgproxy URLs. Signing therefore does ",[495,496,497],"strong",{},"not"," protect your\ninstance against abuse in this setup. Restrict your instance by other means, for example with\n",[238,500,503],{"href":501,"rel":502},"https:\u002F\u002Fdocs.imgproxy.net\u002Fconfiguration\u002Foptions#IMGPROXY_ALLOWED_SOURCES",[242],[248,504,505],{},"IMGPROXY_ALLOWED_SOURCES"," and related\noptions, and do not reuse this key pair for an Imgproxy instance whose signing you rely on elsewhere.",[379,508,510,511,514],{"id":509},"processing-of-fit-values-by-the-imgproxy-provider","Processing of ",[248,512,513],{},"fit"," values by the imgproxy provider",[234,516,517,518,520,521,523,524,527],{},"The ",[248,519,513],{}," modifier controls how images are resized using ",[495,522,250],{},".",[525,526],"br",{},"\nIt maps to the following imgproxy-related fields:",[529,530,531,548],"ul",{},[532,533,534,537,538,541,542,541,544,547],"li",{},[248,535,536],{},"resizingType"," — defines the resizing strategy (",[248,539,540],{},"fill",", ",[248,543,513],{},[248,545,546],{},"force",")",[532,549,550,553],{},[248,551,552],{},"extend"," - enables canvas extension (letterboxing) when required",[234,555,556,557,560,561,564],{},"The behavior depends on whether valid ",[248,558,559],{},"width"," and\u002For ",[248,562,563],{},"height"," values are provided.",[566,567],"hr",{},[569,570,572],"h3",{"id":571},"dimension-handling","Dimension Handling",[234,574,575,576,578],{},"Before applying any ",[248,577,513],{}," behavior:",[529,580,581,592,595],{},[532,582,583,584,361,586,588,589,523],{},"If both ",[248,585,559],{},[248,587,563],{}," are positive numbers → ",[495,590,591],{},"both dimensions are considered defined",[532,593,594],{},"If only one dimension is provided → behavior falls back to proportional resizing.",[532,596,597],{},"If neither dimension is provided → resizing defaults to proportional behavior.",[234,599,600,601,541,604,541,607,541,609,612],{},"Exact box-based behaviors (",[248,602,603],{},"cover",[248,605,606],{},"contain",[248,608,540],{},[248,610,611],{},"outside",") fully apply only when both dimensions are defined.",[566,614],{},[569,616,618,619,621],{"id":617},"supported-fit-values","Supported ",[248,620,513],{}," Values",[623,624,625],"h4",{"id":603},[248,626,603],{},[234,628,629],{},[495,630,631],{},"Description",[234,633,634,635,637],{},"Preserves an aspect ratio and ensures the image fully covers the target box.",[525,636],{},"\nWhen both dimensions are defined, parts of the image may be cropped.",[234,639,640],{},[495,641,642],{},"Parameters Used",[529,644,645,651],{},[532,646,647,650],{},[248,648,649],{},"resizingType = 'fill'"," when both dimensions are provided",[532,652,653,656],{},[248,654,655],{},"resizingType = 'fit'"," when one or both dimensions are missing",[234,658,659],{},[495,660,661],{},"Behavior",[529,663,664,667],{},[532,665,666],{},"With both dimensions: full coverage of the box (cropping allowed).",[532,668,669],{},"With partial or no dimensions: proportional resizing without enforced coverage.",[566,671],{},[623,673,674],{"id":606},[248,675,606],{},[234,677,678],{},[495,679,631],{},[234,681,682,683,685],{},"Preserves aspect ratio and fits the image within the target box.",[525,684],{},"\nWhen both dimensions are defined, padding (letterboxing) is applied so the final image matches the exact dimensions.",[234,687,688],{},[495,689,642],{},[529,691,692,696],{},[532,693,694],{},[248,695,655],{},[532,697,698,701],{},[248,699,700],{},"extend = true"," when both dimensions are provided (omitted otherwise)",[234,703,704],{},[495,705,661],{},[529,707,708,711,714],{},[532,709,710],{},"Proportional scaling within bounds.",[532,712,713],{},"Padding is applied only when both width and height are defined.",[532,715,716],{},"With a single dimension, padding is not applied.",[566,718],{},[623,720,721],{"id":540},[248,722,540],{},[234,724,725],{},[495,726,631],{},[234,728,729],{},"Ignores the original aspect ratio and stretches the image to exactly match the provided dimensions.",[234,731,732],{},[495,733,642],{},[529,735,736,741],{},[532,737,738,650],{},[248,739,740],{},"resizingType = 'force'",[532,742,743,656],{},[248,744,655],{},[234,746,747],{},[495,748,661],{},[529,750,751,754],{},[532,752,753],{},"With both dimensions: image is stretched (aspect ratio ignored).",[532,755,756],{},"Otherwise: proportional resizing is used instead of distortion.",[566,758],{},[623,760,762],{"id":761},"inside",[248,763,761],{},[234,765,766],{},[495,767,631],{},[234,769,770],{},"Preserves an aspect ratio and resizes the image to be as large as possible while ensuring its dimensions are less than or\nequal to the specified box.",[234,772,773],{},[495,774,642],{},[529,776,777],{},[532,778,779],{},[248,780,655],{},[234,782,783],{},[495,784,661],{},[529,786,787,790],{},[532,788,789],{},"Always performs proportional scaling.",[532,791,792],{},"Works consistently with one, two, or no defined dimensions.",[566,794],{},[623,796,797],{"id":611},[248,798,611],{},[234,800,801],{},[495,802,631],{},[234,804,805],{},"Preserves an aspect ratio and resizes the image so that both dimensions are greater than or equal to the specified box.",[234,807,808],{},[495,809,810],{},"Implementation Note",[234,812,813,814,816,817,819],{},"imgproxy does not provide a dedicated resizing strategy that guarantees true ",[248,815,611],{}," behavior without inspecting the\nsource image’s aspect ratio.",[525,818],{},"\nThis implementation approximates the behavior.",[234,821,822],{},[495,823,642],{},[529,825,826,830],{},[532,827,828,650],{},[248,829,649],{},[532,831,832,656],{},[248,833,655],{},[234,835,836],{},[495,837,661],{},[529,839,840,846],{},[532,841,842,843,845],{},"With both dimensions: behaves similarly to ",[248,844,603],{}," (may crop).",[532,847,848],{},"Otherwise: falls back to proportional resizing.",[566,850],{},[569,852,854],{"id":853},"summary-table","Summary Table",[856,857,858,875],"table",{},[859,860,861],"thead",{},[862,863,864,868,871,873],"tr",{},[865,866,867],"th",{},"fit value",[865,869,870],{},"Both Dimensions Provided",[865,872,536],{},[865,874,552],{},[876,877,878,891,902,913,923,933,943,954,964],"tbody",{},[862,879,880,883,886,888],{},[881,882,603],"td",{},[881,884,885],{},"Yes",[881,887,540],{},[881,889,890],{},"—",[862,892,893,895,898,900],{},[881,894,603],{},[881,896,897],{},"No",[881,899,513],{},[881,901,890],{},[862,903,904,906,908,910],{},[881,905,606],{},[881,907,885],{},[881,909,513],{},[881,911,912],{},"true",[862,914,915,917,919,921],{},[881,916,606],{},[881,918,897],{},[881,920,513],{},[881,922,890],{},[862,924,925,927,929,931],{},[881,926,540],{},[881,928,885],{},[881,930,546],{},[881,932,890],{},[862,934,935,937,939,941],{},[881,936,540],{},[881,938,897],{},[881,940,513],{},[881,942,890],{},[862,944,945,947,950,952],{},[881,946,761],{},[881,948,949],{},"Any",[881,951,513],{},[881,953,890],{},[862,955,956,958,960,962],{},[881,957,611],{},[881,959,885],{},[881,961,540],{},[881,963,890],{},[862,965,966,968,970,972],{},[881,967,611],{},[881,969,897],{},[881,971,513],{},[881,973,890],{},[566,975],{},[569,977,979],{"id":978},"dimension-edge-cases","Dimension Edge Cases",[529,981,982,991,994],{},[532,983,984,985,987,988,990],{},"If neither ",[248,986,559],{}," nor ",[248,989,563],{}," is provided, resizing defaults to proportional behavior.",[532,992,993],{},"If only one dimension is provided, proportional scaling is applied.",[532,995,996],{},"Exact box behaviors are guaranteed only when both dimensions are defined.",[379,998,1000],{"id":999},"imgproxy-modifiers","Imgproxy Modifiers",[234,1002,1003,1004,1006],{},"You can set default modifiers for all images in your ",[248,1005,261],{}," file:",[257,1008,1010],{"className":259,"code":1009,"filename":261,"language":262,"meta":263,"style":263},"export default defineNuxtConfig({\n  image: {\n    imgproxy: {\n      baseURL: 'http:\u002F\u002Flocalhost:8080\u002F',\n      modifiers: {\n        resizingType: 'fit',\n        gravity: 'no',\n        format: 'png',\n      }\n    }\n  }\n})\n",[248,1011,1012,1024,1032,1040,1054,1063,1078,1094,1110,1115,1120,1125],{"__ignoreMap":263},[267,1013,1014,1016,1018,1020,1022],{"class":269,"line":270},[267,1015,274],{"class":273},[267,1017,277],{"class":273},[267,1019,281],{"class":280},[267,1021,285],{"class":284},[267,1023,289],{"class":288},[267,1025,1026,1028,1030],{"class":269,"line":292},[267,1027,296],{"class":295},[267,1029,299],{"class":288},[267,1031,302],{"class":288},[267,1033,1034,1036,1038],{"class":269,"line":305},[267,1035,308],{"class":295},[267,1037,299],{"class":288},[267,1039,302],{"class":288},[267,1041,1042,1044,1046,1048,1050,1052],{"class":269,"line":315},[267,1043,318],{"class":295},[267,1045,299],{"class":288},[267,1047,323],{"class":288},[267,1049,327],{"class":326},[267,1051,330],{"class":288},[267,1053,333],{"class":288},[267,1055,1056,1059,1061],{"class":269,"line":336},[267,1057,1058],{"class":295},"      modifiers",[267,1060,299],{"class":288},[267,1062,302],{"class":288},[267,1064,1065,1068,1070,1072,1074,1076],{"class":269,"line":342},[267,1066,1067],{"class":295},"        resizingType",[267,1069,299],{"class":288},[267,1071,323],{"class":288},[267,1073,513],{"class":326},[267,1075,330],{"class":288},[267,1077,333],{"class":288},[267,1079,1080,1083,1085,1087,1090,1092],{"class":269,"line":348},[267,1081,1082],{"class":295},"        gravity",[267,1084,299],{"class":288},[267,1086,323],{"class":288},[267,1088,1089],{"class":326},"no",[267,1091,330],{"class":288},[267,1093,333],{"class":288},[267,1095,1096,1099,1101,1103,1106,1108],{"class":269,"line":475},[267,1097,1098],{"class":295},"        format",[267,1100,299],{"class":288},[267,1102,323],{"class":288},[267,1104,1105],{"class":326},"png",[267,1107,330],{"class":288},[267,1109,333],{"class":288},[267,1111,1112],{"class":269,"line":480},[267,1113,1114],{"class":288},"      }\n",[267,1116,1118],{"class":269,"line":1117},10,[267,1119,339],{"class":288},[267,1121,1123],{"class":269,"line":1122},11,[267,1124,345],{"class":288},[267,1126,1128,1130],{"class":269,"line":1127},12,[267,1129,351],{"class":288},[267,1131,354],{"class":284},[234,1133,1134,1135,1139,1140,1145,1146,1149],{},"In addition to the ",[238,1136,1138],{"href":1137},"\u002Fusage\u002Fnuxt-img#modifiers","standard modifiers",", you can also use most\nof ",[238,1141,1144],{"href":1142,"rel":1143},"https:\u002F\u002Fdocs.imgproxy.net\u002Fusage\u002Fprocessing#processing-options",[242],"Imgproxy Options"," by adding them to the ",[248,1147,1148],{},"modifiers","\nproperty with the following attribute names:",[529,1151,1152,1157,1161,1166,1171,1176,1181,1186,1191,1196,1200,1205,1210,1215,1220,1225,1230,1235,1240,1245,1250,1255,1260,1265,1270,1275,1280,1285,1290,1295,1300,1305,1310,1315],{},[532,1153,1154],{},[248,1155,1156],{},"format",[532,1158,1159],{},[248,1160,536],{},[532,1162,1163],{},[248,1164,1165],{},"resize",[532,1167,1168],{},[248,1169,1170],{},"size",[532,1172,1173],{},[248,1174,1175],{},"minWidth",[532,1177,1178],{},[248,1179,1180],{},"minHeight",[532,1182,1183],{},[248,1184,1185],{},"zoom",[532,1187,1188],{},[248,1189,1190],{},"dpr",[532,1192,1193],{},[248,1194,1195],{},"enlarge",[532,1197,1198],{},[248,1199,552],{},[532,1201,1202],{},[248,1203,1204],{},"extendAspectRatio",[532,1206,1207],{},[248,1208,1209],{},"gravity",[532,1211,1212],{},[248,1213,1214],{},"crop",[532,1216,1217],{},[248,1218,1219],{},"autoRotate",[532,1221,1222],{},[248,1223,1224],{},"rotate",[532,1226,1227],{},[248,1228,1229],{},"background",[532,1231,1232],{},[248,1233,1234],{},"sharpen",[532,1236,1237],{},[248,1238,1239],{},"pixelate",[532,1241,1242],{},[248,1243,1244],{},"stripMetadata",[532,1246,1247],{},[248,1248,1249],{},"keepCopyright",[532,1251,1252],{},[248,1253,1254],{},"stripColorProfile",[532,1256,1257],{},[248,1258,1259],{},"enforceThumbnail",[532,1261,1262],{},[248,1263,1264],{},"maxBytes",[532,1266,1267],{},[248,1268,1269],{},"raw",[532,1271,1272],{},[248,1273,1274],{},"cachebuster",[532,1276,1277],{},[248,1278,1279],{},"expires",[532,1281,1282],{},[248,1283,1284],{},"filename",[532,1286,1287],{},[248,1288,1289],{},"returnAttachment",[532,1291,1292],{},[248,1293,1294],{},"preset",[532,1296,1297],{},[248,1298,1299],{},"maxSrcResolution",[532,1301,1302],{},[248,1303,1304],{},"maxSrcFileSize",[532,1306,1307],{},[248,1308,1309],{},"maxAnimationFrames",[532,1311,1312],{},[248,1313,1314],{},"maxAnimationFrameResolution",[532,1316,1317],{},[248,1318,1319],{},"maxResultDimension",[1321,1322,1323],"blockquote",{},[234,1324,1325,1326,1328,1329,1332],{},"The provider does not verify the accuracy of your data entry. If you see “Invalid URL” from Imgproxy, check that the\nparameters are correct. Some parameters (e.g., ",[248,1327,1214],{},") accept an object as input and convert the request into a valid\nstring for your server. You can find more detailed information about all image processing options on\nthe ",[238,1330,140],{"href":1142,"rel":1331},[242]," website.",[379,1334,1336],{"id":1335},"examples","Examples",[234,1338,1339],{},"Example 1: Cropping an image to a width and height of 500x500 and rotate by 180 degrees:",[257,1341,1345],{"className":1342,"code":1343,"language":1344,"meta":263,"style":263},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"imgproxy\"\n  src=\"\u002Fsome-image.jpg\"\n  width=\"500\"\n  height=\"500\"\n  :modifiers=\"{ rotate: 180 }\"\n\u002F>\n","vue",[248,1346,1347,1355,1372,1386,1400,1413,1441],{"__ignoreMap":263},[267,1348,1349,1352],{"class":269,"line":270},[267,1350,1351],{"class":288},"\u003C",[267,1353,1354],{"class":295},"NuxtImg\n",[267,1356,1357,1361,1364,1367,1369],{"class":269,"line":292},[267,1358,1360],{"class":1359},"spNyl","  provider",[267,1362,1363],{"class":288},"=",[267,1365,1366],{"class":288},"\"",[267,1368,250],{"class":326},[267,1370,1371],{"class":288},"\"\n",[267,1373,1374,1377,1379,1381,1384],{"class":269,"line":305},[267,1375,1376],{"class":1359},"  src",[267,1378,1363],{"class":288},[267,1380,1366],{"class":288},[267,1382,1383],{"class":326},"\u002Fsome-image.jpg",[267,1385,1371],{"class":288},[267,1387,1388,1391,1393,1395,1398],{"class":269,"line":315},[267,1389,1390],{"class":1359},"  width",[267,1392,1363],{"class":288},[267,1394,1366],{"class":288},[267,1396,1397],{"class":326},"500",[267,1399,1371],{"class":288},[267,1401,1402,1405,1407,1409,1411],{"class":269,"line":336},[267,1403,1404],{"class":1359},"  height",[267,1406,1363],{"class":288},[267,1408,1366],{"class":288},[267,1410,1397],{"class":326},[267,1412,1371],{"class":288},[267,1414,1415,1418,1420,1422,1424,1427,1430,1432,1436,1439],{"class":269,"line":342},[267,1416,1417],{"class":288},"  :",[267,1419,1148],{"class":1359},[267,1421,1363],{"class":288},[267,1423,1366],{"class":288},[267,1425,1426],{"class":288},"{",[267,1428,1429],{"class":295}," rotate",[267,1431,299],{"class":288},[267,1433,1435],{"class":1434},"sbssI"," 180",[267,1437,1438],{"class":288}," }",[267,1440,1371],{"class":288},[267,1442,1443],{"class":269,"line":348},[267,1444,1445],{"class":284},"\u002F>\n",[234,1447,1448],{},"Example 2: Add blur to an image:",[257,1450,1452],{"className":1342,"code":1451,"language":1344,"meta":263,"style":263},"\u003CNuxtImg\n  provider=\"imgproxy\"\n  src=\"\u002Fsome-image.jpg\"\n  width=\"500\"\n  height=\"500\"\n  :modifiers=\"{ blur: 100 }\"\n\u002F>\n",[248,1453,1454,1460,1472,1484,1496,1508,1532],{"__ignoreMap":263},[267,1455,1456,1458],{"class":269,"line":270},[267,1457,1351],{"class":288},[267,1459,1354],{"class":295},[267,1461,1462,1464,1466,1468,1470],{"class":269,"line":292},[267,1463,1360],{"class":1359},[267,1465,1363],{"class":288},[267,1467,1366],{"class":288},[267,1469,250],{"class":326},[267,1471,1371],{"class":288},[267,1473,1474,1476,1478,1480,1482],{"class":269,"line":305},[267,1475,1376],{"class":1359},[267,1477,1363],{"class":288},[267,1479,1366],{"class":288},[267,1481,1383],{"class":326},[267,1483,1371],{"class":288},[267,1485,1486,1488,1490,1492,1494],{"class":269,"line":315},[267,1487,1390],{"class":1359},[267,1489,1363],{"class":288},[267,1491,1366],{"class":288},[267,1493,1397],{"class":326},[267,1495,1371],{"class":288},[267,1497,1498,1500,1502,1504,1506],{"class":269,"line":336},[267,1499,1404],{"class":1359},[267,1501,1363],{"class":288},[267,1503,1366],{"class":288},[267,1505,1397],{"class":326},[267,1507,1371],{"class":288},[267,1509,1510,1512,1514,1516,1518,1520,1523,1525,1528,1530],{"class":269,"line":342},[267,1511,1417],{"class":288},[267,1513,1148],{"class":1359},[267,1515,1363],{"class":288},[267,1517,1366],{"class":288},[267,1519,1426],{"class":288},[267,1521,1522],{"class":295}," blur",[267,1524,299],{"class":288},[267,1526,1527],{"class":1434}," 100",[267,1529,1438],{"class":288},[267,1531,1371],{"class":288},[267,1533,1534],{"class":269,"line":348},[267,1535,1445],{"class":284},[234,1537,1538,1539,299],{},"Example 3: Using ",[238,1540,1543],{"href":1541,"rel":1542},"https:\u002F\u002Fdocs.imgproxy.net\u002Fconfiguration\u002Foptions#presets",[242],"presets",[257,1545,1547],{"className":1342,"code":1546,"language":1344,"meta":263,"style":263},"\u003CNuxtImg\n  provider=\"imgproxy\"\n  src=\"\u002Fsome-image.jpg\"\n  width=\"500\"\n  height=\"500\"\n  :modifiers=\"{ preset: 'my-preset' }\"\n\u002F>\n",[248,1548,1549,1555,1567,1579,1591,1603,1631],{"__ignoreMap":263},[267,1550,1551,1553],{"class":269,"line":270},[267,1552,1351],{"class":288},[267,1554,1354],{"class":295},[267,1556,1557,1559,1561,1563,1565],{"class":269,"line":292},[267,1558,1360],{"class":1359},[267,1560,1363],{"class":288},[267,1562,1366],{"class":288},[267,1564,250],{"class":326},[267,1566,1371],{"class":288},[267,1568,1569,1571,1573,1575,1577],{"class":269,"line":305},[267,1570,1376],{"class":1359},[267,1572,1363],{"class":288},[267,1574,1366],{"class":288},[267,1576,1383],{"class":326},[267,1578,1371],{"class":288},[267,1580,1581,1583,1585,1587,1589],{"class":269,"line":315},[267,1582,1390],{"class":1359},[267,1584,1363],{"class":288},[267,1586,1366],{"class":288},[267,1588,1397],{"class":326},[267,1590,1371],{"class":288},[267,1592,1593,1595,1597,1599,1601],{"class":269,"line":336},[267,1594,1404],{"class":1359},[267,1596,1363],{"class":288},[267,1598,1366],{"class":288},[267,1600,1397],{"class":326},[267,1602,1371],{"class":288},[267,1604,1605,1607,1609,1611,1613,1615,1618,1620,1622,1625,1627,1629],{"class":269,"line":342},[267,1606,1417],{"class":288},[267,1608,1148],{"class":1359},[267,1610,1363],{"class":288},[267,1612,1366],{"class":288},[267,1614,1426],{"class":288},[267,1616,1617],{"class":295}," preset",[267,1619,299],{"class":288},[267,1621,323],{"class":288},[267,1623,1624],{"class":326},"my-preset",[267,1626,330],{"class":288},[267,1628,1438],{"class":288},[267,1630,1371],{"class":288},[267,1632,1633],{"class":269,"line":348},[267,1634,1445],{"class":284},[234,1636,1637],{},"Example 4: Advanced image manipulation:",[257,1639,1641],{"className":1342,"code":1640,"language":1344,"meta":263,"style":263},"\u003CNuxtImg\n  provider=\"imgproxy\"\n  src=\"\u002Fsome-image.jpg\"\n  width=\"100\"\n  height=\"100\"\n  :modifiers=\"{\n    resize: 'fit:100:100:1:1',\n    background: 'FFCC00',\n    format: 'png',\n    pixelate: 50,\n  }\"\n\u002F>\n",[248,1642,1643,1649,1661,1673,1686,1698,1710,1726,1742,1757,1769,1776],{"__ignoreMap":263},[267,1644,1645,1647],{"class":269,"line":270},[267,1646,1351],{"class":288},[267,1648,1354],{"class":295},[267,1650,1651,1653,1655,1657,1659],{"class":269,"line":292},[267,1652,1360],{"class":1359},[267,1654,1363],{"class":288},[267,1656,1366],{"class":288},[267,1658,250],{"class":326},[267,1660,1371],{"class":288},[267,1662,1663,1665,1667,1669,1671],{"class":269,"line":305},[267,1664,1376],{"class":1359},[267,1666,1363],{"class":288},[267,1668,1366],{"class":288},[267,1670,1383],{"class":326},[267,1672,1371],{"class":288},[267,1674,1675,1677,1679,1681,1684],{"class":269,"line":315},[267,1676,1390],{"class":1359},[267,1678,1363],{"class":288},[267,1680,1366],{"class":288},[267,1682,1683],{"class":326},"100",[267,1685,1371],{"class":288},[267,1687,1688,1690,1692,1694,1696],{"class":269,"line":336},[267,1689,1404],{"class":1359},[267,1691,1363],{"class":288},[267,1693,1366],{"class":288},[267,1695,1683],{"class":326},[267,1697,1371],{"class":288},[267,1699,1700,1702,1704,1706,1708],{"class":269,"line":342},[267,1701,1417],{"class":288},[267,1703,1148],{"class":1359},[267,1705,1363],{"class":288},[267,1707,1366],{"class":288},[267,1709,289],{"class":288},[267,1711,1712,1715,1717,1719,1722,1724],{"class":269,"line":348},[267,1713,1714],{"class":295},"    resize",[267,1716,299],{"class":288},[267,1718,323],{"class":288},[267,1720,1721],{"class":326},"fit:100:100:1:1",[267,1723,330],{"class":288},[267,1725,333],{"class":288},[267,1727,1728,1731,1733,1735,1738,1740],{"class":269,"line":475},[267,1729,1730],{"class":295},"    background",[267,1732,299],{"class":288},[267,1734,323],{"class":288},[267,1736,1737],{"class":326},"FFCC00",[267,1739,330],{"class":288},[267,1741,333],{"class":288},[267,1743,1744,1747,1749,1751,1753,1755],{"class":269,"line":480},[267,1745,1746],{"class":295},"    format",[267,1748,299],{"class":288},[267,1750,323],{"class":288},[267,1752,1105],{"class":326},[267,1754,330],{"class":288},[267,1756,333],{"class":288},[267,1758,1759,1762,1764,1767],{"class":269,"line":1117},[267,1760,1761],{"class":295},"    pixelate",[267,1763,299],{"class":288},[267,1765,1766],{"class":1434}," 50",[267,1768,333],{"class":288},[267,1770,1771,1774],{"class":269,"line":1122},[267,1772,1773],{"class":288},"  }",[267,1775,1371],{"class":288},[267,1777,1778],{"class":269,"line":1127},[267,1779,1445],{"class":284},[569,1781,22],{"id":1782},"contributing",[234,1784,1785],{},"When developing this provider, a locally installed version of imgproxy was used with the following settings:",[257,1787,1792],{"className":1788,"code":1789,"filename":1790,"language":1791,"meta":263,"style":263},"language-yaml shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\nservices:\n  app:\n    image: ghcr.io\u002Fimgproxy\u002Fimgproxy\n    environment:\n      - IMGPROXY_KEY=ee3b0e07dfc9ec20d5d9588a558753547a8a88c48291ae96171330daf4ce2800\n      - IMGPROXY_SALT=8dd0e39bb7b14eeaf02d49e5dc76d2bc0abd9e09d52e7049e791acd3558db68e\n      - IMGPROXY_PRESETS=default=resizing_type:fill\u002Fenlarge:1,sharp=sharpen:0.7,blurry=blur:100\n    ports:\n      - 8080:8080\n","docker-compose.yml","yaml",[248,1793,1794,1800,1808,1815,1825,1832,1840,1847,1854,1861],{"__ignoreMap":263},[267,1795,1796],{"class":269,"line":270},[267,1797,1799],{"emptyLinePlaceholder":1798},true,"\n",[267,1801,1802,1805],{"class":269,"line":292},[267,1803,1804],{"class":295},"services",[267,1806,1807],{"class":288},":\n",[267,1809,1810,1813],{"class":269,"line":305},[267,1811,1812],{"class":295},"  app",[267,1814,1807],{"class":288},[267,1816,1817,1820,1822],{"class":269,"line":315},[267,1818,1819],{"class":295},"    image",[267,1821,299],{"class":288},[267,1823,1824],{"class":326}," ghcr.io\u002Fimgproxy\u002Fimgproxy\n",[267,1826,1827,1830],{"class":269,"line":336},[267,1828,1829],{"class":295},"    environment",[267,1831,1807],{"class":288},[267,1833,1834,1837],{"class":269,"line":342},[267,1835,1836],{"class":288},"      -",[267,1838,1839],{"class":326}," IMGPROXY_KEY=ee3b0e07dfc9ec20d5d9588a558753547a8a88c48291ae96171330daf4ce2800\n",[267,1841,1842,1844],{"class":269,"line":348},[267,1843,1836],{"class":288},[267,1845,1846],{"class":326}," IMGPROXY_SALT=8dd0e39bb7b14eeaf02d49e5dc76d2bc0abd9e09d52e7049e791acd3558db68e\n",[267,1848,1849,1851],{"class":269,"line":475},[267,1850,1836],{"class":288},[267,1852,1853],{"class":326}," IMGPROXY_PRESETS=default=resizing_type:fill\u002Fenlarge:1,sharp=sharpen:0.7,blurry=blur:100\n",[267,1855,1856,1859],{"class":269,"line":480},[267,1857,1858],{"class":295},"    ports",[267,1860,1807],{"class":288},[267,1862,1863,1865],{"class":269,"line":1117},[267,1864,1836],{"class":288},[267,1866,1867],{"class":326}," 8080:8080\n",[1869,1870,1871],"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":263,"searchDepth":292,"depth":292,"links":1873},[1874,1875,1883,1884],{"id":381,"depth":292,"text":382},{"id":509,"depth":292,"text":1876,"children":1877},"Processing of fit values by the imgproxy provider",[1878,1879,1881,1882],{"id":571,"depth":305,"text":572},{"id":617,"depth":305,"text":1880},"Supported fit Values",{"id":853,"depth":305,"text":854},{"id":978,"depth":305,"text":979},{"id":999,"depth":292,"text":1000},{"id":1335,"depth":292,"text":1336,"children":1885},[1886],{"id":1782,"depth":305,"text":22},"Nuxt Image has first class integration with Imgproxy.","md",[1890],{"label":1891,"icon":1892,"to":1893,"size":1894},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fimgproxy.ts","xs",{},{"title":140,"description":1887},"yO0hOh6HF4JGjiYJ1f5xoL_LG5b0YM3JuMiVcvYZ1_o",[1899,1901],{"title":136,"path":137,"stem":138,"description":1900,"children":-1},"Nuxt Image has first class integration with Imgix.",{"title":144,"path":145,"stem":146,"description":1902,"children":-1},"IPX is the built-in and self hosted image optimizer for Nuxt Image.",1784664777133]