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