[{"data":1,"prerenderedAt":2396},["ShallowReactive",2],{"navigation_docs":3,"-providers-sirv":208,"-providers-sirv-surround":2391},[4,30,47,195],{"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],{"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},"Cloudimage","\u002Fproviders\u002Fcloudimage","3.providers\u002Fcloudimage",{"title":80,"path":81,"stem":82},"Cloudinary","\u002Fproviders\u002Fcloudinary","3.providers\u002Fcloudinary",{"title":84,"path":85,"stem":86},"Contentful","\u002Fproviders\u002Fcontentful","3.providers\u002Fcontentful",{"title":88,"path":89,"stem":90},"Directus","\u002Fproviders\u002Fdirectus","3.providers\u002Fdirectus",{"title":92,"path":93,"stem":94},"Fastly","\u002Fproviders\u002Ffastly","3.providers\u002Ffastly",{"title":96,"path":97,"stem":98},"Filerobot","\u002Fproviders\u002Ffilerobot","3.providers\u002Ffilerobot",{"title":100,"path":101,"stem":102},"GitHub","\u002Fproviders\u002Fgithub","3.providers\u002Fgithub",{"title":104,"path":105,"stem":106},"Glide","\u002Fproviders\u002Fglide","3.providers\u002Fglide",{"title":108,"path":109,"stem":110},"Gumlet","\u002Fproviders\u002Fgumlet","3.providers\u002Fgumlet",{"title":112,"path":113,"stem":114},"Hygraph","\u002Fproviders\u002Fhygraph","3.providers\u002Fhygraph",{"title":116,"path":117,"stem":118},"ImageEngine","\u002Fproviders\u002Fimageengine","3.providers\u002Fimageengine",{"title":120,"path":121,"stem":122},"ImageKit","\u002Fproviders\u002Fimagekit","3.providers\u002Fimagekit",{"title":124,"path":125,"stem":126},"Imgix","\u002Fproviders\u002Fimgix","3.providers\u002Fimgix",{"title":128,"path":129,"stem":130},"IPX","\u002Fproviders\u002Fipx","3.providers\u002Fipx",{"title":132,"path":133,"stem":134},"Netlify","\u002Fproviders\u002Fnetlify","3.providers\u002Fnetlify",{"title":136,"path":137,"stem":138},"None","\u002Fproviders\u002Fnone","3.providers\u002Fnone",{"title":140,"path":141,"stem":142},"Picsum","\u002Fproviders\u002Fpicsum","3.providers\u002Fpicsum",{"title":144,"path":145,"stem":146},"Prepr","\u002Fproviders\u002Fprepr","3.providers\u002Fprepr",{"title":148,"path":149,"stem":150},"Prismic","\u002Fproviders\u002Fprismic","3.providers\u002Fprismic",{"title":152,"path":153,"stem":154},"Sanity","\u002Fproviders\u002Fsanity","3.providers\u002Fsanity",{"title":156,"path":157,"stem":158},"Shopify","\u002Fproviders\u002Fshopify","3.providers\u002Fshopify",{"title":160,"path":161,"stem":162},"Sirv","\u002Fproviders\u002Fsirv","3.providers\u002Fsirv",{"title":164,"path":165,"stem":166},"Storyblok","\u002Fproviders\u002Fstoryblok","3.providers\u002Fstoryblok",{"title":168,"path":169,"stem":170},"Strapi","\u002Fproviders\u002Fstrapi","3.providers\u002Fstrapi",{"title":172,"path":173,"stem":174},"Supabase","\u002Fproviders\u002Fsupabase","3.providers\u002Fsupabase",{"title":176,"path":177,"stem":178},"Twicpics","\u002Fproviders\u002Ftwicpics","3.providers\u002Ftwicpics",{"title":180,"path":181,"stem":182},"Unsplash","\u002Fproviders\u002Funsplash","3.providers\u002Funsplash",{"title":184,"path":185,"stem":186},"Uploadcare","\u002Fproviders\u002Fuploadcare","3.providers\u002Fuploadcare",{"title":188,"path":189,"stem":190},"Vercel","\u002Fproviders\u002Fvercel","3.providers\u002Fvercel",{"title":192,"path":193,"stem":194},"Weserv","\u002Fproviders\u002Fweserv","3.providers\u002Fweserv",{"title":196,"path":197,"stem":198,"children":199,"page":29},"Advanced","\u002Fadvanced","4.advanced",[200,204],{"title":201,"path":202,"stem":203},"Custom Provider","\u002Fadvanced\u002Fcustom-provider","4.advanced\u002F1.custom-provider",{"title":205,"path":206,"stem":207},"Static Images","\u002Fadvanced\u002Fstatic-images","4.advanced\u002F2.static-images",{"id":209,"title":160,"body":210,"description":2379,"extension":2380,"links":2381,"meta":2387,"navigation":2388,"path":161,"seo":2389,"stem":162,"__hash__":2390},"docs\u002F3.providers\u002Fsirv.md",{"type":211,"value":212,"toc":2364},"minimark",[213,224,227,324,342,351,358,394,399,408,488,492,499,505,526,610,614,620,625,631,707,712,718,871,876,881,944,948,1001,1004,1080,1084,1087,1092,1098,1214,1222,1226,1229,1405,1412,1416,1419,2349,2360],[214,215,216,217,223],"p",{},"Integration between ",[218,219,160],"a",{"href":220,"rel":221},"https:\u002F\u002Fsirv.com",[222],"nofollow"," and Nuxt image.",[214,225,226],{},"To use Sirv provider, you need to set up your Sirv URL as the baseURL in the Nuxt Image module configuration, like this:",[228,229,235],"pre",{"className":230,"code":231,"filename":232,"language":233,"meta":234,"style":234},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    sirv: {\n      baseURL: 'https:\u002F\u002Fyouralias.sirv.com'\n    }\n  }\n})\n","nuxt.config.ts","ts","",[236,237,238,262,275,285,303,309,315],"code",{"__ignoreMap":234},[239,240,243,247,250,254,258],"span",{"class":241,"line":242},"line",1,[239,244,246],{"class":245},"s7zQu","export",[239,248,249],{"class":245}," default",[239,251,253],{"class":252},"s2Zo4"," defineNuxtConfig",[239,255,257],{"class":256},"sTEyZ","(",[239,259,261],{"class":260},"sMK4o","{\n",[239,263,265,269,272],{"class":241,"line":264},2,[239,266,268],{"class":267},"swJcz","  image",[239,270,271],{"class":260},":",[239,273,274],{"class":260}," {\n",[239,276,278,281,283],{"class":241,"line":277},3,[239,279,280],{"class":267},"    sirv",[239,282,271],{"class":260},[239,284,274],{"class":260},[239,286,288,291,293,296,300],{"class":241,"line":287},4,[239,289,290],{"class":267},"      baseURL",[239,292,271],{"class":260},[239,294,295],{"class":260}," '",[239,297,299],{"class":298},"sfazB","https:\u002F\u002Fyouralias.sirv.com",[239,301,302],{"class":260},"'\n",[239,304,306],{"class":241,"line":305},5,[239,307,308],{"class":260},"    }\n",[239,310,312],{"class":241,"line":311},6,[239,313,314],{"class":260},"  }\n",[239,316,318,321],{"class":241,"line":317},7,[239,319,320],{"class":260},"}",[239,322,323],{"class":256},")\n",[325,326,327],"blockquote",{},[214,328,329,330,335,336,341],{},"Get your alias from your ",[218,331,334],{"href":332,"rel":333},"https:\u002F\u002Fmy.sirv.com\u002F#\u002Faccount\u002Fsettings",[222],"Sirv account details page"," or set up a custom domain (",[218,337,340],{"href":338,"rel":339},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticles\u002Fmultiple-domains",[222],"instructions",").",[343,344,346,347,350],"h2",{"id":345},"sirv-fit-parameters","Sirv ",[236,348,349],{},"fit"," parameters",[214,352,353,354,357],{},"By default, Sirv will scale the image, preserving its aspect ratio, to fit within the smallest dimension.\nHere's the map of standard values for the ",[218,355,349],{"href":356},"\u002Fusage\u002Fnuxt-img#fit"," property and how they're going to be interpreted by Sirv:",[359,360,361,371,378,385],"ul",{},[362,363,364,367,368],"li",{},[236,365,366],{},"fill",": ",[236,369,370],{},"ignore",[362,372,373,367,376],{},[236,374,375],{},"inside",[236,377,366],{},[362,379,380,367,383],{},[236,381,382],{},"outside",[236,384,366],{},[362,386,387,367,390,393],{},[236,388,389],{},"noUpscaling",[236,391,392],{},"noup",", this is the default option for Sirv image provider, so you don't need to specify it explicitly.",[343,395,397],{"id":396},"format",[236,398,396],{},[214,400,401,402,407],{},"If no format is specified, Sirv will deliver your images in the ",[218,403,406],{"href":404,"rel":405},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticles\u002Fdynamic-imaging\u002F#optimal",[222],"optimal"," format by default.\nAlternatively, you can specify a custom format for the image like this:",[228,409,413],{"className":410,"code":411,"language":412,"meta":234,"style":234},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"\u002Fexample-image.jpg\"\n  width=\"300\"\n  format=\"webp\"\n\u002F>\n","vue",[236,414,415,423,441,455,469,483],{"__ignoreMap":234},[239,416,417,420],{"class":241,"line":242},[239,418,419],{"class":260},"\u003C",[239,421,422],{"class":267},"NuxtImg\n",[239,424,425,429,432,435,438],{"class":241,"line":264},[239,426,428],{"class":427},"spNyl","  provider",[239,430,431],{"class":260},"=",[239,433,434],{"class":260},"\"",[239,436,437],{"class":298},"sirv",[239,439,440],{"class":260},"\"\n",[239,442,443,446,448,450,453],{"class":241,"line":277},[239,444,445],{"class":427},"  src",[239,447,431],{"class":260},[239,449,434],{"class":260},[239,451,452],{"class":298},"\u002Fexample-image.jpg",[239,454,440],{"class":260},[239,456,457,460,462,464,467],{"class":241,"line":287},[239,458,459],{"class":427},"  width",[239,461,431],{"class":260},[239,463,434],{"class":260},[239,465,466],{"class":298},"300",[239,468,440],{"class":260},[239,470,471,474,476,478,481],{"class":241,"line":305},[239,472,473],{"class":427},"  format",[239,475,431],{"class":260},[239,477,434],{"class":260},[239,479,480],{"class":298},"webp",[239,482,440],{"class":260},[239,484,485],{"class":241,"line":311},[239,486,487],{"class":256},"\u002F>\n",[343,489,491],{"id":490},"sirv-modifiers","Sirv Modifiers",[214,493,494,495,498],{},"To use Sirv-specific transformations, add them in the ",[236,496,497],{},"modifier"," prop.",[500,501,503],"h3",{"id":502},"profile",[236,504,502],{},[214,506,507,508,513,514,517,518,521,522,525],{},"Use ",[218,509,512],{"href":510,"rel":511},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Fprofiles",[222],"Sirv profiles"," to combine multiple transformation options into a single parameter.\nFor example, you can combine ",[236,515,516],{},"canvas",", ",[236,519,520],{},"crop"," and ",[236,523,524],{},"watermark"," parameters into a single profile and use it like this:",[228,527,529],{"className":410,"code":528,"language":412,"meta":234,"style":234},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"\u002Fexample-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{ profile: 'my-profile' }\"\n\u002F>\n",[236,530,531,537,549,561,573,606],{"__ignoreMap":234},[239,532,533,535],{"class":241,"line":242},[239,534,419],{"class":260},[239,536,422],{"class":267},[239,538,539,541,543,545,547],{"class":241,"line":264},[239,540,428],{"class":427},[239,542,431],{"class":260},[239,544,434],{"class":260},[239,546,437],{"class":298},[239,548,440],{"class":260},[239,550,551,553,555,557,559],{"class":241,"line":277},[239,552,445],{"class":427},[239,554,431],{"class":260},[239,556,434],{"class":260},[239,558,452],{"class":298},[239,560,440],{"class":260},[239,562,563,565,567,569,571],{"class":241,"line":287},[239,564,459],{"class":427},[239,566,431],{"class":260},[239,568,434],{"class":260},[239,570,466],{"class":298},[239,572,440],{"class":260},[239,574,575,578,581,583,585,588,591,593,595,598,601,604],{"class":241,"line":305},[239,576,577],{"class":260},"  :",[239,579,580],{"class":427},"modifiers",[239,582,431],{"class":260},[239,584,434],{"class":260},[239,586,587],{"class":260},"{",[239,589,590],{"class":267}," profile",[239,592,271],{"class":260},[239,594,295],{"class":260},[239,596,597],{"class":298},"my-profile",[239,599,600],{"class":260},"'",[239,602,603],{"class":260}," }",[239,605,440],{"class":260},[239,607,608],{"class":241,"line":311},[239,609,487],{"class":256},[500,611,612],{"id":516},[236,613,516],{},[214,615,616,617,619],{},"Use the ",[236,618,516],{}," modifier to add a canvas around your image. You can also set its width, height, color, and position.",[500,621,623],{"id":622},"sharpen",[236,624,622],{},[214,626,627,628,630],{},"Sharpen the image using the ",[236,629,622],{}," modifier.",[228,632,634],{"className":410,"code":633,"language":412,"meta":234,"style":234},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"\u002Fexample-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{ sharpen: 50 }\"\n\u002F>\n",[236,635,636,642,654,666,678,703],{"__ignoreMap":234},[239,637,638,640],{"class":241,"line":242},[239,639,419],{"class":260},[239,641,422],{"class":267},[239,643,644,646,648,650,652],{"class":241,"line":264},[239,645,428],{"class":427},[239,647,431],{"class":260},[239,649,434],{"class":260},[239,651,437],{"class":298},[239,653,440],{"class":260},[239,655,656,658,660,662,664],{"class":241,"line":277},[239,657,445],{"class":427},[239,659,431],{"class":260},[239,661,434],{"class":260},[239,663,452],{"class":298},[239,665,440],{"class":260},[239,667,668,670,672,674,676],{"class":241,"line":287},[239,669,459],{"class":427},[239,671,431],{"class":260},[239,673,434],{"class":260},[239,675,466],{"class":298},[239,677,440],{"class":260},[239,679,680,682,684,686,688,690,693,695,699,701],{"class":241,"line":305},[239,681,577],{"class":260},[239,683,580],{"class":427},[239,685,431],{"class":260},[239,687,434],{"class":260},[239,689,587],{"class":260},[239,691,692],{"class":267}," sharpen",[239,694,271],{"class":260},[239,696,698],{"class":697},"sbssI"," 50",[239,700,603],{"class":260},[239,702,440],{"class":260},[239,704,705],{"class":241,"line":311},[239,706,487],{"class":256},[500,708,710],{"id":709},"frame",[236,711,709],{},[214,713,714,715,717],{},"Add a frame\u002Fborder to your images using the ",[236,716,709],{}," modifier. You can also set its width and color.",[228,719,721],{"className":410,"code":720,"language":412,"meta":234,"style":234},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"\u002Fexample-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{\n    frameStyle: 'solid',\n    frameColor: '00000',\n    frameWidth: '2',\n    frameRimColor: '97A6B1',\n    frameRimWidth: '2'\n  }\"\n\u002F>\n",[236,722,723,729,741,753,765,777,794,810,827,844,858,866],{"__ignoreMap":234},[239,724,725,727],{"class":241,"line":242},[239,726,419],{"class":260},[239,728,422],{"class":267},[239,730,731,733,735,737,739],{"class":241,"line":264},[239,732,428],{"class":427},[239,734,431],{"class":260},[239,736,434],{"class":260},[239,738,437],{"class":298},[239,740,440],{"class":260},[239,742,743,745,747,749,751],{"class":241,"line":277},[239,744,445],{"class":427},[239,746,431],{"class":260},[239,748,434],{"class":260},[239,750,452],{"class":298},[239,752,440],{"class":260},[239,754,755,757,759,761,763],{"class":241,"line":287},[239,756,459],{"class":427},[239,758,431],{"class":260},[239,760,434],{"class":260},[239,762,466],{"class":298},[239,764,440],{"class":260},[239,766,767,769,771,773,775],{"class":241,"line":305},[239,768,577],{"class":260},[239,770,580],{"class":427},[239,772,431],{"class":260},[239,774,434],{"class":260},[239,776,261],{"class":260},[239,778,779,782,784,786,789,791],{"class":241,"line":311},[239,780,781],{"class":267},"    frameStyle",[239,783,271],{"class":260},[239,785,295],{"class":260},[239,787,788],{"class":298},"solid",[239,790,600],{"class":260},[239,792,793],{"class":260},",\n",[239,795,796,799,801,803,806,808],{"class":241,"line":317},[239,797,798],{"class":267},"    frameColor",[239,800,271],{"class":260},[239,802,295],{"class":260},[239,804,805],{"class":298},"00000",[239,807,600],{"class":260},[239,809,793],{"class":260},[239,811,813,816,818,820,823,825],{"class":241,"line":812},8,[239,814,815],{"class":267},"    frameWidth",[239,817,271],{"class":260},[239,819,295],{"class":260},[239,821,822],{"class":298},"2",[239,824,600],{"class":260},[239,826,793],{"class":260},[239,828,830,833,835,837,840,842],{"class":241,"line":829},9,[239,831,832],{"class":267},"    frameRimColor",[239,834,271],{"class":260},[239,836,295],{"class":260},[239,838,839],{"class":298},"97A6B1",[239,841,600],{"class":260},[239,843,793],{"class":260},[239,845,847,850,852,854,856],{"class":241,"line":846},10,[239,848,849],{"class":267},"    frameRimWidth",[239,851,271],{"class":260},[239,853,295],{"class":260},[239,855,822],{"class":298},[239,857,302],{"class":260},[239,859,861,864],{"class":241,"line":860},11,[239,862,863],{"class":260},"  }",[239,865,440],{"class":260},[239,867,869],{"class":241,"line":868},12,[239,870,487],{"class":256},[500,872,874],{"id":873},"rotate",[236,875,873],{},[214,877,616,878,880],{},[236,879,873],{}," modifier to rotate your image. You can specify the number of degrees to rotate the image by.",[228,882,884],{"className":410,"code":883,"language":412,"meta":234,"style":234},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"\u002Fexample-image.jpg\"\n  :modifiers=\"{ rotate: 90 }\"\n\u002F>\n",[236,885,886,892,904,916,940],{"__ignoreMap":234},[239,887,888,890],{"class":241,"line":242},[239,889,419],{"class":260},[239,891,422],{"class":267},[239,893,894,896,898,900,902],{"class":241,"line":264},[239,895,428],{"class":427},[239,897,431],{"class":260},[239,899,434],{"class":260},[239,901,437],{"class":298},[239,903,440],{"class":260},[239,905,906,908,910,912,914],{"class":241,"line":277},[239,907,445],{"class":427},[239,909,431],{"class":260},[239,911,434],{"class":260},[239,913,452],{"class":298},[239,915,440],{"class":260},[239,917,918,920,922,924,926,928,931,933,936,938],{"class":241,"line":287},[239,919,577],{"class":260},[239,921,580],{"class":427},[239,923,431],{"class":260},[239,925,434],{"class":260},[239,927,587],{"class":260},[239,929,930],{"class":267}," rotate",[239,932,271],{"class":260},[239,934,935],{"class":697}," 90",[239,937,603],{"class":260},[239,939,440],{"class":260},[239,941,942],{"class":241,"line":305},[239,943,487],{"class":256},[500,945,947],{"id":946},"color-and-light-options","Color and light options",[214,949,950,951,956,957,517,960,963,964,963,967,970,971,956,976,793,979,517,982,517,985,517,988,517,991,517,994,517,997,1000],{},"Sirv has various ",[218,952,955],{"href":953,"rel":954},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticles\u002Fdynamic-imaging\u002Fcolor",[222],"color manipulation options"," like ",[236,958,959],{},"grayscale",[236,961,962],{},"colorize",",",[236,965,966],{},"colortone",[236,968,969],{},"colorLevels",", as well as ",[218,972,975],{"href":973,"rel":974},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticles\u002Fdynamic-imaging\u002Flight",[222],"light manipulation options",[236,977,978],{},"lightness",[236,980,981],{},"hue",[236,983,984],{},"saturation",[236,986,987],{},"highlights",[236,989,990],{},"shadows",[236,992,993],{},"brightness",[236,995,996],{},"exposure",[236,998,999],{},"contrast",".",[214,1002,1003],{},"Here's how to convert an image to grayscale:",[228,1005,1007],{"className":410,"code":1006,"language":412,"meta":234,"style":234},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"\u002Fexample-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{ grayscale: true }\"\n\u002F>\n",[236,1008,1009,1015,1027,1039,1051,1076],{"__ignoreMap":234},[239,1010,1011,1013],{"class":241,"line":242},[239,1012,419],{"class":260},[239,1014,422],{"class":267},[239,1016,1017,1019,1021,1023,1025],{"class":241,"line":264},[239,1018,428],{"class":427},[239,1020,431],{"class":260},[239,1022,434],{"class":260},[239,1024,437],{"class":298},[239,1026,440],{"class":260},[239,1028,1029,1031,1033,1035,1037],{"class":241,"line":277},[239,1030,445],{"class":427},[239,1032,431],{"class":260},[239,1034,434],{"class":260},[239,1036,452],{"class":298},[239,1038,440],{"class":260},[239,1040,1041,1043,1045,1047,1049],{"class":241,"line":287},[239,1042,459],{"class":427},[239,1044,431],{"class":260},[239,1046,434],{"class":260},[239,1048,466],{"class":298},[239,1050,440],{"class":260},[239,1052,1053,1055,1057,1059,1061,1063,1066,1068,1072,1074],{"class":241,"line":305},[239,1054,577],{"class":260},[239,1056,580],{"class":427},[239,1058,431],{"class":260},[239,1060,434],{"class":260},[239,1062,587],{"class":260},[239,1064,1065],{"class":267}," grayscale",[239,1067,271],{"class":260},[239,1069,1071],{"class":1070},"sfNiH"," true",[239,1073,603],{"class":260},[239,1075,440],{"class":260},[239,1077,1078],{"class":241,"line":311},[239,1079,487],{"class":256},[500,1081,1083],{"id":1082},"watermarks-and-text-overlays","Watermarks and text overlays",[214,1085,1086],{},"Using Sirv's Nuxt Image integration, you can overlay images or text over other images for watermarking or creating a dynamic banner using custom text!",[1088,1089,1090],"h4",{"id":524},[236,1091,524],{},[214,1093,1094,1095,1097],{},"Add an image overlay over your existing image using the ",[236,1096,524],{}," modifier. Used mostly for watermarking, but can be useful for creating banners, OG images, and personalization. Here's an example of a single watermark:",[228,1099,1101],{"className":410,"code":1100,"language":412,"meta":234,"style":234},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{\n    watermark: '\u002Fwatermark-v1.png',\n    watermarkPosition: 'center',\n    watermarkWidth: '30%'\n  }\"\n\u002F>\n",[236,1102,1103,1109,1121,1134,1146,1158,1174,1190,1204,1210],{"__ignoreMap":234},[239,1104,1105,1107],{"class":241,"line":242},[239,1106,419],{"class":260},[239,1108,422],{"class":267},[239,1110,1111,1113,1115,1117,1119],{"class":241,"line":264},[239,1112,428],{"class":427},[239,1114,431],{"class":260},[239,1116,434],{"class":260},[239,1118,437],{"class":298},[239,1120,440],{"class":260},[239,1122,1123,1125,1127,1129,1132],{"class":241,"line":277},[239,1124,445],{"class":427},[239,1126,431],{"class":260},[239,1128,434],{"class":260},[239,1130,1131],{"class":298},"example-image.jpg",[239,1133,440],{"class":260},[239,1135,1136,1138,1140,1142,1144],{"class":241,"line":287},[239,1137,459],{"class":427},[239,1139,431],{"class":260},[239,1141,434],{"class":260},[239,1143,466],{"class":298},[239,1145,440],{"class":260},[239,1147,1148,1150,1152,1154,1156],{"class":241,"line":305},[239,1149,577],{"class":260},[239,1151,580],{"class":427},[239,1153,431],{"class":260},[239,1155,434],{"class":260},[239,1157,261],{"class":260},[239,1159,1160,1163,1165,1167,1170,1172],{"class":241,"line":311},[239,1161,1162],{"class":267},"    watermark",[239,1164,271],{"class":260},[239,1166,295],{"class":260},[239,1168,1169],{"class":298},"\u002Fwatermark-v1.png",[239,1171,600],{"class":260},[239,1173,793],{"class":260},[239,1175,1176,1179,1181,1183,1186,1188],{"class":241,"line":317},[239,1177,1178],{"class":267},"    watermarkPosition",[239,1180,271],{"class":260},[239,1182,295],{"class":260},[239,1184,1185],{"class":298},"center",[239,1187,600],{"class":260},[239,1189,793],{"class":260},[239,1191,1192,1195,1197,1199,1202],{"class":241,"line":812},[239,1193,1194],{"class":267},"    watermarkWidth",[239,1196,271],{"class":260},[239,1198,295],{"class":260},[239,1200,1201],{"class":298},"30%",[239,1203,302],{"class":260},[239,1205,1206,1208],{"class":241,"line":829},[239,1207,863],{"class":260},[239,1209,440],{"class":260},[239,1211,1212],{"class":241,"line":846},[239,1213,487],{"class":256},[214,1215,1216,1217,1000],{},"Find out more about Sirv watermarks ",[218,1218,1221],{"href":1219,"rel":1220},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticles\u002Fdynamic-imaging\u002Fwatermark",[222],"here",[1088,1223,1225],{"id":1224},"overlay-text","Overlay Text",[214,1227,1228],{},"You can add text overlays to your images and have full freedom over their positioning and looks.",[228,1230,1232],{"className":410,"code":1231,"language":412,"meta":234,"style":234},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{\n    text: 'Hello there',\n    textAlign: 'center',\n    textPositionGravity: 'south',\n    textBackgroundColor: '#ffff',\n    textSize: 60,\n    textFontFamily: 'Arial',\n    textColor: 'white'\n  }\"\n\u002F>\n",[236,1233,1234,1240,1252,1264,1276,1288,1304,1319,1335,1351,1363,1379,1393,1400],{"__ignoreMap":234},[239,1235,1236,1238],{"class":241,"line":242},[239,1237,419],{"class":260},[239,1239,422],{"class":267},[239,1241,1242,1244,1246,1248,1250],{"class":241,"line":264},[239,1243,428],{"class":427},[239,1245,431],{"class":260},[239,1247,434],{"class":260},[239,1249,437],{"class":298},[239,1251,440],{"class":260},[239,1253,1254,1256,1258,1260,1262],{"class":241,"line":277},[239,1255,445],{"class":427},[239,1257,431],{"class":260},[239,1259,434],{"class":260},[239,1261,1131],{"class":298},[239,1263,440],{"class":260},[239,1265,1266,1268,1270,1272,1274],{"class":241,"line":287},[239,1267,459],{"class":427},[239,1269,431],{"class":260},[239,1271,434],{"class":260},[239,1273,466],{"class":298},[239,1275,440],{"class":260},[239,1277,1278,1280,1282,1284,1286],{"class":241,"line":305},[239,1279,577],{"class":260},[239,1281,580],{"class":427},[239,1283,431],{"class":260},[239,1285,434],{"class":260},[239,1287,261],{"class":260},[239,1289,1290,1293,1295,1297,1300,1302],{"class":241,"line":311},[239,1291,1292],{"class":267},"    text",[239,1294,271],{"class":260},[239,1296,295],{"class":260},[239,1298,1299],{"class":298},"Hello there",[239,1301,600],{"class":260},[239,1303,793],{"class":260},[239,1305,1306,1309,1311,1313,1315,1317],{"class":241,"line":317},[239,1307,1308],{"class":267},"    textAlign",[239,1310,271],{"class":260},[239,1312,295],{"class":260},[239,1314,1185],{"class":298},[239,1316,600],{"class":260},[239,1318,793],{"class":260},[239,1320,1321,1324,1326,1328,1331,1333],{"class":241,"line":812},[239,1322,1323],{"class":267},"    textPositionGravity",[239,1325,271],{"class":260},[239,1327,295],{"class":260},[239,1329,1330],{"class":298},"south",[239,1332,600],{"class":260},[239,1334,793],{"class":260},[239,1336,1337,1340,1342,1344,1347,1349],{"class":241,"line":829},[239,1338,1339],{"class":267},"    textBackgroundColor",[239,1341,271],{"class":260},[239,1343,295],{"class":260},[239,1345,1346],{"class":298},"#ffff",[239,1348,600],{"class":260},[239,1350,793],{"class":260},[239,1352,1353,1356,1358,1361],{"class":241,"line":846},[239,1354,1355],{"class":267},"    textSize",[239,1357,271],{"class":260},[239,1359,1360],{"class":697}," 60",[239,1362,793],{"class":260},[239,1364,1365,1368,1370,1372,1375,1377],{"class":241,"line":860},[239,1366,1367],{"class":267},"    textFontFamily",[239,1369,271],{"class":260},[239,1371,295],{"class":260},[239,1373,1374],{"class":298},"Arial",[239,1376,600],{"class":260},[239,1378,793],{"class":260},[239,1380,1381,1384,1386,1388,1391],{"class":241,"line":868},[239,1382,1383],{"class":267},"    textColor",[239,1385,271],{"class":260},[239,1387,295],{"class":260},[239,1389,1390],{"class":298},"white",[239,1392,302],{"class":260},[239,1394,1396,1398],{"class":241,"line":1395},13,[239,1397,863],{"class":260},[239,1399,440],{"class":260},[239,1401,1403],{"class":241,"line":1402},14,[239,1404,487],{"class":256},[214,1406,1407,1408,1000],{},"More examples of text overlays can be found ",[218,1409,1221],{"href":1410,"rel":1411},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticles\u002Fdynamic-imaging\u002Ftext",[222],[343,1413,1415],{"id":1414},"list-of-supported-transformations","List of supported transformations",[214,1417,1418],{},"Sirv's Nuxt Image integration uses intuitive names for each transformation. If you use a property that does not match any of the following supported options, it will be added in the URL as it is.",[1420,1421,1422,1438],"table",{},[1423,1424,1425],"thead",{},[1426,1427,1428,1432,1435],"tr",{},[1429,1430,1431],"th",{},"Supported Parameter Name",[1429,1433,1434],{},"Translates to Parameter",[1429,1436,1437],{},"Description",[1439,1440,1441,1453,1464,1474,1485,1495,1508,1520,1531,1541,1552,1562,1573,1583,1593,1603,1613,1624,1635,1646,1657,1668,1679,1690,1701,1712,1723,1732,1743,1754,1765,1776,1787,1798,1808,1819,1830,1841,1852,1863,1874,1885,1896,1907,1918,1929,1940,1951,1962,1973,1984,1995,2006,2017,2026,2036,2045,2054,2065,2076,2085,2096,2107,2118,2129,2140,2149,2160,2171,2181,2190,2199,2208,2217,2226,2235,2244,2253,2263,2273,2283,2294,2305,2316,2327,2338],"tbody",{},[1426,1442,1443,1447,1450],{},[1444,1445,1446],"td",{},"width",[1444,1448,1449],{},"w",[1444,1451,1452],{},"Width of image.",[1426,1454,1455,1458,1461],{},[1444,1456,1457],{},"height",[1444,1459,1460],{},"h",[1444,1462,1463],{},"Height of image.",[1426,1465,1466,1469,1471],{},[1444,1467,1468],{},"s",[1444,1470,1468],{},[1444,1472,1473],{},"Resize the image by its biggest side",[1426,1475,1476,1479,1482],{},[1444,1477,1478],{},"quality",[1444,1480,1481],{},"q",[1444,1483,1484],{},"JPEG image quality (percentage).",[1426,1486,1487,1489,1492],{},[1444,1488,349],{},[1444,1490,1491],{},"scale.option",[1444,1493,1494],{},"Image scaling options.",[1426,1496,1497,1499,1501],{},[1444,1498,502],{},[1444,1500,502],{},[1444,1502,1503,1504],{},"Apply a Sirv ",[218,1505,502],{"href":1506,"rel":1507},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticles\u002Fdynamic-imaging\u002Fprofiles",[222],[1426,1509,1510,1512,1514],{},[1444,1511,396],{},[1444,1513,396],{},[1444,1515,1516,1517,341],{},"Image format served (defaults to ",[218,1518,406],{"href":404,"rel":1519},[222],[1426,1521,1522,1525,1528],{},[1444,1523,1524],{},"webpFallback",[1444,1526,1527],{},"webp-fallback",[1444,1529,1530],{},"Image format for browsers without WebP support.",[1426,1532,1533,1536,1538],{},[1444,1534,1535],{},"subsampling",[1444,1537,1535],{},[1444,1539,1540],{},"Chroma subsampling to reduce JPEG file size.",[1426,1542,1543,1546,1549],{},[1444,1544,1545],{},"gifCompression",[1444,1547,1548],{},"gif.lossy",[1444,1550,1551],{},"Apply lossy compression, to reduce GIF file size.",[1426,1553,1554,1556,1559],{},[1444,1555,520],{},[1444,1557,1558],{},"crop.type",[1444,1560,1561],{},"Automatically crop to edge of image contents; point of interest; or face.",[1426,1563,1564,1567,1570],{},[1444,1565,1566],{},"cropAr",[1444,1568,1569],{},"crop.aspectratio",[1444,1571,1572],{},"Aspect ratio of the crop",[1426,1574,1575,1578,1580],{},[1444,1576,1577],{},"cw",[1444,1579,1577],{},[1444,1581,1582],{},"Crop the image to a specific width.",[1426,1584,1585,1588,1590],{},[1444,1586,1587],{},"ch",[1444,1589,1587],{},[1444,1591,1592],{},"Crop the image to a specific height.",[1426,1594,1595,1598,1600],{},[1444,1596,1597],{},"cx",[1444,1599,1597],{},[1444,1601,1602],{},"Position to start image crop (from top).",[1426,1604,1605,1608,1610],{},[1444,1606,1607],{},"cy",[1444,1609,1607],{},[1444,1611,1612],{},"Position to start image crop (from left).",[1426,1614,1615,1618,1621],{},[1444,1616,1617],{},"cropPaddingX",[1444,1619,1620],{},"crop.pad.x",[1444,1622,1623],{},"Add padding to left\u002Fright of crop area",[1426,1625,1626,1629,1632],{},[1444,1627,1628],{},"cropPaddingY",[1444,1630,1631],{},"crop.pad.y",[1444,1633,1634],{},"Add padding to top\u002Fbottom of crop area.",[1426,1636,1637,1640,1643],{},[1444,1638,1639],{},"canvasHeight",[1444,1641,1642],{},"canvas.height",[1444,1644,1645],{},"Create a canvas around the image (height).",[1426,1647,1648,1651,1654],{},[1444,1649,1650],{},"canvasWidth",[1444,1652,1653],{},"canvas.width",[1444,1655,1656],{},"Create a canvas around the image (width).",[1426,1658,1659,1662,1665],{},[1444,1660,1661],{},"canvasAr",[1444,1663,1664],{},"canvas.aspectratio",[1444,1666,1667],{},"Aspect ratio of the canvas from 1-99 e.g. 16:9",[1426,1669,1670,1673,1676],{},[1444,1671,1672],{},"canvasPosition",[1444,1674,1675],{},"canvas.position",[1444,1677,1678],{},"Position of the canvas behind the image.",[1426,1680,1681,1684,1687],{},[1444,1682,1683],{},"canvasBorderWidth",[1444,1685,1686],{},"canvas.border.width",[1444,1688,1689],{},"Adds additional width left and right of the canvas.",[1426,1691,1692,1695,1698],{},[1444,1693,1694],{},"canvasBorderHeight",[1444,1696,1697],{},"canvas.border.height",[1444,1699,1700],{},"Adds additional height above and below the canvas.",[1426,1702,1703,1706,1709],{},[1444,1704,1705],{},"canvasBorderColor",[1444,1707,1708],{},"canvas.border.color",[1444,1710,1711],{},"Color of the canvas border e.g. E0AA80 or red.",[1426,1713,1714,1717,1720],{},[1444,1715,1716],{},"canvasBorderOpacity",[1444,1718,1719],{},"canvas.border.opacity",[1444,1721,1722],{},"Opacity of the canvas border.",[1426,1724,1725,1727,1729],{},[1444,1726,524],{},[1444,1728,524],{},[1444,1730,1731],{},"Filepath of the image to be overlayed.",[1426,1733,1734,1737,1740],{},[1444,1735,1736],{},"watermarkPosition",[1444,1738,1739],{},"watermark.position",[1444,1741,1742],{},"Position of the watermark on the image.",[1426,1744,1745,1748,1751],{},[1444,1746,1747],{},"watermarkPositionGravity",[1444,1749,1750],{},"watermark.position.gravity",[1444,1752,1753],{},"sets the starting point for shifting the x & y values.",[1426,1755,1756,1759,1762],{},[1444,1757,1758],{},"watermarkPositionX",[1444,1760,1761],{},"watermark.position.x",[1444,1763,1764],{},"Position of the watermark (from left).",[1426,1766,1767,1770,1773],{},[1444,1768,1769],{},"watermarkPositionY",[1444,1771,1772],{},"watermark.position.y",[1444,1774,1775],{},"Position of the watermark (from top).",[1426,1777,1778,1781,1784],{},[1444,1779,1780],{},"watermarkWidth",[1444,1782,1783],{},"watermark.scale.width",[1444,1785,1786],{},"Width of watermark.",[1426,1788,1789,1792,1795],{},[1444,1790,1791],{},"watermarkHeight",[1444,1793,1794],{},"watermark.scale.height",[1444,1796,1797],{},"Height of watermark.",[1426,1799,1800,1803,1805],{},[1444,1801,1802],{},"text",[1444,1804,1802],{},[1444,1806,1807],{},"Display text on your image.",[1426,1809,1810,1813,1816],{},[1444,1811,1812],{},"textBase64",[1444,1814,1815],{},"text.text64",[1444,1817,1818],{},"Alternative to text parameter, with Base64 encoding",[1426,1820,1821,1824,1827],{},[1444,1822,1823],{},"textSize",[1444,1825,1826],{},"text.size",[1444,1828,1829],{},"Width of text area in relation to image.",[1426,1831,1832,1835,1838],{},[1444,1833,1834],{},"textAlign",[1444,1836,1837],{},"text.align",[1444,1839,1840],{},"Align the multiline text.",[1426,1842,1843,1846,1849],{},[1444,1844,1845],{},"textPosition",[1444,1847,1848],{},"text.position",[1444,1850,1851],{},"Location of the text on the image.",[1426,1853,1854,1857,1860],{},[1444,1855,1856],{},"textPositionX",[1444,1858,1859],{},"text.position.x",[1444,1861,1862],{},"Location of the text (from left).",[1426,1864,1865,1868,1871],{},[1444,1866,1867],{},"textPositionY",[1444,1869,1870],{},"text.position.y",[1444,1872,1873],{},"Location of the text (from top).",[1426,1875,1876,1879,1882],{},[1444,1877,1878],{},"textPositionGravity",[1444,1880,1881],{},"text.position.gravity",[1444,1883,1884],{},"Master location of the text on the image.",[1426,1886,1887,1890,1893],{},[1444,1888,1889],{},"textFontSize",[1444,1891,1892],{},"text.font.size",[1444,1894,1895],{},"Fix the size of the text in px.",[1426,1897,1898,1901,1904],{},[1444,1899,1900],{},"textFontStyle",[1444,1902,1903],{},"text.font.style",[1444,1905,1906],{},"Style of the text.",[1426,1908,1909,1912,1915],{},[1444,1910,1911],{},"textFontFamily",[1444,1913,1914],{},"text.font.family",[1444,1916,1917],{},"Choose a font e.g. 'Open Sans'.",[1426,1919,1920,1923,1926],{},[1444,1921,1922],{},"textFontWeight",[1444,1924,1925],{},"text.font.weight",[1444,1927,1928],{},"Choose font weight (light, normal, semi-bold, bold, extra-bold).",[1426,1930,1931,1934,1937],{},[1444,1932,1933],{},"textColor",[1444,1935,1936],{},"text.color",[1444,1938,1939],{},"Text color e.g. E0AA80 or E0AA8020.",[1426,1941,1942,1945,1948],{},[1444,1943,1944],{},"textOpacity",[1444,1946,1947],{},"text.opacity",[1444,1949,1950],{},"Text opacity.",[1426,1952,1953,1956,1959],{},[1444,1954,1955],{},"textOutlineWidth",[1444,1957,1958],{},"text.outline.width",[1444,1960,1961],{},"Add an outline around the text.",[1426,1963,1964,1967,1970],{},[1444,1965,1966],{},"textoutlineColor",[1444,1968,1969],{},"text.outline.color",[1444,1971,1972],{},"Color of the text outline.",[1426,1974,1975,1978,1981],{},[1444,1976,1977],{},"textOutlineOpacity",[1444,1979,1980],{},"text.outline.opacity",[1444,1982,1983],{},"Opacity of the text outline.",[1426,1985,1986,1989,1992],{},[1444,1987,1988],{},"textOutlineBlur",[1444,1990,1991],{},"text.outline.blur",[1444,1993,1994],{},"Blur the edge of the text outline.",[1426,1996,1997,2000,2003],{},[1444,1998,1999],{},"textBackgroundColor",[1444,2001,2002],{},"text.background.color",[1444,2004,2005],{},"Background color e.g. E0AA80 or E0AA8020.",[1426,2007,2008,2011,2014],{},[1444,2009,2010],{},"textBackgroundOpacity",[1444,2012,2013],{},"text.background.opacity",[1444,2015,2016],{},"Background opacity.",[1426,2018,2019,2021,2023],{},[1444,2020,622],{},[1444,2022,622],{},[1444,2024,2025],{},"Sharpen the image.",[1426,2027,2028,2031,2033],{},[1444,2029,2030],{},"blur",[1444,2032,2030],{},[1444,2034,2035],{},"Blur the image.",[1426,2037,2038,2040,2042],{},[1444,2039,959],{},[1444,2041,959],{},[1444,2043,2044],{},"Make the image black & white.",[1426,2046,2047,2049,2051],{},[1444,2048,962],{},[1444,2050,962],{},[1444,2052,2053],{},"Overlay a color on the image.",[1426,2055,2056,2059,2062],{},[1444,2057,2058],{},"colorizeColor",[1444,2060,2061],{},"colorize.color",[1444,2063,2064],{},"The color of the colorize option.",[1426,2066,2067,2070,2073],{},[1444,2068,2069],{},"colorizeOpacity",[1444,2071,2072],{},"colorize.opacity",[1444,2074,2075],{},"Opacity of the color overlay.",[1426,2077,2078,2080,2082],{},[1444,2079,966],{},[1444,2081,966],{},[1444,2083,2084],{},"Change the color tone of the image.",[1426,2086,2087,2090,2093],{},[1444,2088,2089],{},"colortoneColor",[1444,2091,2092],{},"colortone.color",[1444,2094,2095],{},"Apply a color tone to an image.",[1426,2097,2098,2101,2104],{},[1444,2099,2100],{},"colortoneLevel",[1444,2102,2103],{},"colortone.level",[1444,2105,2106],{},"Set the level of blending with the original image.",[1426,2108,2109,2112,2115],{},[1444,2110,2111],{},"colortoneMode",[1444,2113,2114],{},"colortone.mode",[1444,2116,2117],{},"Apply the color tone to the entire image or shadows\u002Fhighlights only.",[1426,2119,2120,2123,2126],{},[1444,2121,2122],{},"vignette",[1444,2124,2125],{},"vigette.value",[1444,2127,2128],{},"Adjust the depth of the vignette.",[1426,2130,2131,2134,2137],{},[1444,2132,2133],{},"vignetteColor",[1444,2135,2136],{},"vigette.color",[1444,2138,2139],{},"Add a vignette (dark edges) around the image.",[1426,2141,2142,2144,2146],{},[1444,2143,978],{},[1444,2145,978],{},[1444,2147,2148],{},"Change the lightness of the image.",[1426,2150,2151,2154,2157],{},[1444,2152,2153],{},"colorlevelBlack",[1444,2155,2156],{},"colorlevel.black",[1444,2158,2159],{},"Adjust black level of image.",[1426,2161,2162,2165,2168],{},[1444,2163,2164],{},"colorlevelWhite",[1444,2166,2167],{},"colorlevel.white",[1444,2169,2170],{},"Adjust white level of image.",[1426,2172,2173,2176,2178],{},[1444,2174,2175],{},"histogram",[1444,2177,2175],{},[1444,2179,2180],{},"Display a histogram of RGB levels.",[1426,2182,2183,2185,2187],{},[1444,2184,981],{},[1444,2186,981],{},[1444,2188,2189],{},"Change the hue of the image.",[1426,2191,2192,2194,2196],{},[1444,2193,984],{},[1444,2195,984],{},[1444,2197,2198],{},"Change the saturation of the image.",[1426,2200,2201,2203,2205],{},[1444,2202,987],{},[1444,2204,987],{},[1444,2206,2207],{},"Change the highlights of the image.",[1426,2209,2210,2212,2214],{},[1444,2211,990],{},[1444,2213,990],{},[1444,2215,2216],{},"Change the shadows of the image.",[1426,2218,2219,2221,2223],{},[1444,2220,993],{},[1444,2222,993],{},[1444,2224,2225],{},"Change the brightness of the image.",[1426,2227,2228,2230,2232],{},[1444,2229,996],{},[1444,2231,996],{},[1444,2233,2234],{},"Change the exposure of the image.",[1426,2236,2237,2239,2241],{},[1444,2238,999],{},[1444,2240,999],{},[1444,2242,2243],{},"Change the contrast of the image.",[1426,2245,2246,2248,2250],{},[1444,2247,873],{},[1444,2249,873],{},[1444,2251,2252],{},"Number of degrees to rotate the image.",[1426,2254,2255,2258,2260],{},[1444,2256,2257],{},"flip",[1444,2259,2257],{},[1444,2261,2262],{},"Flip image vertically (mirror).",[1426,2264,2265,2268,2270],{},[1444,2266,2267],{},"flop",[1444,2269,2267],{},[1444,2271,2272],{},"Flip image horizontally (mirror).",[1426,2274,2275,2278,2280],{},[1444,2276,2277],{},"opacity",[1444,2279,2277],{},[1444,2281,2282],{},"Opacity of PNG images.",[1426,2284,2285,2288,2291],{},[1444,2286,2287],{},"frameStyle",[1444,2289,2290],{},"frame.style",[1444,2292,2293],{},"Add a frame around the image.",[1426,2295,2296,2299,2302],{},[1444,2297,2298],{},"frameColor",[1444,2300,2301],{},"frame.color",[1444,2303,2304],{},"Frame color e.g. E0AA80 or E0AA8020.",[1426,2306,2307,2310,2313],{},[1444,2308,2309],{},"frameWidth",[1444,2311,2312],{},"frame.width",[1444,2314,2315],{},"Frame width.",[1426,2317,2318,2321,2324],{},[1444,2319,2320],{},"frameRimColor",[1444,2322,2323],{},"frame.rim.color",[1444,2325,2326],{},"Frame rim color e.g. E0AA80 or E0AA8020.",[1426,2328,2329,2332,2335],{},[1444,2330,2331],{},"frameRimWidth",[1444,2333,2334],{},"frame.rim.width",[1444,2336,2337],{},"Frame rim width.",[1426,2339,2340,2343,2346],{},[1444,2341,2342],{},"pdfPage",[1444,2344,2345],{},"page",[1444,2347,2348],{},"Page number of PDF when converted to image.",[325,2350,2351],{},[214,2352,2353,2354,2359],{},"Learn more about ",[218,2355,2358],{"href":2356,"rel":2357},"https:\u002F\u002Fsirv.com\u002Fhelp\u002Farticle\u002Fdynamic-imaging",[222],"Sirv's Image transformations"," from the official documentation.",[2361,2362,2363],"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}html pre.shiki code .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":234,"searchDepth":264,"depth":264,"links":2365},[2366,2368,2369,2378],{"id":345,"depth":264,"text":2367},"Sirv fit parameters",{"id":396,"depth":264,"text":396},{"id":490,"depth":264,"text":491,"children":2370},[2371,2372,2373,2374,2375,2376,2377],{"id":502,"depth":277,"text":502},{"id":516,"depth":277,"text":516},{"id":622,"depth":277,"text":622},{"id":709,"depth":277,"text":709},{"id":873,"depth":277,"text":873},{"id":946,"depth":277,"text":947},{"id":1082,"depth":277,"text":1083},{"id":1414,"depth":264,"text":1415},"Nuxt Image integration with Sirv media management, transformation and delivery platform.","md",[2382],{"label":2383,"icon":2384,"to":2385,"size":2386},"Source","i-simple-icons-github","https:\u002F\u002Fgithub.com\u002Fnuxt\u002Fimage\u002Fblob\u002Fmain\u002Fsrc\u002Fruntime\u002Fproviders\u002Fsirv.ts","xs",{},true,{"title":160,"description":2379},"hi8ZB5nif09pCreo7xS5tK5UyXiuoBb9H5gqvMe4ykc",[2392,2394],{"title":156,"path":157,"stem":158,"description":2393,"children":-1},"Nuxt Image integration with Shopify CDN.",{"title":164,"path":165,"stem":166,"description":2395,"children":-1},"Nuxt Image internally use Storyblok as static provider.",1774955434244]