[{"data":1,"prerenderedAt":6155},["Reactive",2],{"navigation":3,"docs-/providers/storyblok":133,"docs-/providers/storyblok-surround":2380},[4,20,33,123],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Caisy","/providers/caisy",{"title":46,"_path":47},"Cloudflare","/providers/cloudflare",{"title":49,"_path":50},"Cloudimage","/providers/cloudimage",{"title":52,"_path":53},"Cloudinary","/providers/cloudinary",{"title":55,"_path":56},"Contentful","/providers/contentful",{"title":58,"_path":59},"Directus","/providers/directus",{"title":61,"_path":62},"Edgio","/providers/edgio",{"title":64,"_path":65},"Fastly","/providers/fastly",{"title":67,"_path":68},"Glide","/providers/glide",{"title":70,"_path":71},"Gumlet","/providers/gumlet",{"title":73,"_path":74},"Hygraph","/providers/hygraph",{"title":76,"_path":77},"ImageEngine","/providers/imageengine",{"title":79,"_path":80},"ImageKit","/providers/imagekit",{"title":82,"_path":83},"Imgix","/providers/imgix",{"title":85,"_path":86},"IPX","/providers/ipx",{"title":88,"_path":89},"Netlify","/providers/netlify",{"title":91,"_path":92},"Prepr","/providers/prepr",{"title":94,"_path":95},"Prismic","/providers/prismic",{"title":97,"_path":98},"Sanity","/providers/sanity",{"title":100,"_path":101},"Sirv","/providers/sirv",{"title":103,"_path":104},"Storyblok","/providers/storyblok",{"title":106,"_path":107},"Strapi","/providers/strapi",{"title":109,"_path":110},"Twicpics","/providers/twicpics",{"title":112,"_path":113},"Unsplash","/providers/unsplash",{"title":115,"_path":116},"Uploadcare","/providers/uploadcare",{"title":118,"_path":119},"Vercel","/providers/vercel",{"title":121,"_path":122},"Weserv","/providers/weserv",{"title":124,"_path":125,"children":126},"Advanced","/advanced",[127,130],{"title":128,"_path":129},"Custom Provider","/advanced/custom-provider",{"title":131,"_path":132},"Static Images","/advanced/static-images",{"_path":104,"_dir":134,"_draft":135,"_partial":135,"_locale":136,"title":103,"description":137,"links":138,"body":144,"_type":2375,"_id":2376,"_source":2377,"_file":2378,"_extension":2379},"providers",false,"","Nuxt Image internally use Storyblok as static provider.",[139],{"label":140,"icon":141,"to":142,"size":143},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/storyblok.ts","xs",{"type":145,"children":146,"toc":2365},"root",[147,165,310,317,328,335,349,354,369,374,920,926,937,956,961,965,1165,1171,1182,1207,1211,1360,1366,1377,1382,1386,1590,1596,1607,1612,1616,1979,1985,1996,2008,2012,2359],{"type":148,"tag":149,"props":150,"children":151},"element","p",{},[152,155,163],{"type":153,"value":154},"text","Integration between ",{"type":148,"tag":156,"props":157,"children":161},"a",{"href":158,"rel":159},"https://www.storyblok.com/docs/image-service/",[160],"nofollow",[162],{"type":153,"value":103},{"type":153,"value":164}," and the image module. To use this provider you just need to specify the base url of your service in Storyblok.",{"type":148,"tag":166,"props":167,"children":172},"pre",{"className":168,"code":169,"filename":170,"language":171,"meta":136,"style":136},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    storyblok: {\n      baseURL: 'https://a.storyblok.com'\n    }\n  }\n})\n","nuxt.config.ts","ts",[173],{"type":148,"tag":174,"props":175,"children":176},"code",{"__ignoreMap":136},[177,212,232,249,278,287,296],{"type":148,"tag":178,"props":179,"children":182},"span",{"class":180,"line":181},"line",1,[183,189,194,200,206],{"type":148,"tag":178,"props":184,"children":186},{"style":185},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[187],{"type":153,"value":188},"export",{"type":148,"tag":178,"props":190,"children":191},{"style":185},[192],{"type":153,"value":193}," default",{"type":148,"tag":178,"props":195,"children":197},{"style":196},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[198],{"type":153,"value":199}," defineNuxtConfig",{"type":148,"tag":178,"props":201,"children":203},{"style":202},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[204],{"type":153,"value":205},"(",{"type":148,"tag":178,"props":207,"children":209},{"style":208},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[210],{"type":153,"value":211},"{\n",{"type":148,"tag":178,"props":213,"children":215},{"class":180,"line":214},2,[216,222,227],{"type":148,"tag":178,"props":217,"children":219},{"style":218},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[220],{"type":153,"value":221},"  image",{"type":148,"tag":178,"props":223,"children":224},{"style":208},[225],{"type":153,"value":226},":",{"type":148,"tag":178,"props":228,"children":229},{"style":208},[230],{"type":153,"value":231}," {\n",{"type":148,"tag":178,"props":233,"children":235},{"class":180,"line":234},3,[236,241,245],{"type":148,"tag":178,"props":237,"children":238},{"style":218},[239],{"type":153,"value":240},"    storyblok",{"type":148,"tag":178,"props":242,"children":243},{"style":208},[244],{"type":153,"value":226},{"type":148,"tag":178,"props":246,"children":247},{"style":208},[248],{"type":153,"value":231},{"type":148,"tag":178,"props":250,"children":252},{"class":180,"line":251},4,[253,258,262,267,273],{"type":148,"tag":178,"props":254,"children":255},{"style":218},[256],{"type":153,"value":257},"      baseURL",{"type":148,"tag":178,"props":259,"children":260},{"style":208},[261],{"type":153,"value":226},{"type":148,"tag":178,"props":263,"children":264},{"style":208},[265],{"type":153,"value":266}," '",{"type":148,"tag":178,"props":268,"children":270},{"style":269},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[271],{"type":153,"value":272},"https://a.storyblok.com",{"type":148,"tag":178,"props":274,"children":275},{"style":208},[276],{"type":153,"value":277},"'\n",{"type":148,"tag":178,"props":279,"children":281},{"class":180,"line":280},5,[282],{"type":148,"tag":178,"props":283,"children":284},{"style":208},[285],{"type":153,"value":286},"    }\n",{"type":148,"tag":178,"props":288,"children":290},{"class":180,"line":289},6,[291],{"type":148,"tag":178,"props":292,"children":293},{"style":208},[294],{"type":153,"value":295},"  }\n",{"type":148,"tag":178,"props":297,"children":299},{"class":180,"line":298},7,[300,305],{"type":148,"tag":178,"props":301,"children":302},{"style":208},[303],{"type":153,"value":304},"}",{"type":148,"tag":178,"props":306,"children":307},{"style":202},[308],{"type":153,"value":309},")\n",{"type":148,"tag":311,"props":312,"children":314},"h2",{"id":313},"storyblok-modifiers",[315],{"type":153,"value":316},"Storyblok modifiers",{"type":148,"tag":149,"props":318,"children":319},{},[320,322],{"type":153,"value":321},"I am following all modifiers present on ",{"type":148,"tag":156,"props":323,"children":325},{"href":158,"rel":324},[160],[326],{"type":153,"value":327},"Storyblok image service",{"type":148,"tag":329,"props":330,"children":332},"h3",{"id":331},"resizing",[333],{"type":153,"value":334},"Resizing",{"type":148,"tag":149,"props":336,"children":337},{},[338,340,347],{"type":153,"value":339},"Check ",{"type":148,"tag":156,"props":341,"children":344},{"href":342,"rel":343},"https://www.storyblok.com/docs/image-service#resizing",[160],[345],{"type":153,"value":346},"Storyblok documentation",{"type":153,"value":348}," if you want to know more.",{"type":148,"tag":149,"props":350,"children":351},{},[352],{"type":153,"value":353},"the logic is:",{"type":148,"tag":355,"props":356,"children":357},"ul",{},[358,364],{"type":148,"tag":359,"props":360,"children":361},"li",{},[362],{"type":153,"value":363},"If you do not define either width or height, the image will not be resized.",{"type":148,"tag":359,"props":365,"children":366},{},[367],{"type":153,"value":368},"If you define only width or only height the image will be proportionately resized based on the one you defined.",{"type":148,"tag":149,"props":370,"children":371},{},[372],{"type":153,"value":373},"Example:",{"type":148,"tag":166,"props":375,"children":379},{"className":376,"code":377,"language":378,"meta":136,"style":136},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cdiv>Original\u003C/div>\n\u003CNuxtImg\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Resized static\u003C/div>\n\u003CNuxtImg\n  width=\"500\"\n  height=\"500\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Proportional to Width\u003C/div>\n\u003CNuxtImg\n  width=\"500\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Proportional to Height\u003C/div>\n\u003CNuxtImg\n  height=\"500\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n","html",[380],{"type":148,"tag":174,"props":381,"children":382},{"__ignoreMap":136},[383,420,432,461,486,494,503,535,547,573,598,622,646,654,662,695,707,731,755,779,787,795,828,840,864,888,912],{"type":148,"tag":178,"props":384,"children":385},{"class":180,"line":181},[386,391,396,401,406,411,415],{"type":148,"tag":178,"props":387,"children":388},{"style":208},[389],{"type":153,"value":390},"\u003C",{"type":148,"tag":178,"props":392,"children":393},{"style":218},[394],{"type":153,"value":395},"div",{"type":148,"tag":178,"props":397,"children":398},{"style":208},[399],{"type":153,"value":400},">",{"type":148,"tag":178,"props":402,"children":403},{"style":202},[404],{"type":153,"value":405},"Original",{"type":148,"tag":178,"props":407,"children":408},{"style":208},[409],{"type":153,"value":410},"\u003C/",{"type":148,"tag":178,"props":412,"children":413},{"style":218},[414],{"type":153,"value":395},{"type":148,"tag":178,"props":416,"children":417},{"style":208},[418],{"type":153,"value":419},">\n",{"type":148,"tag":178,"props":421,"children":422},{"class":180,"line":214},[423,427],{"type":148,"tag":178,"props":424,"children":425},{"style":208},[426],{"type":153,"value":390},{"type":148,"tag":178,"props":428,"children":429},{"style":218},[430],{"type":153,"value":431},"NuxtImg\n",{"type":148,"tag":178,"props":433,"children":434},{"class":180,"line":234},[435,441,446,451,456],{"type":148,"tag":178,"props":436,"children":438},{"style":437},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[439],{"type":153,"value":440},"  provider",{"type":148,"tag":178,"props":442,"children":443},{"style":208},[444],{"type":153,"value":445},"=",{"type":148,"tag":178,"props":447,"children":448},{"style":208},[449],{"type":153,"value":450},"\"",{"type":148,"tag":178,"props":452,"children":453},{"style":269},[454],{"type":153,"value":455},"storyblok",{"type":148,"tag":178,"props":457,"children":458},{"style":208},[459],{"type":153,"value":460},"\"\n",{"type":148,"tag":178,"props":462,"children":463},{"class":180,"line":251},[464,469,473,477,482],{"type":148,"tag":178,"props":465,"children":466},{"style":437},[467],{"type":153,"value":468},"  src",{"type":148,"tag":178,"props":470,"children":471},{"style":208},[472],{"type":153,"value":445},{"type":148,"tag":178,"props":474,"children":475},{"style":208},[476],{"type":153,"value":450},{"type":148,"tag":178,"props":478,"children":479},{"style":269},[480],{"type":153,"value":481},"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg",{"type":148,"tag":178,"props":483,"children":484},{"style":208},[485],{"type":153,"value":460},{"type":148,"tag":178,"props":487,"children":488},{"class":180,"line":280},[489],{"type":148,"tag":178,"props":490,"children":491},{"style":208},[492],{"type":153,"value":493},"/>\n",{"type":148,"tag":178,"props":495,"children":496},{"class":180,"line":289},[497],{"type":148,"tag":178,"props":498,"children":500},{"emptyLinePlaceholder":499},true,[501],{"type":153,"value":502},"\n",{"type":148,"tag":178,"props":504,"children":505},{"class":180,"line":298},[506,510,514,518,523,527,531],{"type":148,"tag":178,"props":507,"children":508},{"style":208},[509],{"type":153,"value":390},{"type":148,"tag":178,"props":511,"children":512},{"style":218},[513],{"type":153,"value":395},{"type":148,"tag":178,"props":515,"children":516},{"style":208},[517],{"type":153,"value":400},{"type":148,"tag":178,"props":519,"children":520},{"style":202},[521],{"type":153,"value":522},"Resized static",{"type":148,"tag":178,"props":524,"children":525},{"style":208},[526],{"type":153,"value":410},{"type":148,"tag":178,"props":528,"children":529},{"style":218},[530],{"type":153,"value":395},{"type":148,"tag":178,"props":532,"children":533},{"style":208},[534],{"type":153,"value":419},{"type":148,"tag":178,"props":536,"children":538},{"class":180,"line":537},8,[539,543],{"type":148,"tag":178,"props":540,"children":541},{"style":208},[542],{"type":153,"value":390},{"type":148,"tag":178,"props":544,"children":545},{"style":218},[546],{"type":153,"value":431},{"type":148,"tag":178,"props":548,"children":550},{"class":180,"line":549},9,[551,556,560,564,569],{"type":148,"tag":178,"props":552,"children":553},{"style":437},[554],{"type":153,"value":555},"  width",{"type":148,"tag":178,"props":557,"children":558},{"style":208},[559],{"type":153,"value":445},{"type":148,"tag":178,"props":561,"children":562},{"style":208},[563],{"type":153,"value":450},{"type":148,"tag":178,"props":565,"children":566},{"style":269},[567],{"type":153,"value":568},"500",{"type":148,"tag":178,"props":570,"children":571},{"style":208},[572],{"type":153,"value":460},{"type":148,"tag":178,"props":574,"children":576},{"class":180,"line":575},10,[577,582,586,590,594],{"type":148,"tag":178,"props":578,"children":579},{"style":437},[580],{"type":153,"value":581},"  height",{"type":148,"tag":178,"props":583,"children":584},{"style":208},[585],{"type":153,"value":445},{"type":148,"tag":178,"props":587,"children":588},{"style":208},[589],{"type":153,"value":450},{"type":148,"tag":178,"props":591,"children":592},{"style":269},[593],{"type":153,"value":568},{"type":148,"tag":178,"props":595,"children":596},{"style":208},[597],{"type":153,"value":460},{"type":148,"tag":178,"props":599,"children":601},{"class":180,"line":600},11,[602,606,610,614,618],{"type":148,"tag":178,"props":603,"children":604},{"style":437},[605],{"type":153,"value":440},{"type":148,"tag":178,"props":607,"children":608},{"style":208},[609],{"type":153,"value":445},{"type":148,"tag":178,"props":611,"children":612},{"style":208},[613],{"type":153,"value":450},{"type":148,"tag":178,"props":615,"children":616},{"style":269},[617],{"type":153,"value":455},{"type":148,"tag":178,"props":619,"children":620},{"style":208},[621],{"type":153,"value":460},{"type":148,"tag":178,"props":623,"children":625},{"class":180,"line":624},12,[626,630,634,638,642],{"type":148,"tag":178,"props":627,"children":628},{"style":437},[629],{"type":153,"value":468},{"type":148,"tag":178,"props":631,"children":632},{"style":208},[633],{"type":153,"value":445},{"type":148,"tag":178,"props":635,"children":636},{"style":208},[637],{"type":153,"value":450},{"type":148,"tag":178,"props":639,"children":640},{"style":269},[641],{"type":153,"value":481},{"type":148,"tag":178,"props":643,"children":644},{"style":208},[645],{"type":153,"value":460},{"type":148,"tag":178,"props":647,"children":649},{"class":180,"line":648},13,[650],{"type":148,"tag":178,"props":651,"children":652},{"style":208},[653],{"type":153,"value":493},{"type":148,"tag":178,"props":655,"children":657},{"class":180,"line":656},14,[658],{"type":148,"tag":178,"props":659,"children":660},{"emptyLinePlaceholder":499},[661],{"type":153,"value":502},{"type":148,"tag":178,"props":663,"children":665},{"class":180,"line":664},15,[666,670,674,678,683,687,691],{"type":148,"tag":178,"props":667,"children":668},{"style":208},[669],{"type":153,"value":390},{"type":148,"tag":178,"props":671,"children":672},{"style":218},[673],{"type":153,"value":395},{"type":148,"tag":178,"props":675,"children":676},{"style":208},[677],{"type":153,"value":400},{"type":148,"tag":178,"props":679,"children":680},{"style":202},[681],{"type":153,"value":682},"Proportional to Width",{"type":148,"tag":178,"props":684,"children":685},{"style":208},[686],{"type":153,"value":410},{"type":148,"tag":178,"props":688,"children":689},{"style":218},[690],{"type":153,"value":395},{"type":148,"tag":178,"props":692,"children":693},{"style":208},[694],{"type":153,"value":419},{"type":148,"tag":178,"props":696,"children":698},{"class":180,"line":697},16,[699,703],{"type":148,"tag":178,"props":700,"children":701},{"style":208},[702],{"type":153,"value":390},{"type":148,"tag":178,"props":704,"children":705},{"style":218},[706],{"type":153,"value":431},{"type":148,"tag":178,"props":708,"children":710},{"class":180,"line":709},17,[711,715,719,723,727],{"type":148,"tag":178,"props":712,"children":713},{"style":437},[714],{"type":153,"value":555},{"type":148,"tag":178,"props":716,"children":717},{"style":208},[718],{"type":153,"value":445},{"type":148,"tag":178,"props":720,"children":721},{"style":208},[722],{"type":153,"value":450},{"type":148,"tag":178,"props":724,"children":725},{"style":269},[726],{"type":153,"value":568},{"type":148,"tag":178,"props":728,"children":729},{"style":208},[730],{"type":153,"value":460},{"type":148,"tag":178,"props":732,"children":734},{"class":180,"line":733},18,[735,739,743,747,751],{"type":148,"tag":178,"props":736,"children":737},{"style":437},[738],{"type":153,"value":440},{"type":148,"tag":178,"props":740,"children":741},{"style":208},[742],{"type":153,"value":445},{"type":148,"tag":178,"props":744,"children":745},{"style":208},[746],{"type":153,"value":450},{"type":148,"tag":178,"props":748,"children":749},{"style":269},[750],{"type":153,"value":455},{"type":148,"tag":178,"props":752,"children":753},{"style":208},[754],{"type":153,"value":460},{"type":148,"tag":178,"props":756,"children":758},{"class":180,"line":757},19,[759,763,767,771,775],{"type":148,"tag":178,"props":760,"children":761},{"style":437},[762],{"type":153,"value":468},{"type":148,"tag":178,"props":764,"children":765},{"style":208},[766],{"type":153,"value":445},{"type":148,"tag":178,"props":768,"children":769},{"style":208},[770],{"type":153,"value":450},{"type":148,"tag":178,"props":772,"children":773},{"style":269},[774],{"type":153,"value":481},{"type":148,"tag":178,"props":776,"children":777},{"style":208},[778],{"type":153,"value":460},{"type":148,"tag":178,"props":780,"children":782},{"class":180,"line":781},20,[783],{"type":148,"tag":178,"props":784,"children":785},{"style":208},[786],{"type":153,"value":493},{"type":148,"tag":178,"props":788,"children":790},{"class":180,"line":789},21,[791],{"type":148,"tag":178,"props":792,"children":793},{"emptyLinePlaceholder":499},[794],{"type":153,"value":502},{"type":148,"tag":178,"props":796,"children":798},{"class":180,"line":797},22,[799,803,807,811,816,820,824],{"type":148,"tag":178,"props":800,"children":801},{"style":208},[802],{"type":153,"value":390},{"type":148,"tag":178,"props":804,"children":805},{"style":218},[806],{"type":153,"value":395},{"type":148,"tag":178,"props":808,"children":809},{"style":208},[810],{"type":153,"value":400},{"type":148,"tag":178,"props":812,"children":813},{"style":202},[814],{"type":153,"value":815},"Proportional to Height",{"type":148,"tag":178,"props":817,"children":818},{"style":208},[819],{"type":153,"value":410},{"type":148,"tag":178,"props":821,"children":822},{"style":218},[823],{"type":153,"value":395},{"type":148,"tag":178,"props":825,"children":826},{"style":208},[827],{"type":153,"value":419},{"type":148,"tag":178,"props":829,"children":831},{"class":180,"line":830},23,[832,836],{"type":148,"tag":178,"props":833,"children":834},{"style":208},[835],{"type":153,"value":390},{"type":148,"tag":178,"props":837,"children":838},{"style":218},[839],{"type":153,"value":431},{"type":148,"tag":178,"props":841,"children":843},{"class":180,"line":842},24,[844,848,852,856,860],{"type":148,"tag":178,"props":845,"children":846},{"style":437},[847],{"type":153,"value":581},{"type":148,"tag":178,"props":849,"children":850},{"style":208},[851],{"type":153,"value":445},{"type":148,"tag":178,"props":853,"children":854},{"style":208},[855],{"type":153,"value":450},{"type":148,"tag":178,"props":857,"children":858},{"style":269},[859],{"type":153,"value":568},{"type":148,"tag":178,"props":861,"children":862},{"style":208},[863],{"type":153,"value":460},{"type":148,"tag":178,"props":865,"children":867},{"class":180,"line":866},25,[868,872,876,880,884],{"type":148,"tag":178,"props":869,"children":870},{"style":437},[871],{"type":153,"value":440},{"type":148,"tag":178,"props":873,"children":874},{"style":208},[875],{"type":153,"value":445},{"type":148,"tag":178,"props":877,"children":878},{"style":208},[879],{"type":153,"value":450},{"type":148,"tag":178,"props":881,"children":882},{"style":269},[883],{"type":153,"value":455},{"type":148,"tag":178,"props":885,"children":886},{"style":208},[887],{"type":153,"value":460},{"type":148,"tag":178,"props":889,"children":891},{"class":180,"line":890},26,[892,896,900,904,908],{"type":148,"tag":178,"props":893,"children":894},{"style":437},[895],{"type":153,"value":468},{"type":148,"tag":178,"props":897,"children":898},{"style":208},[899],{"type":153,"value":445},{"type":148,"tag":178,"props":901,"children":902},{"style":208},[903],{"type":153,"value":450},{"type":148,"tag":178,"props":905,"children":906},{"style":269},[907],{"type":153,"value":481},{"type":148,"tag":178,"props":909,"children":910},{"style":208},[911],{"type":153,"value":460},{"type":148,"tag":178,"props":913,"children":915},{"class":180,"line":914},27,[916],{"type":148,"tag":178,"props":917,"children":918},{"style":208},[919],{"type":153,"value":493},{"type":148,"tag":329,"props":921,"children":923},{"id":922},"fit-in-with-background-or-not",[924],{"type":153,"value":925},"Fit in with background or not",{"type":148,"tag":149,"props":927,"children":928},{},[929,930,936],{"type":153,"value":339},{"type":148,"tag":156,"props":931,"children":934},{"href":932,"rel":933},"https://www.storyblok.com/docs/image-service#fit-in",[160],[935],{"type":153,"value":346},{"type":153,"value":348},{"type":148,"tag":149,"props":938,"children":939},{},[940,942,947,949,954],{"type":153,"value":941},"If you want to use it just add a props ",{"type":148,"tag":174,"props":943,"children":944},{"className":136},[945],{"type":153,"value":946},"fit=\"in\"",{"type":153,"value":948},". Take care that storyblok only support ",{"type":148,"tag":174,"props":950,"children":951},{"className":136},[952],{"type":153,"value":953},"fit-in",{"type":153,"value":955},".",{"type":148,"tag":149,"props":957,"children":958},{},[959],{"type":153,"value":960},"You can also use the fill filters to fill your fit-in with a specific background. If you not defining value it will be transparent.",{"type":148,"tag":149,"props":962,"children":963},{},[964],{"type":153,"value":373},{"type":148,"tag":166,"props":966,"children":968},{"className":376,"code":967,"language":378,"meta":136,"style":136},"\u003Cdiv>Fit in with background CCCCCC\u003C/div>\n\u003CNuxtImg\n  width=\"200\"\n  height=\"200\"\n  fit=\"in\"\n  :modifiers=\"{ filters: { fill: 'CCCCCC' } }\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n",[969],{"type":148,"tag":174,"props":970,"children":971},{"__ignoreMap":136},[972,1004,1015,1039,1062,1087,1112,1135,1158],{"type":148,"tag":178,"props":973,"children":974},{"class":180,"line":181},[975,979,983,987,992,996,1000],{"type":148,"tag":178,"props":976,"children":977},{"style":208},[978],{"type":153,"value":390},{"type":148,"tag":178,"props":980,"children":981},{"style":218},[982],{"type":153,"value":395},{"type":148,"tag":178,"props":984,"children":985},{"style":208},[986],{"type":153,"value":400},{"type":148,"tag":178,"props":988,"children":989},{"style":202},[990],{"type":153,"value":991},"Fit in with background CCCCCC",{"type":148,"tag":178,"props":993,"children":994},{"style":208},[995],{"type":153,"value":410},{"type":148,"tag":178,"props":997,"children":998},{"style":218},[999],{"type":153,"value":395},{"type":148,"tag":178,"props":1001,"children":1002},{"style":208},[1003],{"type":153,"value":419},{"type":148,"tag":178,"props":1005,"children":1006},{"class":180,"line":214},[1007,1011],{"type":148,"tag":178,"props":1008,"children":1009},{"style":208},[1010],{"type":153,"value":390},{"type":148,"tag":178,"props":1012,"children":1013},{"style":218},[1014],{"type":153,"value":431},{"type":148,"tag":178,"props":1016,"children":1017},{"class":180,"line":234},[1018,1022,1026,1030,1035],{"type":148,"tag":178,"props":1019,"children":1020},{"style":437},[1021],{"type":153,"value":555},{"type":148,"tag":178,"props":1023,"children":1024},{"style":208},[1025],{"type":153,"value":445},{"type":148,"tag":178,"props":1027,"children":1028},{"style":208},[1029],{"type":153,"value":450},{"type":148,"tag":178,"props":1031,"children":1032},{"style":269},[1033],{"type":153,"value":1034},"200",{"type":148,"tag":178,"props":1036,"children":1037},{"style":208},[1038],{"type":153,"value":460},{"type":148,"tag":178,"props":1040,"children":1041},{"class":180,"line":251},[1042,1046,1050,1054,1058],{"type":148,"tag":178,"props":1043,"children":1044},{"style":437},[1045],{"type":153,"value":581},{"type":148,"tag":178,"props":1047,"children":1048},{"style":208},[1049],{"type":153,"value":445},{"type":148,"tag":178,"props":1051,"children":1052},{"style":208},[1053],{"type":153,"value":450},{"type":148,"tag":178,"props":1055,"children":1056},{"style":269},[1057],{"type":153,"value":1034},{"type":148,"tag":178,"props":1059,"children":1060},{"style":208},[1061],{"type":153,"value":460},{"type":148,"tag":178,"props":1063,"children":1064},{"class":180,"line":280},[1065,1070,1074,1078,1083],{"type":148,"tag":178,"props":1066,"children":1067},{"style":437},[1068],{"type":153,"value":1069},"  fit",{"type":148,"tag":178,"props":1071,"children":1072},{"style":208},[1073],{"type":153,"value":445},{"type":148,"tag":178,"props":1075,"children":1076},{"style":208},[1077],{"type":153,"value":450},{"type":148,"tag":178,"props":1079,"children":1080},{"style":269},[1081],{"type":153,"value":1082},"in",{"type":148,"tag":178,"props":1084,"children":1085},{"style":208},[1086],{"type":153,"value":460},{"type":148,"tag":178,"props":1088,"children":1089},{"class":180,"line":289},[1090,1095,1099,1103,1108],{"type":148,"tag":178,"props":1091,"children":1092},{"style":437},[1093],{"type":153,"value":1094},"  :modifiers",{"type":148,"tag":178,"props":1096,"children":1097},{"style":208},[1098],{"type":153,"value":445},{"type":148,"tag":178,"props":1100,"children":1101},{"style":208},[1102],{"type":153,"value":450},{"type":148,"tag":178,"props":1104,"children":1105},{"style":269},[1106],{"type":153,"value":1107},"{ filters: { fill: 'CCCCCC' } }",{"type":148,"tag":178,"props":1109,"children":1110},{"style":208},[1111],{"type":153,"value":460},{"type":148,"tag":178,"props":1113,"children":1114},{"class":180,"line":298},[1115,1119,1123,1127,1131],{"type":148,"tag":178,"props":1116,"children":1117},{"style":437},[1118],{"type":153,"value":440},{"type":148,"tag":178,"props":1120,"children":1121},{"style":208},[1122],{"type":153,"value":445},{"type":148,"tag":178,"props":1124,"children":1125},{"style":208},[1126],{"type":153,"value":450},{"type":148,"tag":178,"props":1128,"children":1129},{"style":269},[1130],{"type":153,"value":455},{"type":148,"tag":178,"props":1132,"children":1133},{"style":208},[1134],{"type":153,"value":460},{"type":148,"tag":178,"props":1136,"children":1137},{"class":180,"line":537},[1138,1142,1146,1150,1154],{"type":148,"tag":178,"props":1139,"children":1140},{"style":437},[1141],{"type":153,"value":468},{"type":148,"tag":178,"props":1143,"children":1144},{"style":208},[1145],{"type":153,"value":445},{"type":148,"tag":178,"props":1147,"children":1148},{"style":208},[1149],{"type":153,"value":450},{"type":148,"tag":178,"props":1151,"children":1152},{"style":269},[1153],{"type":153,"value":481},{"type":148,"tag":178,"props":1155,"children":1156},{"style":208},[1157],{"type":153,"value":460},{"type":148,"tag":178,"props":1159,"children":1160},{"class":180,"line":549},[1161],{"type":148,"tag":178,"props":1162,"children":1163},{"style":208},[1164],{"type":153,"value":493},{"type":148,"tag":329,"props":1166,"children":1168},{"id":1167},"format",[1169],{"type":153,"value":1170},"Format",{"type":148,"tag":149,"props":1172,"children":1173},{},[1174,1175,1181],{"type":153,"value":339},{"type":148,"tag":156,"props":1176,"children":1179},{"href":1177,"rel":1178},"https://www.storyblok.com/docs/image-service#changing-the-format",[160],[1180],{"type":153,"value":346},{"type":153,"value":348},{"type":148,"tag":149,"props":1183,"children":1184},{},[1185,1187,1192,1194,1199,1201,1206],{"type":153,"value":1186},"You can modify your image format. Supported format are ",{"type":148,"tag":174,"props":1188,"children":1189},{"className":136},[1190],{"type":153,"value":1191},"webp",{"type":153,"value":1193},", ",{"type":148,"tag":174,"props":1195,"children":1196},{"className":136},[1197],{"type":153,"value":1198},"jpeg",{"type":153,"value":1200}," and ",{"type":148,"tag":174,"props":1202,"children":1203},{"className":136},[1204],{"type":153,"value":1205},"png",{"type":153,"value":955},{"type":148,"tag":149,"props":1208,"children":1209},{},[1210],{"type":153,"value":373},{"type":148,"tag":166,"props":1212,"children":1214},{"className":376,"code":1213,"language":378,"meta":136,"style":136},"\u003Ch3>Format\u003C/h3>\n\u003CNuxtImg\n  width=\"200\"\n  format=\"webp\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n",[1215],{"type":148,"tag":174,"props":1216,"children":1217},{"__ignoreMap":136},[1218,1249,1260,1283,1307,1330,1353],{"type":148,"tag":178,"props":1219,"children":1220},{"class":180,"line":181},[1221,1225,1229,1233,1237,1241,1245],{"type":148,"tag":178,"props":1222,"children":1223},{"style":208},[1224],{"type":153,"value":390},{"type":148,"tag":178,"props":1226,"children":1227},{"style":218},[1228],{"type":153,"value":329},{"type":148,"tag":178,"props":1230,"children":1231},{"style":208},[1232],{"type":153,"value":400},{"type":148,"tag":178,"props":1234,"children":1235},{"style":202},[1236],{"type":153,"value":1170},{"type":148,"tag":178,"props":1238,"children":1239},{"style":208},[1240],{"type":153,"value":410},{"type":148,"tag":178,"props":1242,"children":1243},{"style":218},[1244],{"type":153,"value":329},{"type":148,"tag":178,"props":1246,"children":1247},{"style":208},[1248],{"type":153,"value":419},{"type":148,"tag":178,"props":1250,"children":1251},{"class":180,"line":214},[1252,1256],{"type":148,"tag":178,"props":1253,"children":1254},{"style":208},[1255],{"type":153,"value":390},{"type":148,"tag":178,"props":1257,"children":1258},{"style":218},[1259],{"type":153,"value":431},{"type":148,"tag":178,"props":1261,"children":1262},{"class":180,"line":234},[1263,1267,1271,1275,1279],{"type":148,"tag":178,"props":1264,"children":1265},{"style":437},[1266],{"type":153,"value":555},{"type":148,"tag":178,"props":1268,"children":1269},{"style":208},[1270],{"type":153,"value":445},{"type":148,"tag":178,"props":1272,"children":1273},{"style":208},[1274],{"type":153,"value":450},{"type":148,"tag":178,"props":1276,"children":1277},{"style":269},[1278],{"type":153,"value":1034},{"type":148,"tag":178,"props":1280,"children":1281},{"style":208},[1282],{"type":153,"value":460},{"type":148,"tag":178,"props":1284,"children":1285},{"class":180,"line":251},[1286,1291,1295,1299,1303],{"type":148,"tag":178,"props":1287,"children":1288},{"style":437},[1289],{"type":153,"value":1290},"  format",{"type":148,"tag":178,"props":1292,"children":1293},{"style":208},[1294],{"type":153,"value":445},{"type":148,"tag":178,"props":1296,"children":1297},{"style":208},[1298],{"type":153,"value":450},{"type":148,"tag":178,"props":1300,"children":1301},{"style":269},[1302],{"type":153,"value":1191},{"type":148,"tag":178,"props":1304,"children":1305},{"style":208},[1306],{"type":153,"value":460},{"type":148,"tag":178,"props":1308,"children":1309},{"class":180,"line":280},[1310,1314,1318,1322,1326],{"type":148,"tag":178,"props":1311,"children":1312},{"style":437},[1313],{"type":153,"value":440},{"type":148,"tag":178,"props":1315,"children":1316},{"style":208},[1317],{"type":153,"value":445},{"type":148,"tag":178,"props":1319,"children":1320},{"style":208},[1321],{"type":153,"value":450},{"type":148,"tag":178,"props":1323,"children":1324},{"style":269},[1325],{"type":153,"value":455},{"type":148,"tag":178,"props":1327,"children":1328},{"style":208},[1329],{"type":153,"value":460},{"type":148,"tag":178,"props":1331,"children":1332},{"class":180,"line":289},[1333,1337,1341,1345,1349],{"type":148,"tag":178,"props":1334,"children":1335},{"style":437},[1336],{"type":153,"value":468},{"type":148,"tag":178,"props":1338,"children":1339},{"style":208},[1340],{"type":153,"value":445},{"type":148,"tag":178,"props":1342,"children":1343},{"style":208},[1344],{"type":153,"value":450},{"type":148,"tag":178,"props":1346,"children":1347},{"style":269},[1348],{"type":153,"value":481},{"type":148,"tag":178,"props":1350,"children":1351},{"style":208},[1352],{"type":153,"value":460},{"type":148,"tag":178,"props":1354,"children":1355},{"class":180,"line":298},[1356],{"type":148,"tag":178,"props":1357,"children":1358},{"style":208},[1359],{"type":153,"value":493},{"type":148,"tag":329,"props":1361,"children":1363},{"id":1362},"quality",[1364],{"type":153,"value":1365},"Quality",{"type":148,"tag":149,"props":1367,"children":1368},{},[1369,1370,1376],{"type":153,"value":339},{"type":148,"tag":156,"props":1371,"children":1374},{"href":1372,"rel":1373},"https://www.storyblok.com/docs/image-service#quality-optimization",[160],[1375],{"type":153,"value":346},{"type":153,"value":348},{"type":148,"tag":149,"props":1378,"children":1379},{},[1380],{"type":153,"value":1381},"You can update your image quality by defining the quality filters.",{"type":148,"tag":149,"props":1383,"children":1384},{},[1385],{"type":153,"value":373},{"type":148,"tag":166,"props":1387,"children":1389},{"className":376,"code":1388,"language":378,"meta":136,"style":136}," \u003Cdiv class=\"flex\">\n\u003Cdiv>Resized and 10% Quality\u003C/div>\n\u003CNuxtImg\n  provider=\"storyblok\"\n  width=\"200\"\n  quality=\"10\"\n  src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\u003C/div>\n",[1390],{"type":148,"tag":174,"props":1391,"children":1392},{"__ignoreMap":136},[1393,1431,1463,1474,1497,1520,1545,1568,1575],{"type":148,"tag":178,"props":1394,"children":1395},{"class":180,"line":181},[1396,1401,1405,1410,1414,1418,1423,1427],{"type":148,"tag":178,"props":1397,"children":1398},{"style":208},[1399],{"type":153,"value":1400}," \u003C",{"type":148,"tag":178,"props":1402,"children":1403},{"style":218},[1404],{"type":153,"value":395},{"type":148,"tag":178,"props":1406,"children":1407},{"style":437},[1408],{"type":153,"value":1409}," class",{"type":148,"tag":178,"props":1411,"children":1412},{"style":208},[1413],{"type":153,"value":445},{"type":148,"tag":178,"props":1415,"children":1416},{"style":208},[1417],{"type":153,"value":450},{"type":148,"tag":178,"props":1419,"children":1420},{"style":269},[1421],{"type":153,"value":1422},"flex",{"type":148,"tag":178,"props":1424,"children":1425},{"style":208},[1426],{"type":153,"value":450},{"type":148,"tag":178,"props":1428,"children":1429},{"style":208},[1430],{"type":153,"value":419},{"type":148,"tag":178,"props":1432,"children":1433},{"class":180,"line":214},[1434,1438,1442,1446,1451,1455,1459],{"type":148,"tag":178,"props":1435,"children":1436},{"style":208},[1437],{"type":153,"value":390},{"type":148,"tag":178,"props":1439,"children":1440},{"style":218},[1441],{"type":153,"value":395},{"type":148,"tag":178,"props":1443,"children":1444},{"style":208},[1445],{"type":153,"value":400},{"type":148,"tag":178,"props":1447,"children":1448},{"style":202},[1449],{"type":153,"value":1450},"Resized and 10% Quality",{"type":148,"tag":178,"props":1452,"children":1453},{"style":208},[1454],{"type":153,"value":410},{"type":148,"tag":178,"props":1456,"children":1457},{"style":218},[1458],{"type":153,"value":395},{"type":148,"tag":178,"props":1460,"children":1461},{"style":208},[1462],{"type":153,"value":419},{"type":148,"tag":178,"props":1464,"children":1465},{"class":180,"line":234},[1466,1470],{"type":148,"tag":178,"props":1467,"children":1468},{"style":208},[1469],{"type":153,"value":390},{"type":148,"tag":178,"props":1471,"children":1472},{"style":218},[1473],{"type":153,"value":431},{"type":148,"tag":178,"props":1475,"children":1476},{"class":180,"line":251},[1477,1481,1485,1489,1493],{"type":148,"tag":178,"props":1478,"children":1479},{"style":437},[1480],{"type":153,"value":440},{"type":148,"tag":178,"props":1482,"children":1483},{"style":208},[1484],{"type":153,"value":445},{"type":148,"tag":178,"props":1486,"children":1487},{"style":208},[1488],{"type":153,"value":450},{"type":148,"tag":178,"props":1490,"children":1491},{"style":269},[1492],{"type":153,"value":455},{"type":148,"tag":178,"props":1494,"children":1495},{"style":208},[1496],{"type":153,"value":460},{"type":148,"tag":178,"props":1498,"children":1499},{"class":180,"line":280},[1500,1504,1508,1512,1516],{"type":148,"tag":178,"props":1501,"children":1502},{"style":437},[1503],{"type":153,"value":555},{"type":148,"tag":178,"props":1505,"children":1506},{"style":208},[1507],{"type":153,"value":445},{"type":148,"tag":178,"props":1509,"children":1510},{"style":208},[1511],{"type":153,"value":450},{"type":148,"tag":178,"props":1513,"children":1514},{"style":269},[1515],{"type":153,"value":1034},{"type":148,"tag":178,"props":1517,"children":1518},{"style":208},[1519],{"type":153,"value":460},{"type":148,"tag":178,"props":1521,"children":1522},{"class":180,"line":289},[1523,1528,1532,1536,1541],{"type":148,"tag":178,"props":1524,"children":1525},{"style":437},[1526],{"type":153,"value":1527},"  quality",{"type":148,"tag":178,"props":1529,"children":1530},{"style":208},[1531],{"type":153,"value":445},{"type":148,"tag":178,"props":1533,"children":1534},{"style":208},[1535],{"type":153,"value":450},{"type":148,"tag":178,"props":1537,"children":1538},{"style":269},[1539],{"type":153,"value":1540},"10",{"type":148,"tag":178,"props":1542,"children":1543},{"style":208},[1544],{"type":153,"value":460},{"type":148,"tag":178,"props":1546,"children":1547},{"class":180,"line":298},[1548,1552,1556,1560,1564],{"type":148,"tag":178,"props":1549,"children":1550},{"style":437},[1551],{"type":153,"value":468},{"type":148,"tag":178,"props":1553,"children":1554},{"style":208},[1555],{"type":153,"value":445},{"type":148,"tag":178,"props":1557,"children":1558},{"style":208},[1559],{"type":153,"value":450},{"type":148,"tag":178,"props":1561,"children":1562},{"style":269},[1563],{"type":153,"value":481},{"type":148,"tag":178,"props":1565,"children":1566},{"style":208},[1567],{"type":153,"value":460},{"type":148,"tag":178,"props":1569,"children":1570},{"class":180,"line":537},[1571],{"type":148,"tag":178,"props":1572,"children":1573},{"style":208},[1574],{"type":153,"value":493},{"type":148,"tag":178,"props":1576,"children":1577},{"class":180,"line":549},[1578,1582,1586],{"type":148,"tag":178,"props":1579,"children":1580},{"style":208},[1581],{"type":153,"value":410},{"type":148,"tag":178,"props":1583,"children":1584},{"style":218},[1585],{"type":153,"value":395},{"type":148,"tag":178,"props":1587,"children":1588},{"style":208},[1589],{"type":153,"value":419},{"type":148,"tag":329,"props":1591,"children":1593},{"id":1592},"facial-detection",[1594],{"type":153,"value":1595},"Facial detection",{"type":148,"tag":149,"props":1597,"children":1598},{},[1599,1600,1606],{"type":153,"value":339},{"type":148,"tag":156,"props":1601,"children":1604},{"href":1602,"rel":1603},"https://www.storyblok.com/docs/image-service#facial-detection-and-smart-cropping",[160],[1605],{"type":153,"value":346},{"type":153,"value":348},{"type":148,"tag":149,"props":1608,"children":1609},{},[1610],{"type":153,"value":1611},"To have a smart crop just define a smart property inside modifier.",{"type":148,"tag":149,"props":1613,"children":1614},{},[1615],{"type":153,"value":373},{"type":148,"tag":166,"props":1617,"children":1619},{"className":376,"code":1618,"language":378,"meta":136,"style":136},"\u003Ch3>Facial detection\u003C/h3>\n\n\u003Cdiv>Resized without Smart Crop\u003C/div>\n\u003CNuxtImg\n  width=\"600\"\n  height=\"130\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg\"\n/>\n\n\u003Cdiv>Resized with Smart Crop\u003C/div>\n\u003CNuxtImg\n  width=\"600\"\n  height=\"130\"\n  :modifiers=\"{ smart: true }\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg\"\n/>\n",[1620],{"type":148,"tag":174,"props":1621,"children":1622},{"__ignoreMap":136},[1623,1654,1661,1693,1704,1728,1752,1775,1799,1806,1813,1845,1856,1879,1902,1926,1949,1972],{"type":148,"tag":178,"props":1624,"children":1625},{"class":180,"line":181},[1626,1630,1634,1638,1642,1646,1650],{"type":148,"tag":178,"props":1627,"children":1628},{"style":208},[1629],{"type":153,"value":390},{"type":148,"tag":178,"props":1631,"children":1632},{"style":218},[1633],{"type":153,"value":329},{"type":148,"tag":178,"props":1635,"children":1636},{"style":208},[1637],{"type":153,"value":400},{"type":148,"tag":178,"props":1639,"children":1640},{"style":202},[1641],{"type":153,"value":1595},{"type":148,"tag":178,"props":1643,"children":1644},{"style":208},[1645],{"type":153,"value":410},{"type":148,"tag":178,"props":1647,"children":1648},{"style":218},[1649],{"type":153,"value":329},{"type":148,"tag":178,"props":1651,"children":1652},{"style":208},[1653],{"type":153,"value":419},{"type":148,"tag":178,"props":1655,"children":1656},{"class":180,"line":214},[1657],{"type":148,"tag":178,"props":1658,"children":1659},{"emptyLinePlaceholder":499},[1660],{"type":153,"value":502},{"type":148,"tag":178,"props":1662,"children":1663},{"class":180,"line":234},[1664,1668,1672,1676,1681,1685,1689],{"type":148,"tag":178,"props":1665,"children":1666},{"style":208},[1667],{"type":153,"value":390},{"type":148,"tag":178,"props":1669,"children":1670},{"style":218},[1671],{"type":153,"value":395},{"type":148,"tag":178,"props":1673,"children":1674},{"style":208},[1675],{"type":153,"value":400},{"type":148,"tag":178,"props":1677,"children":1678},{"style":202},[1679],{"type":153,"value":1680},"Resized without Smart Crop",{"type":148,"tag":178,"props":1682,"children":1683},{"style":208},[1684],{"type":153,"value":410},{"type":148,"tag":178,"props":1686,"children":1687},{"style":218},[1688],{"type":153,"value":395},{"type":148,"tag":178,"props":1690,"children":1691},{"style":208},[1692],{"type":153,"value":419},{"type":148,"tag":178,"props":1694,"children":1695},{"class":180,"line":251},[1696,1700],{"type":148,"tag":178,"props":1697,"children":1698},{"style":208},[1699],{"type":153,"value":390},{"type":148,"tag":178,"props":1701,"children":1702},{"style":218},[1703],{"type":153,"value":431},{"type":148,"tag":178,"props":1705,"children":1706},{"class":180,"line":280},[1707,1711,1715,1719,1724],{"type":148,"tag":178,"props":1708,"children":1709},{"style":437},[1710],{"type":153,"value":555},{"type":148,"tag":178,"props":1712,"children":1713},{"style":208},[1714],{"type":153,"value":445},{"type":148,"tag":178,"props":1716,"children":1717},{"style":208},[1718],{"type":153,"value":450},{"type":148,"tag":178,"props":1720,"children":1721},{"style":269},[1722],{"type":153,"value":1723},"600",{"type":148,"tag":178,"props":1725,"children":1726},{"style":208},[1727],{"type":153,"value":460},{"type":148,"tag":178,"props":1729,"children":1730},{"class":180,"line":289},[1731,1735,1739,1743,1748],{"type":148,"tag":178,"props":1732,"children":1733},{"style":437},[1734],{"type":153,"value":581},{"type":148,"tag":178,"props":1736,"children":1737},{"style":208},[1738],{"type":153,"value":445},{"type":148,"tag":178,"props":1740,"children":1741},{"style":208},[1742],{"type":153,"value":450},{"type":148,"tag":178,"props":1744,"children":1745},{"style":269},[1746],{"type":153,"value":1747},"130",{"type":148,"tag":178,"props":1749,"children":1750},{"style":208},[1751],{"type":153,"value":460},{"type":148,"tag":178,"props":1753,"children":1754},{"class":180,"line":298},[1755,1759,1763,1767,1771],{"type":148,"tag":178,"props":1756,"children":1757},{"style":437},[1758],{"type":153,"value":440},{"type":148,"tag":178,"props":1760,"children":1761},{"style":208},[1762],{"type":153,"value":445},{"type":148,"tag":178,"props":1764,"children":1765},{"style":208},[1766],{"type":153,"value":450},{"type":148,"tag":178,"props":1768,"children":1769},{"style":269},[1770],{"type":153,"value":455},{"type":148,"tag":178,"props":1772,"children":1773},{"style":208},[1774],{"type":153,"value":460},{"type":148,"tag":178,"props":1776,"children":1777},{"class":180,"line":537},[1778,1782,1786,1790,1795],{"type":148,"tag":178,"props":1779,"children":1780},{"style":437},[1781],{"type":153,"value":468},{"type":148,"tag":178,"props":1783,"children":1784},{"style":208},[1785],{"type":153,"value":445},{"type":148,"tag":178,"props":1787,"children":1788},{"style":208},[1789],{"type":153,"value":450},{"type":148,"tag":178,"props":1791,"children":1792},{"style":269},[1793],{"type":153,"value":1794},"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg",{"type":148,"tag":178,"props":1796,"children":1797},{"style":208},[1798],{"type":153,"value":460},{"type":148,"tag":178,"props":1800,"children":1801},{"class":180,"line":549},[1802],{"type":148,"tag":178,"props":1803,"children":1804},{"style":208},[1805],{"type":153,"value":493},{"type":148,"tag":178,"props":1807,"children":1808},{"class":180,"line":575},[1809],{"type":148,"tag":178,"props":1810,"children":1811},{"emptyLinePlaceholder":499},[1812],{"type":153,"value":502},{"type":148,"tag":178,"props":1814,"children":1815},{"class":180,"line":600},[1816,1820,1824,1828,1833,1837,1841],{"type":148,"tag":178,"props":1817,"children":1818},{"style":208},[1819],{"type":153,"value":390},{"type":148,"tag":178,"props":1821,"children":1822},{"style":218},[1823],{"type":153,"value":395},{"type":148,"tag":178,"props":1825,"children":1826},{"style":208},[1827],{"type":153,"value":400},{"type":148,"tag":178,"props":1829,"children":1830},{"style":202},[1831],{"type":153,"value":1832},"Resized with Smart Crop",{"type":148,"tag":178,"props":1834,"children":1835},{"style":208},[1836],{"type":153,"value":410},{"type":148,"tag":178,"props":1838,"children":1839},{"style":218},[1840],{"type":153,"value":395},{"type":148,"tag":178,"props":1842,"children":1843},{"style":208},[1844],{"type":153,"value":419},{"type":148,"tag":178,"props":1846,"children":1847},{"class":180,"line":624},[1848,1852],{"type":148,"tag":178,"props":1849,"children":1850},{"style":208},[1851],{"type":153,"value":390},{"type":148,"tag":178,"props":1853,"children":1854},{"style":218},[1855],{"type":153,"value":431},{"type":148,"tag":178,"props":1857,"children":1858},{"class":180,"line":648},[1859,1863,1867,1871,1875],{"type":148,"tag":178,"props":1860,"children":1861},{"style":437},[1862],{"type":153,"value":555},{"type":148,"tag":178,"props":1864,"children":1865},{"style":208},[1866],{"type":153,"value":445},{"type":148,"tag":178,"props":1868,"children":1869},{"style":208},[1870],{"type":153,"value":450},{"type":148,"tag":178,"props":1872,"children":1873},{"style":269},[1874],{"type":153,"value":1723},{"type":148,"tag":178,"props":1876,"children":1877},{"style":208},[1878],{"type":153,"value":460},{"type":148,"tag":178,"props":1880,"children":1881},{"class":180,"line":656},[1882,1886,1890,1894,1898],{"type":148,"tag":178,"props":1883,"children":1884},{"style":437},[1885],{"type":153,"value":581},{"type":148,"tag":178,"props":1887,"children":1888},{"style":208},[1889],{"type":153,"value":445},{"type":148,"tag":178,"props":1891,"children":1892},{"style":208},[1893],{"type":153,"value":450},{"type":148,"tag":178,"props":1895,"children":1896},{"style":269},[1897],{"type":153,"value":1747},{"type":148,"tag":178,"props":1899,"children":1900},{"style":208},[1901],{"type":153,"value":460},{"type":148,"tag":178,"props":1903,"children":1904},{"class":180,"line":664},[1905,1909,1913,1917,1922],{"type":148,"tag":178,"props":1906,"children":1907},{"style":437},[1908],{"type":153,"value":1094},{"type":148,"tag":178,"props":1910,"children":1911},{"style":208},[1912],{"type":153,"value":445},{"type":148,"tag":178,"props":1914,"children":1915},{"style":208},[1916],{"type":153,"value":450},{"type":148,"tag":178,"props":1918,"children":1919},{"style":269},[1920],{"type":153,"value":1921},"{ smart: true }",{"type":148,"tag":178,"props":1923,"children":1924},{"style":208},[1925],{"type":153,"value":460},{"type":148,"tag":178,"props":1927,"children":1928},{"class":180,"line":697},[1929,1933,1937,1941,1945],{"type":148,"tag":178,"props":1930,"children":1931},{"style":437},[1932],{"type":153,"value":440},{"type":148,"tag":178,"props":1934,"children":1935},{"style":208},[1936],{"type":153,"value":445},{"type":148,"tag":178,"props":1938,"children":1939},{"style":208},[1940],{"type":153,"value":450},{"type":148,"tag":178,"props":1942,"children":1943},{"style":269},[1944],{"type":153,"value":455},{"type":148,"tag":178,"props":1946,"children":1947},{"style":208},[1948],{"type":153,"value":460},{"type":148,"tag":178,"props":1950,"children":1951},{"class":180,"line":709},[1952,1956,1960,1964,1968],{"type":148,"tag":178,"props":1953,"children":1954},{"style":437},[1955],{"type":153,"value":468},{"type":148,"tag":178,"props":1957,"children":1958},{"style":208},[1959],{"type":153,"value":445},{"type":148,"tag":178,"props":1961,"children":1962},{"style":208},[1963],{"type":153,"value":450},{"type":148,"tag":178,"props":1965,"children":1966},{"style":269},[1967],{"type":153,"value":1794},{"type":148,"tag":178,"props":1969,"children":1970},{"style":208},[1971],{"type":153,"value":460},{"type":148,"tag":178,"props":1973,"children":1974},{"class":180,"line":733},[1975],{"type":148,"tag":178,"props":1976,"children":1977},{"style":208},[1978],{"type":153,"value":493},{"type":148,"tag":329,"props":1980,"children":1982},{"id":1981},"custom-focal-point",[1983],{"type":153,"value":1984},"Custom focal point",{"type":148,"tag":149,"props":1986,"children":1987},{},[1988,1989,1995],{"type":153,"value":339},{"type":148,"tag":156,"props":1990,"children":1993},{"href":1991,"rel":1992},"https://www.storyblok.com/docs/image-service#custom-focal-point",[160],[1994],{"type":153,"value":346},{"type":153,"value":348},{"type":148,"tag":149,"props":1997,"children":1998},{},[1999,2001,2006],{"type":153,"value":2000},"Storyblok offer you the focalize on a specific part of your image. Just use ",{"type":148,"tag":174,"props":2002,"children":2003},{"className":136},[2004],{"type":153,"value":2005},"focal",{"type":153,"value":2007}," filters.",{"type":148,"tag":149,"props":2009,"children":2010},{},[2011],{"type":153,"value":373},{"type":148,"tag":166,"props":2013,"children":2015},{"className":376,"code":2014,"language":378,"meta":136,"style":136},"\u003Cdiv>Focus on the bottom of the image\u003C/div>\n\u003CNuxtImg\n  width=\"600\"\n  height=\"130\"\n  :modifiers=\"{ filters: { focal: '450x500:550x600' } }\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n/>\n\n\u003Cdiv>Focus on the top of the image\u003C/div>\n\u003CNuxtImg\n  width=\"600\"\n  height=\"130\"\n  :modifiers=\"{ filters: { focal: '450x0:550x100' } }\"\n  provider=\"storyblok\"\n  src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n/>\n",[2016],{"type":148,"tag":174,"props":2017,"children":2018},{"__ignoreMap":136},[2019,2051,2062,2085,2108,2132,2155,2179,2186,2193,2225,2236,2259,2282,2306,2329,2352],{"type":148,"tag":178,"props":2020,"children":2021},{"class":180,"line":181},[2022,2026,2030,2034,2039,2043,2047],{"type":148,"tag":178,"props":2023,"children":2024},{"style":208},[2025],{"type":153,"value":390},{"type":148,"tag":178,"props":2027,"children":2028},{"style":218},[2029],{"type":153,"value":395},{"type":148,"tag":178,"props":2031,"children":2032},{"style":208},[2033],{"type":153,"value":400},{"type":148,"tag":178,"props":2035,"children":2036},{"style":202},[2037],{"type":153,"value":2038},"Focus on the bottom of the image",{"type":148,"tag":178,"props":2040,"children":2041},{"style":208},[2042],{"type":153,"value":410},{"type":148,"tag":178,"props":2044,"children":2045},{"style":218},[2046],{"type":153,"value":395},{"type":148,"tag":178,"props":2048,"children":2049},{"style":208},[2050],{"type":153,"value":419},{"type":148,"tag":178,"props":2052,"children":2053},{"class":180,"line":214},[2054,2058],{"type":148,"tag":178,"props":2055,"children":2056},{"style":208},[2057],{"type":153,"value":390},{"type":148,"tag":178,"props":2059,"children":2060},{"style":218},[2061],{"type":153,"value":431},{"type":148,"tag":178,"props":2063,"children":2064},{"class":180,"line":234},[2065,2069,2073,2077,2081],{"type":148,"tag":178,"props":2066,"children":2067},{"style":437},[2068],{"type":153,"value":555},{"type":148,"tag":178,"props":2070,"children":2071},{"style":208},[2072],{"type":153,"value":445},{"type":148,"tag":178,"props":2074,"children":2075},{"style":208},[2076],{"type":153,"value":450},{"type":148,"tag":178,"props":2078,"children":2079},{"style":269},[2080],{"type":153,"value":1723},{"type":148,"tag":178,"props":2082,"children":2083},{"style":208},[2084],{"type":153,"value":460},{"type":148,"tag":178,"props":2086,"children":2087},{"class":180,"line":251},[2088,2092,2096,2100,2104],{"type":148,"tag":178,"props":2089,"children":2090},{"style":437},[2091],{"type":153,"value":581},{"type":148,"tag":178,"props":2093,"children":2094},{"style":208},[2095],{"type":153,"value":445},{"type":148,"tag":178,"props":2097,"children":2098},{"style":208},[2099],{"type":153,"value":450},{"type":148,"tag":178,"props":2101,"children":2102},{"style":269},[2103],{"type":153,"value":1747},{"type":148,"tag":178,"props":2105,"children":2106},{"style":208},[2107],{"type":153,"value":460},{"type":148,"tag":178,"props":2109,"children":2110},{"class":180,"line":280},[2111,2115,2119,2123,2128],{"type":148,"tag":178,"props":2112,"children":2113},{"style":437},[2114],{"type":153,"value":1094},{"type":148,"tag":178,"props":2116,"children":2117},{"style":208},[2118],{"type":153,"value":445},{"type":148,"tag":178,"props":2120,"children":2121},{"style":208},[2122],{"type":153,"value":450},{"type":148,"tag":178,"props":2124,"children":2125},{"style":269},[2126],{"type":153,"value":2127},"{ filters: { focal: '450x500:550x600' } }",{"type":148,"tag":178,"props":2129,"children":2130},{"style":208},[2131],{"type":153,"value":460},{"type":148,"tag":178,"props":2133,"children":2134},{"class":180,"line":289},[2135,2139,2143,2147,2151],{"type":148,"tag":178,"props":2136,"children":2137},{"style":437},[2138],{"type":153,"value":440},{"type":148,"tag":178,"props":2140,"children":2141},{"style":208},[2142],{"type":153,"value":445},{"type":148,"tag":178,"props":2144,"children":2145},{"style":208},[2146],{"type":153,"value":450},{"type":148,"tag":178,"props":2148,"children":2149},{"style":269},[2150],{"type":153,"value":455},{"type":148,"tag":178,"props":2152,"children":2153},{"style":208},[2154],{"type":153,"value":460},{"type":148,"tag":178,"props":2156,"children":2157},{"class":180,"line":298},[2158,2162,2166,2170,2175],{"type":148,"tag":178,"props":2159,"children":2160},{"style":437},[2161],{"type":153,"value":468},{"type":148,"tag":178,"props":2163,"children":2164},{"style":208},[2165],{"type":153,"value":445},{"type":148,"tag":178,"props":2167,"children":2168},{"style":208},[2169],{"type":153,"value":450},{"type":148,"tag":178,"props":2171,"children":2172},{"style":269},[2173],{"type":153,"value":2174},"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg",{"type":148,"tag":178,"props":2176,"children":2177},{"style":208},[2178],{"type":153,"value":460},{"type":148,"tag":178,"props":2180,"children":2181},{"class":180,"line":537},[2182],{"type":148,"tag":178,"props":2183,"children":2184},{"style":208},[2185],{"type":153,"value":493},{"type":148,"tag":178,"props":2187,"children":2188},{"class":180,"line":549},[2189],{"type":148,"tag":178,"props":2190,"children":2191},{"emptyLinePlaceholder":499},[2192],{"type":153,"value":502},{"type":148,"tag":178,"props":2194,"children":2195},{"class":180,"line":575},[2196,2200,2204,2208,2213,2217,2221],{"type":148,"tag":178,"props":2197,"children":2198},{"style":208},[2199],{"type":153,"value":390},{"type":148,"tag":178,"props":2201,"children":2202},{"style":218},[2203],{"type":153,"value":395},{"type":148,"tag":178,"props":2205,"children":2206},{"style":208},[2207],{"type":153,"value":400},{"type":148,"tag":178,"props":2209,"children":2210},{"style":202},[2211],{"type":153,"value":2212},"Focus on the top of the image",{"type":148,"tag":178,"props":2214,"children":2215},{"style":208},[2216],{"type":153,"value":410},{"type":148,"tag":178,"props":2218,"children":2219},{"style":218},[2220],{"type":153,"value":395},{"type":148,"tag":178,"props":2222,"children":2223},{"style":208},[2224],{"type":153,"value":419},{"type":148,"tag":178,"props":2226,"children":2227},{"class":180,"line":600},[2228,2232],{"type":148,"tag":178,"props":2229,"children":2230},{"style":208},[2231],{"type":153,"value":390},{"type":148,"tag":178,"props":2233,"children":2234},{"style":218},[2235],{"type":153,"value":431},{"type":148,"tag":178,"props":2237,"children":2238},{"class":180,"line":624},[2239,2243,2247,2251,2255],{"type":148,"tag":178,"props":2240,"children":2241},{"style":437},[2242],{"type":153,"value":555},{"type":148,"tag":178,"props":2244,"children":2245},{"style":208},[2246],{"type":153,"value":445},{"type":148,"tag":178,"props":2248,"children":2249},{"style":208},[2250],{"type":153,"value":450},{"type":148,"tag":178,"props":2252,"children":2253},{"style":269},[2254],{"type":153,"value":1723},{"type":148,"tag":178,"props":2256,"children":2257},{"style":208},[2258],{"type":153,"value":460},{"type":148,"tag":178,"props":2260,"children":2261},{"class":180,"line":648},[2262,2266,2270,2274,2278],{"type":148,"tag":178,"props":2263,"children":2264},{"style":437},[2265],{"type":153,"value":581},{"type":148,"tag":178,"props":2267,"children":2268},{"style":208},[2269],{"type":153,"value":445},{"type":148,"tag":178,"props":2271,"children":2272},{"style":208},[2273],{"type":153,"value":450},{"type":148,"tag":178,"props":2275,"children":2276},{"style":269},[2277],{"type":153,"value":1747},{"type":148,"tag":178,"props":2279,"children":2280},{"style":208},[2281],{"type":153,"value":460},{"type":148,"tag":178,"props":2283,"children":2284},{"class":180,"line":656},[2285,2289,2293,2297,2302],{"type":148,"tag":178,"props":2286,"children":2287},{"style":437},[2288],{"type":153,"value":1094},{"type":148,"tag":178,"props":2290,"children":2291},{"style":208},[2292],{"type":153,"value":445},{"type":148,"tag":178,"props":2294,"children":2295},{"style":208},[2296],{"type":153,"value":450},{"type":148,"tag":178,"props":2298,"children":2299},{"style":269},[2300],{"type":153,"value":2301},"{ filters: { focal: '450x0:550x100' } }",{"type":148,"tag":178,"props":2303,"children":2304},{"style":208},[2305],{"type":153,"value":460},{"type":148,"tag":178,"props":2307,"children":2308},{"class":180,"line":664},[2309,2313,2317,2321,2325],{"type":148,"tag":178,"props":2310,"children":2311},{"style":437},[2312],{"type":153,"value":440},{"type":148,"tag":178,"props":2314,"children":2315},{"style":208},[2316],{"type":153,"value":445},{"type":148,"tag":178,"props":2318,"children":2319},{"style":208},[2320],{"type":153,"value":450},{"type":148,"tag":178,"props":2322,"children":2323},{"style":269},[2324],{"type":153,"value":455},{"type":148,"tag":178,"props":2326,"children":2327},{"style":208},[2328],{"type":153,"value":460},{"type":148,"tag":178,"props":2330,"children":2331},{"class":180,"line":697},[2332,2336,2340,2344,2348],{"type":148,"tag":178,"props":2333,"children":2334},{"style":437},[2335],{"type":153,"value":468},{"type":148,"tag":178,"props":2337,"children":2338},{"style":208},[2339],{"type":153,"value":445},{"type":148,"tag":178,"props":2341,"children":2342},{"style":208},[2343],{"type":153,"value":450},{"type":148,"tag":178,"props":2345,"children":2346},{"style":269},[2347],{"type":153,"value":2174},{"type":148,"tag":178,"props":2349,"children":2350},{"style":208},[2351],{"type":153,"value":460},{"type":148,"tag":178,"props":2353,"children":2354},{"class":180,"line":709},[2355],{"type":148,"tag":178,"props":2356,"children":2357},{"style":208},[2358],{"type":153,"value":493},{"type":148,"tag":2360,"props":2361,"children":2362},"style",{},[2363],{"type":153,"value":2364},"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 .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.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 .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);}",{"title":136,"searchDepth":214,"depth":214,"links":2366},[2367],{"id":313,"depth":214,"text":316,"children":2368},[2369,2370,2371,2372,2373,2374],{"id":331,"depth":234,"text":334},{"id":922,"depth":234,"text":925},{"id":1167,"depth":234,"text":1170},{"id":1362,"depth":234,"text":1365},{"id":1592,"depth":234,"text":1595},{"id":1981,"depth":234,"text":1984},"markdown","content:3.providers:storyblok.md","content","3.providers/storyblok.md","md",[2381,5640],{"_path":101,"_dir":134,"_draft":135,"_partial":135,"_locale":136,"title":100,"description":2382,"links":2383,"body":2386,"_type":2375,"_id":5638,"_source":2377,"_file":5639,"_extension":2379},"Nuxt Image integration with Sirv media management, transformation and delivery platform.",[2384],{"label":140,"icon":141,"to":2385,"size":143},"https://github.com/nuxt/image/blob/main/src/runtime/providers/sirv.ts",{"type":145,"children":2387,"toc":5623},[2388,2400,2405,2521,2548,2561,2573,2633,2640,2654,2778,2784,2796,2804,2837,2952,2959,2970,2978,2989,3107,3115,3126,3291,3299,3309,3404,3410,3507,3512,3630,3636,3641,3649,3660,3828,3841,3847,3852,4034,4046,4052,4057,5602,5619],{"type":148,"tag":149,"props":2389,"children":2390},{},[2391,2392,2398],{"type":153,"value":154},{"type":148,"tag":156,"props":2393,"children":2396},{"href":2394,"rel":2395},"https://sirv.com/",[160],[2397],{"type":153,"value":100},{"type":153,"value":2399}," and Nuxt image.",{"type":148,"tag":149,"props":2401,"children":2402},{},[2403],{"type":153,"value":2404},"To use Sirv provider, you need to set up your Sirv URL as the baseURL in the Nuxt Image module configuration, like this:",{"type":148,"tag":166,"props":2406,"children":2408},{"className":168,"code":2407,"filename":170,"language":171,"meta":136,"style":136},"export default defineNuxtConfig({\n  image: {\n    sirv: {\n      baseURL: 'https://youralias.sirv.com/' \n    }\n  }\n})\n",[2409],{"type":148,"tag":174,"props":2410,"children":2411},{"__ignoreMap":136},[2412,2435,2450,2466,2496,2503,2510],{"type":148,"tag":178,"props":2413,"children":2414},{"class":180,"line":181},[2415,2419,2423,2427,2431],{"type":148,"tag":178,"props":2416,"children":2417},{"style":185},[2418],{"type":153,"value":188},{"type":148,"tag":178,"props":2420,"children":2421},{"style":185},[2422],{"type":153,"value":193},{"type":148,"tag":178,"props":2424,"children":2425},{"style":196},[2426],{"type":153,"value":199},{"type":148,"tag":178,"props":2428,"children":2429},{"style":202},[2430],{"type":153,"value":205},{"type":148,"tag":178,"props":2432,"children":2433},{"style":208},[2434],{"type":153,"value":211},{"type":148,"tag":178,"props":2436,"children":2437},{"class":180,"line":214},[2438,2442,2446],{"type":148,"tag":178,"props":2439,"children":2440},{"style":218},[2441],{"type":153,"value":221},{"type":148,"tag":178,"props":2443,"children":2444},{"style":208},[2445],{"type":153,"value":226},{"type":148,"tag":178,"props":2447,"children":2448},{"style":208},[2449],{"type":153,"value":231},{"type":148,"tag":178,"props":2451,"children":2452},{"class":180,"line":234},[2453,2458,2462],{"type":148,"tag":178,"props":2454,"children":2455},{"style":218},[2456],{"type":153,"value":2457},"    sirv",{"type":148,"tag":178,"props":2459,"children":2460},{"style":208},[2461],{"type":153,"value":226},{"type":148,"tag":178,"props":2463,"children":2464},{"style":208},[2465],{"type":153,"value":231},{"type":148,"tag":178,"props":2467,"children":2468},{"class":180,"line":251},[2469,2473,2477,2481,2486,2491],{"type":148,"tag":178,"props":2470,"children":2471},{"style":218},[2472],{"type":153,"value":257},{"type":148,"tag":178,"props":2474,"children":2475},{"style":208},[2476],{"type":153,"value":226},{"type":148,"tag":178,"props":2478,"children":2479},{"style":208},[2480],{"type":153,"value":266},{"type":148,"tag":178,"props":2482,"children":2483},{"style":269},[2484],{"type":153,"value":2485},"https://youralias.sirv.com/",{"type":148,"tag":178,"props":2487,"children":2488},{"style":208},[2489],{"type":153,"value":2490},"'",{"type":148,"tag":178,"props":2492,"children":2493},{"style":202},[2494],{"type":153,"value":2495}," \n",{"type":148,"tag":178,"props":2497,"children":2498},{"class":180,"line":280},[2499],{"type":148,"tag":178,"props":2500,"children":2501},{"style":208},[2502],{"type":153,"value":286},{"type":148,"tag":178,"props":2504,"children":2505},{"class":180,"line":289},[2506],{"type":148,"tag":178,"props":2507,"children":2508},{"style":208},[2509],{"type":153,"value":295},{"type":148,"tag":178,"props":2511,"children":2512},{"class":180,"line":298},[2513,2517],{"type":148,"tag":178,"props":2514,"children":2515},{"style":208},[2516],{"type":153,"value":304},{"type":148,"tag":178,"props":2518,"children":2519},{"style":202},[2520],{"type":153,"value":309},{"type":148,"tag":2522,"props":2523,"children":2524},"blockquote",{},[2525],{"type":148,"tag":149,"props":2526,"children":2527},{},[2528,2530,2537,2539,2546],{"type":153,"value":2529},"Get your alias from your ",{"type":148,"tag":156,"props":2531,"children":2534},{"href":2532,"rel":2533},"https://my.sirv.com/#/account/settings",[160],[2535],{"type":153,"value":2536},"Sirv account details page",{"type":153,"value":2538}," or set up a custom domain (",{"type":148,"tag":156,"props":2540,"children":2543},{"href":2541,"rel":2542},"https://sirv.com/help/articles/multiple-domains/",[160],[2544],{"type":153,"value":2545},"instructions",{"type":153,"value":2547},").",{"type":148,"tag":311,"props":2549,"children":2551},{"id":2550},"sirv-fit-parameters",[2552,2554,2559],{"type":153,"value":2553},"Sirv ",{"type":148,"tag":174,"props":2555,"children":2556},{"className":136},[2557],{"type":153,"value":2558},"fit",{"type":153,"value":2560}," parameters",{"type":148,"tag":149,"props":2562,"children":2563},{},[2564,2566,2571],{"type":153,"value":2565},"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 ",{"type":148,"tag":156,"props":2567,"children":2569},{"href":2568},"/usage/nuxt-img#fit",[2570],{"type":153,"value":2558},{"type":153,"value":2572}," property and how they're going to be interpreted by Sirv:",{"type":148,"tag":355,"props":2574,"children":2575},{},[2576,2591,2604,2617],{"type":148,"tag":359,"props":2577,"children":2578},{},[2579,2584,2586],{"type":148,"tag":174,"props":2580,"children":2581},{"className":136},[2582],{"type":153,"value":2583},"fill",{"type":153,"value":2585},": ",{"type":148,"tag":174,"props":2587,"children":2588},{"className":136},[2589],{"type":153,"value":2590},"ignore",{"type":148,"tag":359,"props":2592,"children":2593},{},[2594,2599,2600],{"type":148,"tag":174,"props":2595,"children":2596},{"className":136},[2597],{"type":153,"value":2598},"inside",{"type":153,"value":2585},{"type":148,"tag":174,"props":2601,"children":2602},{"className":136},[2603],{"type":153,"value":2583},{"type":148,"tag":359,"props":2605,"children":2606},{},[2607,2612,2613],{"type":148,"tag":174,"props":2608,"children":2609},{"className":136},[2610],{"type":153,"value":2611},"outside",{"type":153,"value":2585},{"type":148,"tag":174,"props":2614,"children":2615},{"className":136},[2616],{"type":153,"value":2583},{"type":148,"tag":359,"props":2618,"children":2619},{},[2620,2625,2626,2631],{"type":148,"tag":174,"props":2621,"children":2622},{"className":136},[2623],{"type":153,"value":2624},"noUpscaling",{"type":153,"value":2585},{"type":148,"tag":174,"props":2627,"children":2628},{"className":136},[2629],{"type":153,"value":2630},"noup",{"type":153,"value":2632},", this is the default option for Sirv image provider, so you don't need to specify it explicitly.",{"type":148,"tag":311,"props":2634,"children":2635},{"id":1167},[2636],{"type":148,"tag":174,"props":2637,"children":2638},{"className":136},[2639],{"type":153,"value":1167},{"type":148,"tag":149,"props":2641,"children":2642},{},[2643,2645,2652],{"type":153,"value":2644},"If no format is specified, Sirv will deliver your images in the ",{"type":148,"tag":156,"props":2646,"children":2649},{"href":2647,"rel":2648},"https://sirv.com/help/articles/dynamic-imaging/#optimal",[160],[2650],{"type":153,"value":2651},"optimal",{"type":153,"value":2653}," format by default.\nAlternatively, you can specify a custom format for the image like this:",{"type":148,"tag":166,"props":2655,"children":2657},{"className":376,"code":2656,"language":378,"meta":136,"style":136},"\u003CNuxtImg\n    provider=\"sirv\"\n    src=\"/example-image.jpg\"\n    width=\"300\"\n    format=\"webp\"\n/>\n",[2658],{"type":148,"tag":174,"props":2659,"children":2660},{"__ignoreMap":136},[2661,2672,2697,2722,2747,2771],{"type":148,"tag":178,"props":2662,"children":2663},{"class":180,"line":181},[2664,2668],{"type":148,"tag":178,"props":2665,"children":2666},{"style":208},[2667],{"type":153,"value":390},{"type":148,"tag":178,"props":2669,"children":2670},{"style":218},[2671],{"type":153,"value":431},{"type":148,"tag":178,"props":2673,"children":2674},{"class":180,"line":214},[2675,2680,2684,2688,2693],{"type":148,"tag":178,"props":2676,"children":2677},{"style":437},[2678],{"type":153,"value":2679},"    provider",{"type":148,"tag":178,"props":2681,"children":2682},{"style":208},[2683],{"type":153,"value":445},{"type":148,"tag":178,"props":2685,"children":2686},{"style":208},[2687],{"type":153,"value":450},{"type":148,"tag":178,"props":2689,"children":2690},{"style":269},[2691],{"type":153,"value":2692},"sirv",{"type":148,"tag":178,"props":2694,"children":2695},{"style":208},[2696],{"type":153,"value":460},{"type":148,"tag":178,"props":2698,"children":2699},{"class":180,"line":234},[2700,2705,2709,2713,2718],{"type":148,"tag":178,"props":2701,"children":2702},{"style":437},[2703],{"type":153,"value":2704},"    src",{"type":148,"tag":178,"props":2706,"children":2707},{"style":208},[2708],{"type":153,"value":445},{"type":148,"tag":178,"props":2710,"children":2711},{"style":208},[2712],{"type":153,"value":450},{"type":148,"tag":178,"props":2714,"children":2715},{"style":269},[2716],{"type":153,"value":2717},"/example-image.jpg",{"type":148,"tag":178,"props":2719,"children":2720},{"style":208},[2721],{"type":153,"value":460},{"type":148,"tag":178,"props":2723,"children":2724},{"class":180,"line":251},[2725,2730,2734,2738,2743],{"type":148,"tag":178,"props":2726,"children":2727},{"style":437},[2728],{"type":153,"value":2729},"    width",{"type":148,"tag":178,"props":2731,"children":2732},{"style":208},[2733],{"type":153,"value":445},{"type":148,"tag":178,"props":2735,"children":2736},{"style":208},[2737],{"type":153,"value":450},{"type":148,"tag":178,"props":2739,"children":2740},{"style":269},[2741],{"type":153,"value":2742},"300",{"type":148,"tag":178,"props":2744,"children":2745},{"style":208},[2746],{"type":153,"value":460},{"type":148,"tag":178,"props":2748,"children":2749},{"class":180,"line":280},[2750,2755,2759,2763,2767],{"type":148,"tag":178,"props":2751,"children":2752},{"style":437},[2753],{"type":153,"value":2754},"    format",{"type":148,"tag":178,"props":2756,"children":2757},{"style":208},[2758],{"type":153,"value":445},{"type":148,"tag":178,"props":2760,"children":2761},{"style":208},[2762],{"type":153,"value":450},{"type":148,"tag":178,"props":2764,"children":2765},{"style":269},[2766],{"type":153,"value":1191},{"type":148,"tag":178,"props":2768,"children":2769},{"style":208},[2770],{"type":153,"value":460},{"type":148,"tag":178,"props":2772,"children":2773},{"class":180,"line":289},[2774],{"type":148,"tag":178,"props":2775,"children":2776},{"style":208},[2777],{"type":153,"value":493},{"type":148,"tag":311,"props":2779,"children":2781},{"id":2780},"sirv-modifiers",[2782],{"type":153,"value":2783},"Sirv modifiers",{"type":148,"tag":149,"props":2785,"children":2786},{},[2787,2789,2794],{"type":153,"value":2788},"To use Sirv-specific transformations, add them in the  ",{"type":148,"tag":174,"props":2790,"children":2791},{"className":136},[2792],{"type":153,"value":2793},"modifier",{"type":153,"value":2795}," prop.",{"type":148,"tag":329,"props":2797,"children":2799},{"id":2798},"profile",[2800],{"type":148,"tag":174,"props":2801,"children":2802},{"className":136},[2803],{"type":153,"value":2798},{"type":148,"tag":149,"props":2805,"children":2806},{},[2807,2809,2816,2818,2823,2824,2829,2830,2835],{"type":153,"value":2808},"Use ",{"type":148,"tag":156,"props":2810,"children":2813},{"href":2811,"rel":2812},"https://sirv.com/help/profiles",[160],[2814],{"type":153,"value":2815},"Sirv profiles",{"type":153,"value":2817}," to combine multiple transformation options into a single parameter.\nFor example, you can combine ",{"type":148,"tag":174,"props":2819,"children":2820},{"className":136},[2821],{"type":153,"value":2822},"canvas",{"type":153,"value":1193},{"type":148,"tag":174,"props":2825,"children":2826},{"className":136},[2827],{"type":153,"value":2828},"crop",{"type":153,"value":1200},{"type":148,"tag":174,"props":2831,"children":2832},{"className":136},[2833],{"type":153,"value":2834},"watermark",{"type":153,"value":2836}," parameters into a single profile and use it like this:",{"type":148,"tag":166,"props":2838,"children":2840},{"className":376,"code":2839,"language":378,"meta":136,"style":136},"\u003CNuxtImg\n    provider=\"sirv\"\n    src=\"/example-image.jpg\"\n    width=\"300\"\n    :modifiers=\"{profile: 'my-profile'}\n/>\n",[2841],{"type":148,"tag":174,"props":2842,"children":2843},{"__ignoreMap":136},[2844,2855,2878,2901,2924,2945],{"type":148,"tag":178,"props":2845,"children":2846},{"class":180,"line":181},[2847,2851],{"type":148,"tag":178,"props":2848,"children":2849},{"style":208},[2850],{"type":153,"value":390},{"type":148,"tag":178,"props":2852,"children":2853},{"style":218},[2854],{"type":153,"value":431},{"type":148,"tag":178,"props":2856,"children":2857},{"class":180,"line":214},[2858,2862,2866,2870,2874],{"type":148,"tag":178,"props":2859,"children":2860},{"style":437},[2861],{"type":153,"value":2679},{"type":148,"tag":178,"props":2863,"children":2864},{"style":208},[2865],{"type":153,"value":445},{"type":148,"tag":178,"props":2867,"children":2868},{"style":208},[2869],{"type":153,"value":450},{"type":148,"tag":178,"props":2871,"children":2872},{"style":269},[2873],{"type":153,"value":2692},{"type":148,"tag":178,"props":2875,"children":2876},{"style":208},[2877],{"type":153,"value":460},{"type":148,"tag":178,"props":2879,"children":2880},{"class":180,"line":234},[2881,2885,2889,2893,2897],{"type":148,"tag":178,"props":2882,"children":2883},{"style":437},[2884],{"type":153,"value":2704},{"type":148,"tag":178,"props":2886,"children":2887},{"style":208},[2888],{"type":153,"value":445},{"type":148,"tag":178,"props":2890,"children":2891},{"style":208},[2892],{"type":153,"value":450},{"type":148,"tag":178,"props":2894,"children":2895},{"style":269},[2896],{"type":153,"value":2717},{"type":148,"tag":178,"props":2898,"children":2899},{"style":208},[2900],{"type":153,"value":460},{"type":148,"tag":178,"props":2902,"children":2903},{"class":180,"line":251},[2904,2908,2912,2916,2920],{"type":148,"tag":178,"props":2905,"children":2906},{"style":437},[2907],{"type":153,"value":2729},{"type":148,"tag":178,"props":2909,"children":2910},{"style":208},[2911],{"type":153,"value":445},{"type":148,"tag":178,"props":2913,"children":2914},{"style":208},[2915],{"type":153,"value":450},{"type":148,"tag":178,"props":2917,"children":2918},{"style":269},[2919],{"type":153,"value":2742},{"type":148,"tag":178,"props":2921,"children":2922},{"style":208},[2923],{"type":153,"value":460},{"type":148,"tag":178,"props":2925,"children":2926},{"class":180,"line":280},[2927,2932,2936,2940],{"type":148,"tag":178,"props":2928,"children":2929},{"style":437},[2930],{"type":153,"value":2931},"    :modifiers",{"type":148,"tag":178,"props":2933,"children":2934},{"style":208},[2935],{"type":153,"value":445},{"type":148,"tag":178,"props":2937,"children":2938},{"style":208},[2939],{"type":153,"value":450},{"type":148,"tag":178,"props":2941,"children":2942},{"style":269},[2943],{"type":153,"value":2944},"{profile: 'my-profile'}\n",{"type":148,"tag":178,"props":2946,"children":2947},{"class":180,"line":289},[2948],{"type":148,"tag":178,"props":2949,"children":2950},{"style":269},[2951],{"type":153,"value":493},{"type":148,"tag":329,"props":2953,"children":2954},{"id":2822},[2955],{"type":148,"tag":174,"props":2956,"children":2957},{"className":136},[2958],{"type":153,"value":2822},{"type":148,"tag":149,"props":2960,"children":2961},{},[2962,2964,2968],{"type":153,"value":2963},"Use the ",{"type":148,"tag":174,"props":2965,"children":2966},{"className":136},[2967],{"type":153,"value":2822},{"type":153,"value":2969}," modifier to add a canvas around your image. You can also set its width, height, color, and position.",{"type":148,"tag":329,"props":2971,"children":2973},{"id":2972},"sharpen",[2974],{"type":148,"tag":174,"props":2975,"children":2976},{"className":136},[2977],{"type":153,"value":2972},{"type":148,"tag":149,"props":2979,"children":2980},{},[2981,2983,2987],{"type":153,"value":2982},"Sharpen the image using the ",{"type":148,"tag":174,"props":2984,"children":2985},{"className":136},[2986],{"type":153,"value":2972},{"type":153,"value":2988}," modifier.",{"type":148,"tag":166,"props":2990,"children":2992},{"className":376,"code":2991,"language":378,"meta":136,"style":136},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{sharpen: 50}\"\n/>\n",[2993],{"type":148,"tag":174,"props":2994,"children":2995},{"__ignoreMap":136},[2996,3007,3030,3053,3076,3100],{"type":148,"tag":178,"props":2997,"children":2998},{"class":180,"line":181},[2999,3003],{"type":148,"tag":178,"props":3000,"children":3001},{"style":208},[3002],{"type":153,"value":390},{"type":148,"tag":178,"props":3004,"children":3005},{"style":218},[3006],{"type":153,"value":431},{"type":148,"tag":178,"props":3008,"children":3009},{"class":180,"line":214},[3010,3014,3018,3022,3026],{"type":148,"tag":178,"props":3011,"children":3012},{"style":437},[3013],{"type":153,"value":440},{"type":148,"tag":178,"props":3015,"children":3016},{"style":208},[3017],{"type":153,"value":445},{"type":148,"tag":178,"props":3019,"children":3020},{"style":208},[3021],{"type":153,"value":450},{"type":148,"tag":178,"props":3023,"children":3024},{"style":269},[3025],{"type":153,"value":2692},{"type":148,"tag":178,"props":3027,"children":3028},{"style":208},[3029],{"type":153,"value":460},{"type":148,"tag":178,"props":3031,"children":3032},{"class":180,"line":234},[3033,3037,3041,3045,3049],{"type":148,"tag":178,"props":3034,"children":3035},{"style":437},[3036],{"type":153,"value":468},{"type":148,"tag":178,"props":3038,"children":3039},{"style":208},[3040],{"type":153,"value":445},{"type":148,"tag":178,"props":3042,"children":3043},{"style":208},[3044],{"type":153,"value":450},{"type":148,"tag":178,"props":3046,"children":3047},{"style":269},[3048],{"type":153,"value":2717},{"type":148,"tag":178,"props":3050,"children":3051},{"style":208},[3052],{"type":153,"value":460},{"type":148,"tag":178,"props":3054,"children":3055},{"class":180,"line":251},[3056,3060,3064,3068,3072],{"type":148,"tag":178,"props":3057,"children":3058},{"style":437},[3059],{"type":153,"value":555},{"type":148,"tag":178,"props":3061,"children":3062},{"style":208},[3063],{"type":153,"value":445},{"type":148,"tag":178,"props":3065,"children":3066},{"style":208},[3067],{"type":153,"value":450},{"type":148,"tag":178,"props":3069,"children":3070},{"style":269},[3071],{"type":153,"value":2742},{"type":148,"tag":178,"props":3073,"children":3074},{"style":208},[3075],{"type":153,"value":460},{"type":148,"tag":178,"props":3077,"children":3078},{"class":180,"line":280},[3079,3083,3087,3091,3096],{"type":148,"tag":178,"props":3080,"children":3081},{"style":437},[3082],{"type":153,"value":1094},{"type":148,"tag":178,"props":3084,"children":3085},{"style":208},[3086],{"type":153,"value":445},{"type":148,"tag":178,"props":3088,"children":3089},{"style":208},[3090],{"type":153,"value":450},{"type":148,"tag":178,"props":3092,"children":3093},{"style":269},[3094],{"type":153,"value":3095},"{sharpen: 50}",{"type":148,"tag":178,"props":3097,"children":3098},{"style":208},[3099],{"type":153,"value":460},{"type":148,"tag":178,"props":3101,"children":3102},{"class":180,"line":289},[3103],{"type":148,"tag":178,"props":3104,"children":3105},{"style":208},[3106],{"type":153,"value":493},{"type":148,"tag":329,"props":3108,"children":3110},{"id":3109},"frame",[3111],{"type":148,"tag":174,"props":3112,"children":3113},{"className":136},[3114],{"type":153,"value":3109},{"type":148,"tag":149,"props":3116,"children":3117},{},[3118,3120,3124],{"type":153,"value":3119},"Add a frame/border to your images using the ",{"type":148,"tag":174,"props":3121,"children":3122},{"className":136},[3123],{"type":153,"value":3109},{"type":153,"value":3125}," modifier. You can also set its width and color.",{"type":148,"tag":166,"props":3127,"children":3129},{"className":376,"code":3128,"language":378,"meta":136,"style":136},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{\n    frameStyle: 'solid',\n    frameColor: '00000',\n    frameWidth: '2',\n    frameRimColor: '97A6B1',\n    frameRimWidth: '2'\n   }\"\n/>\n",[3130],{"type":148,"tag":174,"props":3131,"children":3132},{"__ignoreMap":136},[3133,3144,3167,3190,3213,3232,3240,3248,3256,3264,3272,3284],{"type":148,"tag":178,"props":3134,"children":3135},{"class":180,"line":181},[3136,3140],{"type":148,"tag":178,"props":3137,"children":3138},{"style":208},[3139],{"type":153,"value":390},{"type":148,"tag":178,"props":3141,"children":3142},{"style":218},[3143],{"type":153,"value":431},{"type":148,"tag":178,"props":3145,"children":3146},{"class":180,"line":214},[3147,3151,3155,3159,3163],{"type":148,"tag":178,"props":3148,"children":3149},{"style":437},[3150],{"type":153,"value":440},{"type":148,"tag":178,"props":3152,"children":3153},{"style":208},[3154],{"type":153,"value":445},{"type":148,"tag":178,"props":3156,"children":3157},{"style":208},[3158],{"type":153,"value":450},{"type":148,"tag":178,"props":3160,"children":3161},{"style":269},[3162],{"type":153,"value":2692},{"type":148,"tag":178,"props":3164,"children":3165},{"style":208},[3166],{"type":153,"value":460},{"type":148,"tag":178,"props":3168,"children":3169},{"class":180,"line":234},[3170,3174,3178,3182,3186],{"type":148,"tag":178,"props":3171,"children":3172},{"style":437},[3173],{"type":153,"value":468},{"type":148,"tag":178,"props":3175,"children":3176},{"style":208},[3177],{"type":153,"value":445},{"type":148,"tag":178,"props":3179,"children":3180},{"style":208},[3181],{"type":153,"value":450},{"type":148,"tag":178,"props":3183,"children":3184},{"style":269},[3185],{"type":153,"value":2717},{"type":148,"tag":178,"props":3187,"children":3188},{"style":208},[3189],{"type":153,"value":460},{"type":148,"tag":178,"props":3191,"children":3192},{"class":180,"line":251},[3193,3197,3201,3205,3209],{"type":148,"tag":178,"props":3194,"children":3195},{"style":437},[3196],{"type":153,"value":555},{"type":148,"tag":178,"props":3198,"children":3199},{"style":208},[3200],{"type":153,"value":445},{"type":148,"tag":178,"props":3202,"children":3203},{"style":208},[3204],{"type":153,"value":450},{"type":148,"tag":178,"props":3206,"children":3207},{"style":269},[3208],{"type":153,"value":2742},{"type":148,"tag":178,"props":3210,"children":3211},{"style":208},[3212],{"type":153,"value":460},{"type":148,"tag":178,"props":3214,"children":3215},{"class":180,"line":280},[3216,3220,3224,3228],{"type":148,"tag":178,"props":3217,"children":3218},{"style":437},[3219],{"type":153,"value":1094},{"type":148,"tag":178,"props":3221,"children":3222},{"style":208},[3223],{"type":153,"value":445},{"type":148,"tag":178,"props":3225,"children":3226},{"style":208},[3227],{"type":153,"value":450},{"type":148,"tag":178,"props":3229,"children":3230},{"style":269},[3231],{"type":153,"value":211},{"type":148,"tag":178,"props":3233,"children":3234},{"class":180,"line":289},[3235],{"type":148,"tag":178,"props":3236,"children":3237},{"style":269},[3238],{"type":153,"value":3239},"    frameStyle: 'solid',\n",{"type":148,"tag":178,"props":3241,"children":3242},{"class":180,"line":298},[3243],{"type":148,"tag":178,"props":3244,"children":3245},{"style":269},[3246],{"type":153,"value":3247},"    frameColor: '00000',\n",{"type":148,"tag":178,"props":3249,"children":3250},{"class":180,"line":537},[3251],{"type":148,"tag":178,"props":3252,"children":3253},{"style":269},[3254],{"type":153,"value":3255},"    frameWidth: '2',\n",{"type":148,"tag":178,"props":3257,"children":3258},{"class":180,"line":549},[3259],{"type":148,"tag":178,"props":3260,"children":3261},{"style":269},[3262],{"type":153,"value":3263},"    frameRimColor: '97A6B1',\n",{"type":148,"tag":178,"props":3265,"children":3266},{"class":180,"line":575},[3267],{"type":148,"tag":178,"props":3268,"children":3269},{"style":269},[3270],{"type":153,"value":3271},"    frameRimWidth: '2'\n",{"type":148,"tag":178,"props":3273,"children":3274},{"class":180,"line":600},[3275,3280],{"type":148,"tag":178,"props":3276,"children":3277},{"style":269},[3278],{"type":153,"value":3279},"   }",{"type":148,"tag":178,"props":3281,"children":3282},{"style":208},[3283],{"type":153,"value":460},{"type":148,"tag":178,"props":3285,"children":3286},{"class":180,"line":624},[3287],{"type":148,"tag":178,"props":3288,"children":3289},{"style":208},[3290],{"type":153,"value":493},{"type":148,"tag":329,"props":3292,"children":3294},{"id":3293},"rotate",[3295],{"type":148,"tag":174,"props":3296,"children":3297},{"className":136},[3298],{"type":153,"value":3293},{"type":148,"tag":149,"props":3300,"children":3301},{},[3302,3303,3307],{"type":153,"value":2963},{"type":148,"tag":174,"props":3304,"children":3305},{"className":136},[3306],{"type":153,"value":3293},{"type":153,"value":3308}," modifier to rotate your image. You can specify the number of degrees to rotate the image by.",{"type":148,"tag":166,"props":3310,"children":3312},{"className":376,"code":3311,"language":378,"meta":136,"style":136},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  :modifiers=\"{rotate: 90}\"\n/>\n",[3313],{"type":148,"tag":174,"props":3314,"children":3315},{"__ignoreMap":136},[3316,3327,3350,3373,3397],{"type":148,"tag":178,"props":3317,"children":3318},{"class":180,"line":181},[3319,3323],{"type":148,"tag":178,"props":3320,"children":3321},{"style":208},[3322],{"type":153,"value":390},{"type":148,"tag":178,"props":3324,"children":3325},{"style":218},[3326],{"type":153,"value":431},{"type":148,"tag":178,"props":3328,"children":3329},{"class":180,"line":214},[3330,3334,3338,3342,3346],{"type":148,"tag":178,"props":3331,"children":3332},{"style":437},[3333],{"type":153,"value":440},{"type":148,"tag":178,"props":3335,"children":3336},{"style":208},[3337],{"type":153,"value":445},{"type":148,"tag":178,"props":3339,"children":3340},{"style":208},[3341],{"type":153,"value":450},{"type":148,"tag":178,"props":3343,"children":3344},{"style":269},[3345],{"type":153,"value":2692},{"type":148,"tag":178,"props":3347,"children":3348},{"style":208},[3349],{"type":153,"value":460},{"type":148,"tag":178,"props":3351,"children":3352},{"class":180,"line":234},[3353,3357,3361,3365,3369],{"type":148,"tag":178,"props":3354,"children":3355},{"style":437},[3356],{"type":153,"value":468},{"type":148,"tag":178,"props":3358,"children":3359},{"style":208},[3360],{"type":153,"value":445},{"type":148,"tag":178,"props":3362,"children":3363},{"style":208},[3364],{"type":153,"value":450},{"type":148,"tag":178,"props":3366,"children":3367},{"style":269},[3368],{"type":153,"value":2717},{"type":148,"tag":178,"props":3370,"children":3371},{"style":208},[3372],{"type":153,"value":460},{"type":148,"tag":178,"props":3374,"children":3375},{"class":180,"line":251},[3376,3380,3384,3388,3393],{"type":148,"tag":178,"props":3377,"children":3378},{"style":437},[3379],{"type":153,"value":1094},{"type":148,"tag":178,"props":3381,"children":3382},{"style":208},[3383],{"type":153,"value":445},{"type":148,"tag":178,"props":3385,"children":3386},{"style":208},[3387],{"type":153,"value":450},{"type":148,"tag":178,"props":3389,"children":3390},{"style":269},[3391],{"type":153,"value":3392},"{rotate: 90}",{"type":148,"tag":178,"props":3394,"children":3395},{"style":208},[3396],{"type":153,"value":460},{"type":148,"tag":178,"props":3398,"children":3399},{"class":180,"line":280},[3400],{"type":148,"tag":178,"props":3401,"children":3402},{"style":208},[3403],{"type":153,"value":493},{"type":148,"tag":329,"props":3405,"children":3407},{"id":3406},"color-and-light-options",[3408],{"type":153,"value":3409},"Color and light options",{"type":148,"tag":149,"props":3411,"children":3412},{},[3413,3415,3422,3424,3429,3430,3435,3437,3442,3443,3448,3450,3457,3458,3463,3465,3470,3471,3476,3477,3482,3483,3488,3489,3494,3495,3500,3501,3506],{"type":153,"value":3414},"Sirv has various ",{"type":148,"tag":156,"props":3416,"children":3419},{"href":3417,"rel":3418},"https://sirv.com/help/articles/dynamic-imaging/color/",[160],[3420],{"type":153,"value":3421},"color manipulation options",{"type":153,"value":3423}," like ",{"type":148,"tag":174,"props":3425,"children":3426},{"className":136},[3427],{"type":153,"value":3428},"grayscale",{"type":153,"value":1193},{"type":148,"tag":174,"props":3431,"children":3432},{"className":136},[3433],{"type":153,"value":3434},"colorize",{"type":153,"value":3436},",",{"type":148,"tag":174,"props":3438,"children":3439},{"className":136},[3440],{"type":153,"value":3441},"colortone",{"type":153,"value":3436},{"type":148,"tag":174,"props":3444,"children":3445},{"className":136},[3446],{"type":153,"value":3447},"colorLevels",{"type":153,"value":3449},", as well as ",{"type":148,"tag":156,"props":3451,"children":3454},{"href":3452,"rel":3453},"https://sirv.com/help/articles/dynamic-imaging/light/",[160],[3455],{"type":153,"value":3456},"light manipulation options",{"type":153,"value":3423},{"type":148,"tag":174,"props":3459,"children":3460},{"className":136},[3461],{"type":153,"value":3462},"lightness",{"type":153,"value":3464},",\n",{"type":148,"tag":174,"props":3466,"children":3467},{"className":136},[3468],{"type":153,"value":3469},"hue",{"type":153,"value":1193},{"type":148,"tag":174,"props":3472,"children":3473},{"className":136},[3474],{"type":153,"value":3475},"saturation",{"type":153,"value":1193},{"type":148,"tag":174,"props":3478,"children":3479},{"className":136},[3480],{"type":153,"value":3481},"highlights",{"type":153,"value":1193},{"type":148,"tag":174,"props":3484,"children":3485},{"className":136},[3486],{"type":153,"value":3487},"shadows",{"type":153,"value":1193},{"type":148,"tag":174,"props":3490,"children":3491},{"className":136},[3492],{"type":153,"value":3493},"brightness",{"type":153,"value":1193},{"type":148,"tag":174,"props":3496,"children":3497},{"className":136},[3498],{"type":153,"value":3499},"exposure",{"type":153,"value":1193},{"type":148,"tag":174,"props":3502,"children":3503},{"className":136},[3504],{"type":153,"value":3505},"contrast",{"type":153,"value":955},{"type":148,"tag":149,"props":3508,"children":3509},{},[3510],{"type":153,"value":3511},"Here's how to convert an image to grayscale:",{"type":148,"tag":166,"props":3513,"children":3515},{"className":376,"code":3514,"language":378,"meta":136,"style":136},"\u003CNuxtImg\n  provider=\"sirv\"\n  src=\"/example-image.jpg\"\n  width=\"300\"\n  :modifiers=\"{grayscale: true}\"\n/>\n",[3516],{"type":148,"tag":174,"props":3517,"children":3518},{"__ignoreMap":136},[3519,3530,3553,3576,3599,3623],{"type":148,"tag":178,"props":3520,"children":3521},{"class":180,"line":181},[3522,3526],{"type":148,"tag":178,"props":3523,"children":3524},{"style":208},[3525],{"type":153,"value":390},{"type":148,"tag":178,"props":3527,"children":3528},{"style":218},[3529],{"type":153,"value":431},{"type":148,"tag":178,"props":3531,"children":3532},{"class":180,"line":214},[3533,3537,3541,3545,3549],{"type":148,"tag":178,"props":3534,"children":3535},{"style":437},[3536],{"type":153,"value":440},{"type":148,"tag":178,"props":3538,"children":3539},{"style":208},[3540],{"type":153,"value":445},{"type":148,"tag":178,"props":3542,"children":3543},{"style":208},[3544],{"type":153,"value":450},{"type":148,"tag":178,"props":3546,"children":3547},{"style":269},[3548],{"type":153,"value":2692},{"type":148,"tag":178,"props":3550,"children":3551},{"style":208},[3552],{"type":153,"value":460},{"type":148,"tag":178,"props":3554,"children":3555},{"class":180,"line":234},[3556,3560,3564,3568,3572],{"type":148,"tag":178,"props":3557,"children":3558},{"style":437},[3559],{"type":153,"value":468},{"type":148,"tag":178,"props":3561,"children":3562},{"style":208},[3563],{"type":153,"value":445},{"type":148,"tag":178,"props":3565,"children":3566},{"style":208},[3567],{"type":153,"value":450},{"type":148,"tag":178,"props":3569,"children":3570},{"style":269},[3571],{"type":153,"value":2717},{"type":148,"tag":178,"props":3573,"children":3574},{"style":208},[3575],{"type":153,"value":460},{"type":148,"tag":178,"props":3577,"children":3578},{"class":180,"line":251},[3579,3583,3587,3591,3595],{"type":148,"tag":178,"props":3580,"children":3581},{"style":437},[3582],{"type":153,"value":555},{"type":148,"tag":178,"props":3584,"children":3585},{"style":208},[3586],{"type":153,"value":445},{"type":148,"tag":178,"props":3588,"children":3589},{"style":208},[3590],{"type":153,"value":450},{"type":148,"tag":178,"props":3592,"children":3593},{"style":269},[3594],{"type":153,"value":2742},{"type":148,"tag":178,"props":3596,"children":3597},{"style":208},[3598],{"type":153,"value":460},{"type":148,"tag":178,"props":3600,"children":3601},{"class":180,"line":280},[3602,3606,3610,3614,3619],{"type":148,"tag":178,"props":3603,"children":3604},{"style":437},[3605],{"type":153,"value":1094},{"type":148,"tag":178,"props":3607,"children":3608},{"style":208},[3609],{"type":153,"value":445},{"type":148,"tag":178,"props":3611,"children":3612},{"style":208},[3613],{"type":153,"value":450},{"type":148,"tag":178,"props":3615,"children":3616},{"style":269},[3617],{"type":153,"value":3618},"{grayscale: true}",{"type":148,"tag":178,"props":3620,"children":3621},{"style":208},[3622],{"type":153,"value":460},{"type":148,"tag":178,"props":3624,"children":3625},{"class":180,"line":289},[3626],{"type":148,"tag":178,"props":3627,"children":3628},{"style":208},[3629],{"type":153,"value":493},{"type":148,"tag":329,"props":3631,"children":3633},{"id":3632},"watermarks-and-text-overlays",[3634],{"type":153,"value":3635},"Watermarks and text overlays",{"type":148,"tag":149,"props":3637,"children":3638},{},[3639],{"type":153,"value":3640},"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!",{"type":148,"tag":3642,"props":3643,"children":3644},"h4",{"id":2834},[3645],{"type":148,"tag":174,"props":3646,"children":3647},{"className":136},[3648],{"type":153,"value":2834},{"type":148,"tag":149,"props":3650,"children":3651},{},[3652,3654,3658],{"type":153,"value":3653},"Add an image overlay over your existing image using the ",{"type":148,"tag":174,"props":3655,"children":3656},{"className":136},[3657],{"type":153,"value":2834},{"type":153,"value":3659}," modifier. Used mostly for watermarking, but can be useful for creating banners, OG images, and personalization. Here's an example of a single watermark:",{"type":148,"tag":166,"props":3661,"children":3663},{"className":376,"code":3662,"language":378,"meta":136,"style":136},"\u003CNuxtImg provider=\"sirv\" \n src=\"example-image.jpg\" \n width=\"300\" \n :modifiers=\"{\n    watermark: '/watermark-v1.png',\n    watermarkPosition: 'center',\n    watermarkWidth: '30%',\n  }\" \n/>\n",[3664],{"type":148,"tag":174,"props":3665,"children":3666},{"__ignoreMap":136},[3667,3704,3733,3761,3781,3789,3797,3805,3821],{"type":148,"tag":178,"props":3668,"children":3669},{"class":180,"line":181},[3670,3674,3679,3684,3688,3692,3696,3700],{"type":148,"tag":178,"props":3671,"children":3672},{"style":208},[3673],{"type":153,"value":390},{"type":148,"tag":178,"props":3675,"children":3676},{"style":218},[3677],{"type":153,"value":3678},"NuxtImg",{"type":148,"tag":178,"props":3680,"children":3681},{"style":437},[3682],{"type":153,"value":3683}," provider",{"type":148,"tag":178,"props":3685,"children":3686},{"style":208},[3687],{"type":153,"value":445},{"type":148,"tag":178,"props":3689,"children":3690},{"style":208},[3691],{"type":153,"value":450},{"type":148,"tag":178,"props":3693,"children":3694},{"style":269},[3695],{"type":153,"value":2692},{"type":148,"tag":178,"props":3697,"children":3698},{"style":208},[3699],{"type":153,"value":450},{"type":148,"tag":178,"props":3701,"children":3702},{"style":208},[3703],{"type":153,"value":2495},{"type":148,"tag":178,"props":3705,"children":3706},{"class":180,"line":214},[3707,3712,3716,3720,3725,3729],{"type":148,"tag":178,"props":3708,"children":3709},{"style":437},[3710],{"type":153,"value":3711}," src",{"type":148,"tag":178,"props":3713,"children":3714},{"style":208},[3715],{"type":153,"value":445},{"type":148,"tag":178,"props":3717,"children":3718},{"style":208},[3719],{"type":153,"value":450},{"type":148,"tag":178,"props":3721,"children":3722},{"style":269},[3723],{"type":153,"value":3724},"example-image.jpg",{"type":148,"tag":178,"props":3726,"children":3727},{"style":208},[3728],{"type":153,"value":450},{"type":148,"tag":178,"props":3730,"children":3731},{"style":208},[3732],{"type":153,"value":2495},{"type":148,"tag":178,"props":3734,"children":3735},{"class":180,"line":234},[3736,3741,3745,3749,3753,3757],{"type":148,"tag":178,"props":3737,"children":3738},{"style":437},[3739],{"type":153,"value":3740}," width",{"type":148,"tag":178,"props":3742,"children":3743},{"style":208},[3744],{"type":153,"value":445},{"type":148,"tag":178,"props":3746,"children":3747},{"style":208},[3748],{"type":153,"value":450},{"type":148,"tag":178,"props":3750,"children":3751},{"style":269},[3752],{"type":153,"value":2742},{"type":148,"tag":178,"props":3754,"children":3755},{"style":208},[3756],{"type":153,"value":450},{"type":148,"tag":178,"props":3758,"children":3759},{"style":208},[3760],{"type":153,"value":2495},{"type":148,"tag":178,"props":3762,"children":3763},{"class":180,"line":251},[3764,3769,3773,3777],{"type":148,"tag":178,"props":3765,"children":3766},{"style":437},[3767],{"type":153,"value":3768}," :modifiers",{"type":148,"tag":178,"props":3770,"children":3771},{"style":208},[3772],{"type":153,"value":445},{"type":148,"tag":178,"props":3774,"children":3775},{"style":208},[3776],{"type":153,"value":450},{"type":148,"tag":178,"props":3778,"children":3779},{"style":269},[3780],{"type":153,"value":211},{"type":148,"tag":178,"props":3782,"children":3783},{"class":180,"line":280},[3784],{"type":148,"tag":178,"props":3785,"children":3786},{"style":269},[3787],{"type":153,"value":3788},"    watermark: '/watermark-v1.png',\n",{"type":148,"tag":178,"props":3790,"children":3791},{"class":180,"line":289},[3792],{"type":148,"tag":178,"props":3793,"children":3794},{"style":269},[3795],{"type":153,"value":3796},"    watermarkPosition: 'center',\n",{"type":148,"tag":178,"props":3798,"children":3799},{"class":180,"line":298},[3800],{"type":148,"tag":178,"props":3801,"children":3802},{"style":269},[3803],{"type":153,"value":3804},"    watermarkWidth: '30%',\n",{"type":148,"tag":178,"props":3806,"children":3807},{"class":180,"line":537},[3808,3813,3817],{"type":148,"tag":178,"props":3809,"children":3810},{"style":269},[3811],{"type":153,"value":3812},"  }",{"type":148,"tag":178,"props":3814,"children":3815},{"style":208},[3816],{"type":153,"value":450},{"type":148,"tag":178,"props":3818,"children":3819},{"style":208},[3820],{"type":153,"value":2495},{"type":148,"tag":178,"props":3822,"children":3823},{"class":180,"line":549},[3824],{"type":148,"tag":178,"props":3825,"children":3826},{"style":208},[3827],{"type":153,"value":493},{"type":148,"tag":149,"props":3829,"children":3830},{},[3831,3833,3840],{"type":153,"value":3832},"Find out more about Sirv watermarks ",{"type":148,"tag":156,"props":3834,"children":3837},{"href":3835,"rel":3836},"https://sirv.com/help/articles/dynamic-imaging/watermark/",[160],[3838],{"type":153,"value":3839},"here",{"type":153,"value":955},{"type":148,"tag":3642,"props":3842,"children":3844},{"id":3843},"overlay-text",[3845],{"type":153,"value":3846},"Overlay Text",{"type":148,"tag":149,"props":3848,"children":3849},{},[3850],{"type":153,"value":3851},"You can add text overlays to your images and have full freedom over their positioning and looks.",{"type":148,"tag":166,"props":3853,"children":3855},{"className":376,"code":3854,"language":378,"meta":136,"style":136},"\u003CNuxtImg provider=\"sirv\" \n  src=\"example-image.jpg\" 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/>\n",[3856],{"type":148,"tag":174,"props":3857,"children":3858},{"__ignoreMap":136},[3859,3894,3937,3956,3964,3972,3980,3988,3996,4004,4012,4027],{"type":148,"tag":178,"props":3860,"children":3861},{"class":180,"line":181},[3862,3866,3870,3874,3878,3882,3886,3890],{"type":148,"tag":178,"props":3863,"children":3864},{"style":208},[3865],{"type":153,"value":390},{"type":148,"tag":178,"props":3867,"children":3868},{"style":218},[3869],{"type":153,"value":3678},{"type":148,"tag":178,"props":3871,"children":3872},{"style":437},[3873],{"type":153,"value":3683},{"type":148,"tag":178,"props":3875,"children":3876},{"style":208},[3877],{"type":153,"value":445},{"type":148,"tag":178,"props":3879,"children":3880},{"style":208},[3881],{"type":153,"value":450},{"type":148,"tag":178,"props":3883,"children":3884},{"style":269},[3885],{"type":153,"value":2692},{"type":148,"tag":178,"props":3887,"children":3888},{"style":208},[3889],{"type":153,"value":450},{"type":148,"tag":178,"props":3891,"children":3892},{"style":208},[3893],{"type":153,"value":2495},{"type":148,"tag":178,"props":3895,"children":3896},{"class":180,"line":214},[3897,3901,3905,3909,3913,3917,3921,3925,3929,3933],{"type":148,"tag":178,"props":3898,"children":3899},{"style":437},[3900],{"type":153,"value":468},{"type":148,"tag":178,"props":3902,"children":3903},{"style":208},[3904],{"type":153,"value":445},{"type":148,"tag":178,"props":3906,"children":3907},{"style":208},[3908],{"type":153,"value":450},{"type":148,"tag":178,"props":3910,"children":3911},{"style":269},[3912],{"type":153,"value":3724},{"type":148,"tag":178,"props":3914,"children":3915},{"style":208},[3916],{"type":153,"value":450},{"type":148,"tag":178,"props":3918,"children":3919},{"style":437},[3920],{"type":153,"value":3740},{"type":148,"tag":178,"props":3922,"children":3923},{"style":208},[3924],{"type":153,"value":445},{"type":148,"tag":178,"props":3926,"children":3927},{"style":208},[3928],{"type":153,"value":450},{"type":148,"tag":178,"props":3930,"children":3931},{"style":269},[3932],{"type":153,"value":2742},{"type":148,"tag":178,"props":3934,"children":3935},{"style":208},[3936],{"type":153,"value":460},{"type":148,"tag":178,"props":3938,"children":3939},{"class":180,"line":234},[3940,3944,3948,3952],{"type":148,"tag":178,"props":3941,"children":3942},{"style":437},[3943],{"type":153,"value":1094},{"type":148,"tag":178,"props":3945,"children":3946},{"style":208},[3947],{"type":153,"value":445},{"type":148,"tag":178,"props":3949,"children":3950},{"style":208},[3951],{"type":153,"value":450},{"type":148,"tag":178,"props":3953,"children":3954},{"style":269},[3955],{"type":153,"value":211},{"type":148,"tag":178,"props":3957,"children":3958},{"class":180,"line":251},[3959],{"type":148,"tag":178,"props":3960,"children":3961},{"style":269},[3962],{"type":153,"value":3963},"    text: 'Hello there',\n",{"type":148,"tag":178,"props":3965,"children":3966},{"class":180,"line":280},[3967],{"type":148,"tag":178,"props":3968,"children":3969},{"style":269},[3970],{"type":153,"value":3971},"    textAlign: 'center',\n",{"type":148,"tag":178,"props":3973,"children":3974},{"class":180,"line":289},[3975],{"type":148,"tag":178,"props":3976,"children":3977},{"style":269},[3978],{"type":153,"value":3979},"    textPositionGravity: 'south',\n",{"type":148,"tag":178,"props":3981,"children":3982},{"class":180,"line":298},[3983],{"type":148,"tag":178,"props":3984,"children":3985},{"style":269},[3986],{"type":153,"value":3987},"    textBackgroundColor: '#ffff',\n",{"type":148,"tag":178,"props":3989,"children":3990},{"class":180,"line":537},[3991],{"type":148,"tag":178,"props":3992,"children":3993},{"style":269},[3994],{"type":153,"value":3995},"    textSize: 60,\n",{"type":148,"tag":178,"props":3997,"children":3998},{"class":180,"line":549},[3999],{"type":148,"tag":178,"props":4000,"children":4001},{"style":269},[4002],{"type":153,"value":4003},"    textFontFamily: 'Arial',\n",{"type":148,"tag":178,"props":4005,"children":4006},{"class":180,"line":575},[4007],{"type":148,"tag":178,"props":4008,"children":4009},{"style":269},[4010],{"type":153,"value":4011},"    textColor: 'white',\n",{"type":148,"tag":178,"props":4013,"children":4014},{"class":180,"line":600},[4015,4019,4023],{"type":148,"tag":178,"props":4016,"children":4017},{"style":269},[4018],{"type":153,"value":3812},{"type":148,"tag":178,"props":4020,"children":4021},{"style":208},[4022],{"type":153,"value":450},{"type":148,"tag":178,"props":4024,"children":4025},{"style":208},[4026],{"type":153,"value":2495},{"type":148,"tag":178,"props":4028,"children":4029},{"class":180,"line":624},[4030],{"type":148,"tag":178,"props":4031,"children":4032},{"style":208},[4033],{"type":153,"value":493},{"type":148,"tag":149,"props":4035,"children":4036},{},[4037,4039,4045],{"type":153,"value":4038},"More examples of text overlays can be found ",{"type":148,"tag":156,"props":4040,"children":4043},{"href":4041,"rel":4042},"https://sirv.com/help/articles/dynamic-imaging/text/",[160],[4044],{"type":153,"value":3839},{"type":153,"value":955},{"type":148,"tag":311,"props":4047,"children":4049},{"id":4048},"list-of-supported-transformations",[4050],{"type":153,"value":4051},"List of supported transformations",{"type":148,"tag":149,"props":4053,"children":4054},{},[4055],{"type":153,"value":4056},"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.",{"type":148,"tag":4058,"props":4059,"children":4060},"table",{},[4061,4085],{"type":148,"tag":4062,"props":4063,"children":4064},"thead",{},[4065],{"type":148,"tag":4066,"props":4067,"children":4068},"tr",{},[4069,4075,4080],{"type":148,"tag":4070,"props":4071,"children":4072},"th",{},[4073],{"type":153,"value":4074},"Supported Parameter Name",{"type":148,"tag":4070,"props":4076,"children":4077},{},[4078],{"type":153,"value":4079},"Translates to Parameter",{"type":148,"tag":4070,"props":4081,"children":4082},{},[4083],{"type":153,"value":4084},"Description",{"type":148,"tag":4086,"props":4087,"children":4088},"tbody",{},[4089,4108,4126,4143,4160,4177,4199,4221,4239,4256,4274,4291,4309,4326,4343,4360,4377,4395,4413,4431,4449,4467,4485,4503,4521,4539,4557,4573,4591,4609,4627,4645,4663,4681,4697,4715,4733,4751,4769,4787,4805,4823,4841,4859,4877,4895,4913,4931,4949,4967,4985,5003,5021,5039,5055,5072,5088,5104,5122,5140,5156,5174,5192,5210,5228,5246,5262,5280,5298,5315,5331,5347,5363,5379,5395,5411,5427,5443,5460,5477,5494,5512,5530,5548,5566,5584],{"type":148,"tag":4066,"props":4090,"children":4091},{},[4092,4098,4103],{"type":148,"tag":4093,"props":4094,"children":4095},"td",{},[4096],{"type":153,"value":4097},"width",{"type":148,"tag":4093,"props":4099,"children":4100},{},[4101],{"type":153,"value":4102},"w",{"type":148,"tag":4093,"props":4104,"children":4105},{},[4106],{"type":153,"value":4107},"Width of image.",{"type":148,"tag":4066,"props":4109,"children":4110},{},[4111,4116,4121],{"type":148,"tag":4093,"props":4112,"children":4113},{},[4114],{"type":153,"value":4115},"height",{"type":148,"tag":4093,"props":4117,"children":4118},{},[4119],{"type":153,"value":4120},"h",{"type":148,"tag":4093,"props":4122,"children":4123},{},[4124],{"type":153,"value":4125},"Height of image.",{"type":148,"tag":4066,"props":4127,"children":4128},{},[4129,4134,4138],{"type":148,"tag":4093,"props":4130,"children":4131},{},[4132],{"type":153,"value":4133},"s",{"type":148,"tag":4093,"props":4135,"children":4136},{},[4137],{"type":153,"value":4133},{"type":148,"tag":4093,"props":4139,"children":4140},{},[4141],{"type":153,"value":4142},"Resize the image by its biggest side",{"type":148,"tag":4066,"props":4144,"children":4145},{},[4146,4150,4155],{"type":148,"tag":4093,"props":4147,"children":4148},{},[4149],{"type":153,"value":1362},{"type":148,"tag":4093,"props":4151,"children":4152},{},[4153],{"type":153,"value":4154},"q",{"type":148,"tag":4093,"props":4156,"children":4157},{},[4158],{"type":153,"value":4159},"JPEG image quality (percentage).",{"type":148,"tag":4066,"props":4161,"children":4162},{},[4163,4167,4172],{"type":148,"tag":4093,"props":4164,"children":4165},{},[4166],{"type":153,"value":2558},{"type":148,"tag":4093,"props":4168,"children":4169},{},[4170],{"type":153,"value":4171},"scale.option",{"type":148,"tag":4093,"props":4173,"children":4174},{},[4175],{"type":153,"value":4176},"Image scaling options.",{"type":148,"tag":4066,"props":4178,"children":4179},{},[4180,4184,4188],{"type":148,"tag":4093,"props":4181,"children":4182},{},[4183],{"type":153,"value":2798},{"type":148,"tag":4093,"props":4185,"children":4186},{},[4187],{"type":153,"value":2798},{"type":148,"tag":4093,"props":4189,"children":4190},{},[4191,4193],{"type":153,"value":4192},"Apply a Sirv ",{"type":148,"tag":156,"props":4194,"children":4197},{"href":4195,"rel":4196},"https://sirv.com/help/articles/dynamic-imaging/profiles/",[160],[4198],{"type":153,"value":2798},{"type":148,"tag":4066,"props":4200,"children":4201},{},[4202,4206,4210],{"type":148,"tag":4093,"props":4203,"children":4204},{},[4205],{"type":153,"value":1167},{"type":148,"tag":4093,"props":4207,"children":4208},{},[4209],{"type":153,"value":1167},{"type":148,"tag":4093,"props":4211,"children":4212},{},[4213,4215,4220],{"type":153,"value":4214},"Image format served (defaults to ",{"type":148,"tag":156,"props":4216,"children":4218},{"href":2647,"rel":4217},[160],[4219],{"type":153,"value":2651},{"type":153,"value":2547},{"type":148,"tag":4066,"props":4222,"children":4223},{},[4224,4229,4234],{"type":148,"tag":4093,"props":4225,"children":4226},{},[4227],{"type":153,"value":4228},"webpFallback",{"type":148,"tag":4093,"props":4230,"children":4231},{},[4232],{"type":153,"value":4233},"webp-fallback",{"type":148,"tag":4093,"props":4235,"children":4236},{},[4237],{"type":153,"value":4238},"Image format for browsers without WebP support.",{"type":148,"tag":4066,"props":4240,"children":4241},{},[4242,4247,4251],{"type":148,"tag":4093,"props":4243,"children":4244},{},[4245],{"type":153,"value":4246},"subsampling",{"type":148,"tag":4093,"props":4248,"children":4249},{},[4250],{"type":153,"value":4246},{"type":148,"tag":4093,"props":4252,"children":4253},{},[4254],{"type":153,"value":4255},"Chroma subsampling to reduce JPEG file size.",{"type":148,"tag":4066,"props":4257,"children":4258},{},[4259,4264,4269],{"type":148,"tag":4093,"props":4260,"children":4261},{},[4262],{"type":153,"value":4263},"gifCompression",{"type":148,"tag":4093,"props":4265,"children":4266},{},[4267],{"type":153,"value":4268},"gif.lossy",{"type":148,"tag":4093,"props":4270,"children":4271},{},[4272],{"type":153,"value":4273},"Apply lossy compression, to reduce GIF file size.",{"type":148,"tag":4066,"props":4275,"children":4276},{},[4277,4281,4286],{"type":148,"tag":4093,"props":4278,"children":4279},{},[4280],{"type":153,"value":2828},{"type":148,"tag":4093,"props":4282,"children":4283},{},[4284],{"type":153,"value":4285},"crop.type",{"type":148,"tag":4093,"props":4287,"children":4288},{},[4289],{"type":153,"value":4290},"Automatically crop to edge of image contents; point of interest; or face.",{"type":148,"tag":4066,"props":4292,"children":4293},{},[4294,4299,4304],{"type":148,"tag":4093,"props":4295,"children":4296},{},[4297],{"type":153,"value":4298},"cropAr",{"type":148,"tag":4093,"props":4300,"children":4301},{},[4302],{"type":153,"value":4303},"crop.aspectratio",{"type":148,"tag":4093,"props":4305,"children":4306},{},[4307],{"type":153,"value":4308},"Aspect ratio of the crop",{"type":148,"tag":4066,"props":4310,"children":4311},{},[4312,4317,4321],{"type":148,"tag":4093,"props":4313,"children":4314},{},[4315],{"type":153,"value":4316},"cw",{"type":148,"tag":4093,"props":4318,"children":4319},{},[4320],{"type":153,"value":4316},{"type":148,"tag":4093,"props":4322,"children":4323},{},[4324],{"type":153,"value":4325},"Crop the image to a specific width.",{"type":148,"tag":4066,"props":4327,"children":4328},{},[4329,4334,4338],{"type":148,"tag":4093,"props":4330,"children":4331},{},[4332],{"type":153,"value":4333},"ch",{"type":148,"tag":4093,"props":4335,"children":4336},{},[4337],{"type":153,"value":4333},{"type":148,"tag":4093,"props":4339,"children":4340},{},[4341],{"type":153,"value":4342},"Crop the image to a specific height.",{"type":148,"tag":4066,"props":4344,"children":4345},{},[4346,4351,4355],{"type":148,"tag":4093,"props":4347,"children":4348},{},[4349],{"type":153,"value":4350},"cx",{"type":148,"tag":4093,"props":4352,"children":4353},{},[4354],{"type":153,"value":4350},{"type":148,"tag":4093,"props":4356,"children":4357},{},[4358],{"type":153,"value":4359},"Position to start image crop (from top).",{"type":148,"tag":4066,"props":4361,"children":4362},{},[4363,4368,4372],{"type":148,"tag":4093,"props":4364,"children":4365},{},[4366],{"type":153,"value":4367},"cy",{"type":148,"tag":4093,"props":4369,"children":4370},{},[4371],{"type":153,"value":4367},{"type":148,"tag":4093,"props":4373,"children":4374},{},[4375],{"type":153,"value":4376},"Position to start image crop (from left).",{"type":148,"tag":4066,"props":4378,"children":4379},{},[4380,4385,4390],{"type":148,"tag":4093,"props":4381,"children":4382},{},[4383],{"type":153,"value":4384},"cropPaddingX",{"type":148,"tag":4093,"props":4386,"children":4387},{},[4388],{"type":153,"value":4389},"crop.pad.x",{"type":148,"tag":4093,"props":4391,"children":4392},{},[4393],{"type":153,"value":4394},"Add padding to left/right of crop area",{"type":148,"tag":4066,"props":4396,"children":4397},{},[4398,4403,4408],{"type":148,"tag":4093,"props":4399,"children":4400},{},[4401],{"type":153,"value":4402},"cropPaddingY",{"type":148,"tag":4093,"props":4404,"children":4405},{},[4406],{"type":153,"value":4407},"crop.pad.y",{"type":148,"tag":4093,"props":4409,"children":4410},{},[4411],{"type":153,"value":4412},"Add padding to top/bottom of crop area.",{"type":148,"tag":4066,"props":4414,"children":4415},{},[4416,4421,4426],{"type":148,"tag":4093,"props":4417,"children":4418},{},[4419],{"type":153,"value":4420},"canvasHeight",{"type":148,"tag":4093,"props":4422,"children":4423},{},[4424],{"type":153,"value":4425},"canvas.height",{"type":148,"tag":4093,"props":4427,"children":4428},{},[4429],{"type":153,"value":4430},"Create a canvas around the image (height).",{"type":148,"tag":4066,"props":4432,"children":4433},{},[4434,4439,4444],{"type":148,"tag":4093,"props":4435,"children":4436},{},[4437],{"type":153,"value":4438},"canvasWidth",{"type":148,"tag":4093,"props":4440,"children":4441},{},[4442],{"type":153,"value":4443},"canvas.width",{"type":148,"tag":4093,"props":4445,"children":4446},{},[4447],{"type":153,"value":4448},"Create a canvas around the image (width).",{"type":148,"tag":4066,"props":4450,"children":4451},{},[4452,4457,4462],{"type":148,"tag":4093,"props":4453,"children":4454},{},[4455],{"type":153,"value":4456},"canvasAr",{"type":148,"tag":4093,"props":4458,"children":4459},{},[4460],{"type":153,"value":4461},"canvas.aspectratio",{"type":148,"tag":4093,"props":4463,"children":4464},{},[4465],{"type":153,"value":4466},"Aspect ratio of the canvas from 1-99 e.g. 16:9",{"type":148,"tag":4066,"props":4468,"children":4469},{},[4470,4475,4480],{"type":148,"tag":4093,"props":4471,"children":4472},{},[4473],{"type":153,"value":4474},"canvasPosition",{"type":148,"tag":4093,"props":4476,"children":4477},{},[4478],{"type":153,"value":4479},"canvas.position",{"type":148,"tag":4093,"props":4481,"children":4482},{},[4483],{"type":153,"value":4484},"Position of the canvas behind the image.",{"type":148,"tag":4066,"props":4486,"children":4487},{},[4488,4493,4498],{"type":148,"tag":4093,"props":4489,"children":4490},{},[4491],{"type":153,"value":4492},"canvasBorderWidth",{"type":148,"tag":4093,"props":4494,"children":4495},{},[4496],{"type":153,"value":4497},"canvas.border.width",{"type":148,"tag":4093,"props":4499,"children":4500},{},[4501],{"type":153,"value":4502},"Adds additional width left and right of the canvas.",{"type":148,"tag":4066,"props":4504,"children":4505},{},[4506,4511,4516],{"type":148,"tag":4093,"props":4507,"children":4508},{},[4509],{"type":153,"value":4510},"canvasBorderHeight",{"type":148,"tag":4093,"props":4512,"children":4513},{},[4514],{"type":153,"value":4515},"canvas.border.height",{"type":148,"tag":4093,"props":4517,"children":4518},{},[4519],{"type":153,"value":4520},"Adds additional height above and below the canvas.",{"type":148,"tag":4066,"props":4522,"children":4523},{},[4524,4529,4534],{"type":148,"tag":4093,"props":4525,"children":4526},{},[4527],{"type":153,"value":4528},"canvasBorderColor",{"type":148,"tag":4093,"props":4530,"children":4531},{},[4532],{"type":153,"value":4533},"canvas.border.color",{"type":148,"tag":4093,"props":4535,"children":4536},{},[4537],{"type":153,"value":4538},"Color of the canvas border e.g. E0AA80 or red.",{"type":148,"tag":4066,"props":4540,"children":4541},{},[4542,4547,4552],{"type":148,"tag":4093,"props":4543,"children":4544},{},[4545],{"type":153,"value":4546},"canvasBorderOpacity",{"type":148,"tag":4093,"props":4548,"children":4549},{},[4550],{"type":153,"value":4551},"canvas.border.opacity",{"type":148,"tag":4093,"props":4553,"children":4554},{},[4555],{"type":153,"value":4556},"Opacity of the canvas border.",{"type":148,"tag":4066,"props":4558,"children":4559},{},[4560,4564,4568],{"type":148,"tag":4093,"props":4561,"children":4562},{},[4563],{"type":153,"value":2834},{"type":148,"tag":4093,"props":4565,"children":4566},{},[4567],{"type":153,"value":2834},{"type":148,"tag":4093,"props":4569,"children":4570},{},[4571],{"type":153,"value":4572},"Filepath of the image to be overlayed.",{"type":148,"tag":4066,"props":4574,"children":4575},{},[4576,4581,4586],{"type":148,"tag":4093,"props":4577,"children":4578},{},[4579],{"type":153,"value":4580},"watermarkPosition",{"type":148,"tag":4093,"props":4582,"children":4583},{},[4584],{"type":153,"value":4585},"watermark.position",{"type":148,"tag":4093,"props":4587,"children":4588},{},[4589],{"type":153,"value":4590},"Position of the watermark on the image.",{"type":148,"tag":4066,"props":4592,"children":4593},{},[4594,4599,4604],{"type":148,"tag":4093,"props":4595,"children":4596},{},[4597],{"type":153,"value":4598},"watermarkPositionGravity",{"type":148,"tag":4093,"props":4600,"children":4601},{},[4602],{"type":153,"value":4603},"watermark.position.gravity",{"type":148,"tag":4093,"props":4605,"children":4606},{},[4607],{"type":153,"value":4608},"sets the starting point for shifting the x & y values.",{"type":148,"tag":4066,"props":4610,"children":4611},{},[4612,4617,4622],{"type":148,"tag":4093,"props":4613,"children":4614},{},[4615],{"type":153,"value":4616},"watermarkPositionX",{"type":148,"tag":4093,"props":4618,"children":4619},{},[4620],{"type":153,"value":4621},"watermark.position.x",{"type":148,"tag":4093,"props":4623,"children":4624},{},[4625],{"type":153,"value":4626},"Position of the watermark (from left).",{"type":148,"tag":4066,"props":4628,"children":4629},{},[4630,4635,4640],{"type":148,"tag":4093,"props":4631,"children":4632},{},[4633],{"type":153,"value":4634},"watermarkPositionY",{"type":148,"tag":4093,"props":4636,"children":4637},{},[4638],{"type":153,"value":4639},"watermark.position.y",{"type":148,"tag":4093,"props":4641,"children":4642},{},[4643],{"type":153,"value":4644},"Position of the watermark (from top).",{"type":148,"tag":4066,"props":4646,"children":4647},{},[4648,4653,4658],{"type":148,"tag":4093,"props":4649,"children":4650},{},[4651],{"type":153,"value":4652},"watermarkWidth",{"type":148,"tag":4093,"props":4654,"children":4655},{},[4656],{"type":153,"value":4657},"watermark.scale.width",{"type":148,"tag":4093,"props":4659,"children":4660},{},[4661],{"type":153,"value":4662},"Width of watermark.",{"type":148,"tag":4066,"props":4664,"children":4665},{},[4666,4671,4676],{"type":148,"tag":4093,"props":4667,"children":4668},{},[4669],{"type":153,"value":4670},"watermarkHeight",{"type":148,"tag":4093,"props":4672,"children":4673},{},[4674],{"type":153,"value":4675},"watermark.scale.height",{"type":148,"tag":4093,"props":4677,"children":4678},{},[4679],{"type":153,"value":4680},"Height of watermark.",{"type":148,"tag":4066,"props":4682,"children":4683},{},[4684,4688,4692],{"type":148,"tag":4093,"props":4685,"children":4686},{},[4687],{"type":153,"value":153},{"type":148,"tag":4093,"props":4689,"children":4690},{},[4691],{"type":153,"value":153},{"type":148,"tag":4093,"props":4693,"children":4694},{},[4695],{"type":153,"value":4696},"Display text on your image.",{"type":148,"tag":4066,"props":4698,"children":4699},{},[4700,4705,4710],{"type":148,"tag":4093,"props":4701,"children":4702},{},[4703],{"type":153,"value":4704},"textBase64",{"type":148,"tag":4093,"props":4706,"children":4707},{},[4708],{"type":153,"value":4709},"text.text64",{"type":148,"tag":4093,"props":4711,"children":4712},{},[4713],{"type":153,"value":4714},"Alternative to text parameter, with Base64 encoding",{"type":148,"tag":4066,"props":4716,"children":4717},{},[4718,4723,4728],{"type":148,"tag":4093,"props":4719,"children":4720},{},[4721],{"type":153,"value":4722},"textSize",{"type":148,"tag":4093,"props":4724,"children":4725},{},[4726],{"type":153,"value":4727},"text.size",{"type":148,"tag":4093,"props":4729,"children":4730},{},[4731],{"type":153,"value":4732},"Width of text area in relation to image.",{"type":148,"tag":4066,"props":4734,"children":4735},{},[4736,4741,4746],{"type":148,"tag":4093,"props":4737,"children":4738},{},[4739],{"type":153,"value":4740},"textAlign",{"type":148,"tag":4093,"props":4742,"children":4743},{},[4744],{"type":153,"value":4745},"text.align",{"type":148,"tag":4093,"props":4747,"children":4748},{},[4749],{"type":153,"value":4750},"Align the multiline text.",{"type":148,"tag":4066,"props":4752,"children":4753},{},[4754,4759,4764],{"type":148,"tag":4093,"props":4755,"children":4756},{},[4757],{"type":153,"value":4758},"textPosition",{"type":148,"tag":4093,"props":4760,"children":4761},{},[4762],{"type":153,"value":4763},"text.position",{"type":148,"tag":4093,"props":4765,"children":4766},{},[4767],{"type":153,"value":4768},"Location of the text on the image.",{"type":148,"tag":4066,"props":4770,"children":4771},{},[4772,4777,4782],{"type":148,"tag":4093,"props":4773,"children":4774},{},[4775],{"type":153,"value":4776},"textPositionX",{"type":148,"tag":4093,"props":4778,"children":4779},{},[4780],{"type":153,"value":4781},"text.position.x",{"type":148,"tag":4093,"props":4783,"children":4784},{},[4785],{"type":153,"value":4786},"Location of the text (from left).",{"type":148,"tag":4066,"props":4788,"children":4789},{},[4790,4795,4800],{"type":148,"tag":4093,"props":4791,"children":4792},{},[4793],{"type":153,"value":4794},"textPositionY",{"type":148,"tag":4093,"props":4796,"children":4797},{},[4798],{"type":153,"value":4799},"text.position.y",{"type":148,"tag":4093,"props":4801,"children":4802},{},[4803],{"type":153,"value":4804},"Location of the text (from top).",{"type":148,"tag":4066,"props":4806,"children":4807},{},[4808,4813,4818],{"type":148,"tag":4093,"props":4809,"children":4810},{},[4811],{"type":153,"value":4812},"textPositionGravity",{"type":148,"tag":4093,"props":4814,"children":4815},{},[4816],{"type":153,"value":4817},"text.position.gravity",{"type":148,"tag":4093,"props":4819,"children":4820},{},[4821],{"type":153,"value":4822},"Master location of the text on the image.",{"type":148,"tag":4066,"props":4824,"children":4825},{},[4826,4831,4836],{"type":148,"tag":4093,"props":4827,"children":4828},{},[4829],{"type":153,"value":4830},"textFontSize",{"type":148,"tag":4093,"props":4832,"children":4833},{},[4834],{"type":153,"value":4835},"text.font.size",{"type":148,"tag":4093,"props":4837,"children":4838},{},[4839],{"type":153,"value":4840},"Fix the size of the text in px.",{"type":148,"tag":4066,"props":4842,"children":4843},{},[4844,4849,4854],{"type":148,"tag":4093,"props":4845,"children":4846},{},[4847],{"type":153,"value":4848},"textFontStyle",{"type":148,"tag":4093,"props":4850,"children":4851},{},[4852],{"type":153,"value":4853},"text.font.style",{"type":148,"tag":4093,"props":4855,"children":4856},{},[4857],{"type":153,"value":4858},"Style of the text.",{"type":148,"tag":4066,"props":4860,"children":4861},{},[4862,4867,4872],{"type":148,"tag":4093,"props":4863,"children":4864},{},[4865],{"type":153,"value":4866},"textFontFamily",{"type":148,"tag":4093,"props":4868,"children":4869},{},[4870],{"type":153,"value":4871},"text.font.family",{"type":148,"tag":4093,"props":4873,"children":4874},{},[4875],{"type":153,"value":4876},"Choose a font e.g. \"Open Sans\".",{"type":148,"tag":4066,"props":4878,"children":4879},{},[4880,4885,4890],{"type":148,"tag":4093,"props":4881,"children":4882},{},[4883],{"type":153,"value":4884},"textFontWeight",{"type":148,"tag":4093,"props":4886,"children":4887},{},[4888],{"type":153,"value":4889},"text.font.weight",{"type":148,"tag":4093,"props":4891,"children":4892},{},[4893],{"type":153,"value":4894},"Choose font weight (light, normal, semi-bold, bold, extra-bold).",{"type":148,"tag":4066,"props":4896,"children":4897},{},[4898,4903,4908],{"type":148,"tag":4093,"props":4899,"children":4900},{},[4901],{"type":153,"value":4902},"textColor",{"type":148,"tag":4093,"props":4904,"children":4905},{},[4906],{"type":153,"value":4907},"text.color",{"type":148,"tag":4093,"props":4909,"children":4910},{},[4911],{"type":153,"value":4912},"Text color e.g. E0AA80 or E0AA8020.",{"type":148,"tag":4066,"props":4914,"children":4915},{},[4916,4921,4926],{"type":148,"tag":4093,"props":4917,"children":4918},{},[4919],{"type":153,"value":4920},"textOpacity",{"type":148,"tag":4093,"props":4922,"children":4923},{},[4924],{"type":153,"value":4925},"text.opacity",{"type":148,"tag":4093,"props":4927,"children":4928},{},[4929],{"type":153,"value":4930},"Text opacity.",{"type":148,"tag":4066,"props":4932,"children":4933},{},[4934,4939,4944],{"type":148,"tag":4093,"props":4935,"children":4936},{},[4937],{"type":153,"value":4938},"textOutlineWidth",{"type":148,"tag":4093,"props":4940,"children":4941},{},[4942],{"type":153,"value":4943},"text.outline.width",{"type":148,"tag":4093,"props":4945,"children":4946},{},[4947],{"type":153,"value":4948},"Add an outline around the text.",{"type":148,"tag":4066,"props":4950,"children":4951},{},[4952,4957,4962],{"type":148,"tag":4093,"props":4953,"children":4954},{},[4955],{"type":153,"value":4956},"textoutlineColor",{"type":148,"tag":4093,"props":4958,"children":4959},{},[4960],{"type":153,"value":4961},"text.outline.color",{"type":148,"tag":4093,"props":4963,"children":4964},{},[4965],{"type":153,"value":4966},"Color of the text outline.",{"type":148,"tag":4066,"props":4968,"children":4969},{},[4970,4975,4980],{"type":148,"tag":4093,"props":4971,"children":4972},{},[4973],{"type":153,"value":4974},"textOutlineOpacity",{"type":148,"tag":4093,"props":4976,"children":4977},{},[4978],{"type":153,"value":4979},"text.outline.opacity",{"type":148,"tag":4093,"props":4981,"children":4982},{},[4983],{"type":153,"value":4984},"Opacity of the text outline.",{"type":148,"tag":4066,"props":4986,"children":4987},{},[4988,4993,4998],{"type":148,"tag":4093,"props":4989,"children":4990},{},[4991],{"type":153,"value":4992},"textOutlineBlur",{"type":148,"tag":4093,"props":4994,"children":4995},{},[4996],{"type":153,"value":4997},"text.outline.blur",{"type":148,"tag":4093,"props":4999,"children":5000},{},[5001],{"type":153,"value":5002},"Blur the edge of the text outline.",{"type":148,"tag":4066,"props":5004,"children":5005},{},[5006,5011,5016],{"type":148,"tag":4093,"props":5007,"children":5008},{},[5009],{"type":153,"value":5010},"textBackgroundColor",{"type":148,"tag":4093,"props":5012,"children":5013},{},[5014],{"type":153,"value":5015},"text.background.color",{"type":148,"tag":4093,"props":5017,"children":5018},{},[5019],{"type":153,"value":5020},"Background color e.g. E0AA80 or E0AA8020.",{"type":148,"tag":4066,"props":5022,"children":5023},{},[5024,5029,5034],{"type":148,"tag":4093,"props":5025,"children":5026},{},[5027],{"type":153,"value":5028},"textBackgroundOpacity",{"type":148,"tag":4093,"props":5030,"children":5031},{},[5032],{"type":153,"value":5033},"text.background.opacity",{"type":148,"tag":4093,"props":5035,"children":5036},{},[5037],{"type":153,"value":5038},"Background opacity.",{"type":148,"tag":4066,"props":5040,"children":5041},{},[5042,5046,5050],{"type":148,"tag":4093,"props":5043,"children":5044},{},[5045],{"type":153,"value":2972},{"type":148,"tag":4093,"props":5047,"children":5048},{},[5049],{"type":153,"value":2972},{"type":148,"tag":4093,"props":5051,"children":5052},{},[5053],{"type":153,"value":5054},"Sharpen the image.",{"type":148,"tag":4066,"props":5056,"children":5057},{},[5058,5063,5067],{"type":148,"tag":4093,"props":5059,"children":5060},{},[5061],{"type":153,"value":5062},"blur",{"type":148,"tag":4093,"props":5064,"children":5065},{},[5066],{"type":153,"value":5062},{"type":148,"tag":4093,"props":5068,"children":5069},{},[5070],{"type":153,"value":5071},"Blur the image.",{"type":148,"tag":4066,"props":5073,"children":5074},{},[5075,5079,5083],{"type":148,"tag":4093,"props":5076,"children":5077},{},[5078],{"type":153,"value":3428},{"type":148,"tag":4093,"props":5080,"children":5081},{},[5082],{"type":153,"value":3428},{"type":148,"tag":4093,"props":5084,"children":5085},{},[5086],{"type":153,"value":5087},"Make the image black & white.",{"type":148,"tag":4066,"props":5089,"children":5090},{},[5091,5095,5099],{"type":148,"tag":4093,"props":5092,"children":5093},{},[5094],{"type":153,"value":3434},{"type":148,"tag":4093,"props":5096,"children":5097},{},[5098],{"type":153,"value":3434},{"type":148,"tag":4093,"props":5100,"children":5101},{},[5102],{"type":153,"value":5103},"Overlay a color on the image.",{"type":148,"tag":4066,"props":5105,"children":5106},{},[5107,5112,5117],{"type":148,"tag":4093,"props":5108,"children":5109},{},[5110],{"type":153,"value":5111},"colorizeColor",{"type":148,"tag":4093,"props":5113,"children":5114},{},[5115],{"type":153,"value":5116},"colorize.color",{"type":148,"tag":4093,"props":5118,"children":5119},{},[5120],{"type":153,"value":5121},"The color of the colorize option.",{"type":148,"tag":4066,"props":5123,"children":5124},{},[5125,5130,5135],{"type":148,"tag":4093,"props":5126,"children":5127},{},[5128],{"type":153,"value":5129},"colorizeOpacity",{"type":148,"tag":4093,"props":5131,"children":5132},{},[5133],{"type":153,"value":5134},"colorize.opacity",{"type":148,"tag":4093,"props":5136,"children":5137},{},[5138],{"type":153,"value":5139},"Opacity of the color overlay.",{"type":148,"tag":4066,"props":5141,"children":5142},{},[5143,5147,5151],{"type":148,"tag":4093,"props":5144,"children":5145},{},[5146],{"type":153,"value":3441},{"type":148,"tag":4093,"props":5148,"children":5149},{},[5150],{"type":153,"value":3441},{"type":148,"tag":4093,"props":5152,"children":5153},{},[5154],{"type":153,"value":5155},"Change the color tone of the image.",{"type":148,"tag":4066,"props":5157,"children":5158},{},[5159,5164,5169],{"type":148,"tag":4093,"props":5160,"children":5161},{},[5162],{"type":153,"value":5163},"colortoneColor",{"type":148,"tag":4093,"props":5165,"children":5166},{},[5167],{"type":153,"value":5168},"colortone.color",{"type":148,"tag":4093,"props":5170,"children":5171},{},[5172],{"type":153,"value":5173},"Apply a color tone to an image.",{"type":148,"tag":4066,"props":5175,"children":5176},{},[5177,5182,5187],{"type":148,"tag":4093,"props":5178,"children":5179},{},[5180],{"type":153,"value":5181},"colortoneLevel",{"type":148,"tag":4093,"props":5183,"children":5184},{},[5185],{"type":153,"value":5186},"colortone.level",{"type":148,"tag":4093,"props":5188,"children":5189},{},[5190],{"type":153,"value":5191},"Set the level of blending with the original image.",{"type":148,"tag":4066,"props":5193,"children":5194},{},[5195,5200,5205],{"type":148,"tag":4093,"props":5196,"children":5197},{},[5198],{"type":153,"value":5199},"colortoneMode",{"type":148,"tag":4093,"props":5201,"children":5202},{},[5203],{"type":153,"value":5204},"colortone.mode",{"type":148,"tag":4093,"props":5206,"children":5207},{},[5208],{"type":153,"value":5209},"Apply the color tone to the entire image or shadows/highlights only.",{"type":148,"tag":4066,"props":5211,"children":5212},{},[5213,5218,5223],{"type":148,"tag":4093,"props":5214,"children":5215},{},[5216],{"type":153,"value":5217},"vignette",{"type":148,"tag":4093,"props":5219,"children":5220},{},[5221],{"type":153,"value":5222},"vigette.value",{"type":148,"tag":4093,"props":5224,"children":5225},{},[5226],{"type":153,"value":5227},"Adjust the depth of the vignette.",{"type":148,"tag":4066,"props":5229,"children":5230},{},[5231,5236,5241],{"type":148,"tag":4093,"props":5232,"children":5233},{},[5234],{"type":153,"value":5235},"vignetteColor",{"type":148,"tag":4093,"props":5237,"children":5238},{},[5239],{"type":153,"value":5240},"vigette.color",{"type":148,"tag":4093,"props":5242,"children":5243},{},[5244],{"type":153,"value":5245},"Add a vignette (dark edges) around the image.",{"type":148,"tag":4066,"props":5247,"children":5248},{},[5249,5253,5257],{"type":148,"tag":4093,"props":5250,"children":5251},{},[5252],{"type":153,"value":3462},{"type":148,"tag":4093,"props":5254,"children":5255},{},[5256],{"type":153,"value":3462},{"type":148,"tag":4093,"props":5258,"children":5259},{},[5260],{"type":153,"value":5261},"Change the lightness of the image.",{"type":148,"tag":4066,"props":5263,"children":5264},{},[5265,5270,5275],{"type":148,"tag":4093,"props":5266,"children":5267},{},[5268],{"type":153,"value":5269},"colorlevelBlack",{"type":148,"tag":4093,"props":5271,"children":5272},{},[5273],{"type":153,"value":5274},"colorlevel.black",{"type":148,"tag":4093,"props":5276,"children":5277},{},[5278],{"type":153,"value":5279},"Adjust black level of image.",{"type":148,"tag":4066,"props":5281,"children":5282},{},[5283,5288,5293],{"type":148,"tag":4093,"props":5284,"children":5285},{},[5286],{"type":153,"value":5287},"colorlevelWhite",{"type":148,"tag":4093,"props":5289,"children":5290},{},[5291],{"type":153,"value":5292},"colorlevel.white",{"type":148,"tag":4093,"props":5294,"children":5295},{},[5296],{"type":153,"value":5297},"Adjust white level of image.",{"type":148,"tag":4066,"props":5299,"children":5300},{},[5301,5306,5310],{"type":148,"tag":4093,"props":5302,"children":5303},{},[5304],{"type":153,"value":5305},"histogram",{"type":148,"tag":4093,"props":5307,"children":5308},{},[5309],{"type":153,"value":5305},{"type":148,"tag":4093,"props":5311,"children":5312},{},[5313],{"type":153,"value":5314},"Display a histogram of RGB levels.",{"type":148,"tag":4066,"props":5316,"children":5317},{},[5318,5322,5326],{"type":148,"tag":4093,"props":5319,"children":5320},{},[5321],{"type":153,"value":3469},{"type":148,"tag":4093,"props":5323,"children":5324},{},[5325],{"type":153,"value":3469},{"type":148,"tag":4093,"props":5327,"children":5328},{},[5329],{"type":153,"value":5330},"Change the hue of the image.",{"type":148,"tag":4066,"props":5332,"children":5333},{},[5334,5338,5342],{"type":148,"tag":4093,"props":5335,"children":5336},{},[5337],{"type":153,"value":3475},{"type":148,"tag":4093,"props":5339,"children":5340},{},[5341],{"type":153,"value":3475},{"type":148,"tag":4093,"props":5343,"children":5344},{},[5345],{"type":153,"value":5346},"Change the saturation of the image.",{"type":148,"tag":4066,"props":5348,"children":5349},{},[5350,5354,5358],{"type":148,"tag":4093,"props":5351,"children":5352},{},[5353],{"type":153,"value":3481},{"type":148,"tag":4093,"props":5355,"children":5356},{},[5357],{"type":153,"value":3481},{"type":148,"tag":4093,"props":5359,"children":5360},{},[5361],{"type":153,"value":5362},"Change the highlights of the image.",{"type":148,"tag":4066,"props":5364,"children":5365},{},[5366,5370,5374],{"type":148,"tag":4093,"props":5367,"children":5368},{},[5369],{"type":153,"value":3487},{"type":148,"tag":4093,"props":5371,"children":5372},{},[5373],{"type":153,"value":3487},{"type":148,"tag":4093,"props":5375,"children":5376},{},[5377],{"type":153,"value":5378},"Change the shadows of the image.",{"type":148,"tag":4066,"props":5380,"children":5381},{},[5382,5386,5390],{"type":148,"tag":4093,"props":5383,"children":5384},{},[5385],{"type":153,"value":3493},{"type":148,"tag":4093,"props":5387,"children":5388},{},[5389],{"type":153,"value":3493},{"type":148,"tag":4093,"props":5391,"children":5392},{},[5393],{"type":153,"value":5394},"Change the brightness of the image.",{"type":148,"tag":4066,"props":5396,"children":5397},{},[5398,5402,5406],{"type":148,"tag":4093,"props":5399,"children":5400},{},[5401],{"type":153,"value":3499},{"type":148,"tag":4093,"props":5403,"children":5404},{},[5405],{"type":153,"value":3499},{"type":148,"tag":4093,"props":5407,"children":5408},{},[5409],{"type":153,"value":5410},"Change the exposure of the image.",{"type":148,"tag":4066,"props":5412,"children":5413},{},[5414,5418,5422],{"type":148,"tag":4093,"props":5415,"children":5416},{},[5417],{"type":153,"value":3505},{"type":148,"tag":4093,"props":5419,"children":5420},{},[5421],{"type":153,"value":3505},{"type":148,"tag":4093,"props":5423,"children":5424},{},[5425],{"type":153,"value":5426},"Change the contrast of the image.",{"type":148,"tag":4066,"props":5428,"children":5429},{},[5430,5434,5438],{"type":148,"tag":4093,"props":5431,"children":5432},{},[5433],{"type":153,"value":3293},{"type":148,"tag":4093,"props":5435,"children":5436},{},[5437],{"type":153,"value":3293},{"type":148,"tag":4093,"props":5439,"children":5440},{},[5441],{"type":153,"value":5442},"Number of degrees to rotate the image.",{"type":148,"tag":4066,"props":5444,"children":5445},{},[5446,5451,5455],{"type":148,"tag":4093,"props":5447,"children":5448},{},[5449],{"type":153,"value":5450},"flip",{"type":148,"tag":4093,"props":5452,"children":5453},{},[5454],{"type":153,"value":5450},{"type":148,"tag":4093,"props":5456,"children":5457},{},[5458],{"type":153,"value":5459},"Flip image vertically (mirror).",{"type":148,"tag":4066,"props":5461,"children":5462},{},[5463,5468,5472],{"type":148,"tag":4093,"props":5464,"children":5465},{},[5466],{"type":153,"value":5467},"flop",{"type":148,"tag":4093,"props":5469,"children":5470},{},[5471],{"type":153,"value":5467},{"type":148,"tag":4093,"props":5473,"children":5474},{},[5475],{"type":153,"value":5476},"Flip image horizontally (mirror).",{"type":148,"tag":4066,"props":5478,"children":5479},{},[5480,5485,5489],{"type":148,"tag":4093,"props":5481,"children":5482},{},[5483],{"type":153,"value":5484},"opacity",{"type":148,"tag":4093,"props":5486,"children":5487},{},[5488],{"type":153,"value":5484},{"type":148,"tag":4093,"props":5490,"children":5491},{},[5492],{"type":153,"value":5493},"Opacity of PNG images.",{"type":148,"tag":4066,"props":5495,"children":5496},{},[5497,5502,5507],{"type":148,"tag":4093,"props":5498,"children":5499},{},[5500],{"type":153,"value":5501},"frameStyle",{"type":148,"tag":4093,"props":5503,"children":5504},{},[5505],{"type":153,"value":5506},"frame.style",{"type":148,"tag":4093,"props":5508,"children":5509},{},[5510],{"type":153,"value":5511},"Add a frame around the image.",{"type":148,"tag":4066,"props":5513,"children":5514},{},[5515,5520,5525],{"type":148,"tag":4093,"props":5516,"children":5517},{},[5518],{"type":153,"value":5519},"frameColor",{"type":148,"tag":4093,"props":5521,"children":5522},{},[5523],{"type":153,"value":5524},"frame.color",{"type":148,"tag":4093,"props":5526,"children":5527},{},[5528],{"type":153,"value":5529},"Frame color e.g. E0AA80 or E0AA8020.",{"type":148,"tag":4066,"props":5531,"children":5532},{},[5533,5538,5543],{"type":148,"tag":4093,"props":5534,"children":5535},{},[5536],{"type":153,"value":5537},"frameWidth",{"type":148,"tag":4093,"props":5539,"children":5540},{},[5541],{"type":153,"value":5542},"frame.width",{"type":148,"tag":4093,"props":5544,"children":5545},{},[5546],{"type":153,"value":5547},"Frame width.",{"type":148,"tag":4066,"props":5549,"children":5550},{},[5551,5556,5561],{"type":148,"tag":4093,"props":5552,"children":5553},{},[5554],{"type":153,"value":5555},"frameRimColor",{"type":148,"tag":4093,"props":5557,"children":5558},{},[5559],{"type":153,"value":5560},"frame.rim.color",{"type":148,"tag":4093,"props":5562,"children":5563},{},[5564],{"type":153,"value":5565},"Frame rim color e.g. E0AA80 or E0AA8020.",{"type":148,"tag":4066,"props":5567,"children":5568},{},[5569,5574,5579],{"type":148,"tag":4093,"props":5570,"children":5571},{},[5572],{"type":153,"value":5573},"frameRimWidth",{"type":148,"tag":4093,"props":5575,"children":5576},{},[5577],{"type":153,"value":5578},"frame.rim.width",{"type":148,"tag":4093,"props":5580,"children":5581},{},[5582],{"type":153,"value":5583},"Frame rim width.",{"type":148,"tag":4066,"props":5585,"children":5586},{},[5587,5592,5597],{"type":148,"tag":4093,"props":5588,"children":5589},{},[5590],{"type":153,"value":5591},"pdfPage",{"type":148,"tag":4093,"props":5593,"children":5594},{},[5595],{"type":153,"value":5596},"page",{"type":148,"tag":4093,"props":5598,"children":5599},{},[5600],{"type":153,"value":5601},"Page number of PDF when converted to image.",{"type":148,"tag":2522,"props":5603,"children":5604},{},[5605],{"type":148,"tag":149,"props":5606,"children":5607},{},[5608,5610,5617],{"type":153,"value":5609},"Learn more about ",{"type":148,"tag":156,"props":5611,"children":5614},{"href":5612,"rel":5613},"https://sirv.com/help/article/dynamic-imaging",[160],[5615],{"type":153,"value":5616},"Sirv's Image transformations",{"type":153,"value":5618}," from the official documentation.",{"type":148,"tag":2360,"props":5620,"children":5621},{},[5622],{"type":153,"value":2364},{"title":136,"searchDepth":214,"depth":214,"links":5624},[5625,5627,5628,5637],{"id":2550,"depth":214,"text":5626},"Sirv fit parameters",{"id":1167,"depth":214,"text":1167},{"id":2780,"depth":214,"text":2783,"children":5629},[5630,5631,5632,5633,5634,5635,5636],{"id":2798,"depth":234,"text":2798},{"id":2822,"depth":234,"text":2822},{"id":2972,"depth":234,"text":2972},{"id":3109,"depth":234,"text":3109},{"id":3293,"depth":234,"text":3293},{"id":3406,"depth":234,"text":3409},{"id":3632,"depth":234,"text":3635},{"id":4048,"depth":214,"text":4051},"content:3.providers:sirv.md","3.providers/sirv.md",{"_path":107,"_dir":134,"_draft":135,"_partial":135,"_locale":136,"title":106,"description":5641,"links":5642,"body":5645,"_type":2375,"_id":6153,"_source":2377,"_file":6154,"_extension":2379},"Nuxt Image with Strapi integration.",[5643],{"label":140,"icon":141,"to":5644,"size":143},"https://github.com/nuxt/image/blob/main/src/runtime/providers/strapi.ts",{"type":145,"children":5646,"toc":6150},[5647,5659,5671,5751,5756,5865,5871,5883,5896,5966,5980,5985,6049,6054,6137,6146],{"type":148,"tag":149,"props":5648,"children":5649},{},[5650,5651,5657],{"type":153,"value":154},{"type":148,"tag":156,"props":5652,"children":5655},{"href":5653,"rel":5654},"https://strapi.io",[160],[5656],{"type":153,"value":106},{"type":153,"value":5658}," and the image module.",{"type":148,"tag":149,"props":5660,"children":5661},{},[5662,5664,5669],{"type":153,"value":5663},"No specific configuration is required. You just need to specify ",{"type":148,"tag":174,"props":5665,"children":5666},{"className":136},[5667],{"type":153,"value":5668},"strapi",{"type":153,"value":5670}," in your configuration to make it the default:",{"type":148,"tag":166,"props":5672,"children":5674},{"className":168,"code":5673,"filename":170,"language":171,"meta":136,"style":136},"export default defineNuxtConfig({\n  image: {\n    strapi: {}\n  }\n})\n",[5675],{"type":148,"tag":174,"props":5676,"children":5677},{"__ignoreMap":136},[5678,5701,5716,5733,5740],{"type":148,"tag":178,"props":5679,"children":5680},{"class":180,"line":181},[5681,5685,5689,5693,5697],{"type":148,"tag":178,"props":5682,"children":5683},{"style":185},[5684],{"type":153,"value":188},{"type":148,"tag":178,"props":5686,"children":5687},{"style":185},[5688],{"type":153,"value":193},{"type":148,"tag":178,"props":5690,"children":5691},{"style":196},[5692],{"type":153,"value":199},{"type":148,"tag":178,"props":5694,"children":5695},{"style":202},[5696],{"type":153,"value":205},{"type":148,"tag":178,"props":5698,"children":5699},{"style":208},[5700],{"type":153,"value":211},{"type":148,"tag":178,"props":5702,"children":5703},{"class":180,"line":214},[5704,5708,5712],{"type":148,"tag":178,"props":5705,"children":5706},{"style":218},[5707],{"type":153,"value":221},{"type":148,"tag":178,"props":5709,"children":5710},{"style":208},[5711],{"type":153,"value":226},{"type":148,"tag":178,"props":5713,"children":5714},{"style":208},[5715],{"type":153,"value":231},{"type":148,"tag":178,"props":5717,"children":5718},{"class":180,"line":234},[5719,5724,5728],{"type":148,"tag":178,"props":5720,"children":5721},{"style":218},[5722],{"type":153,"value":5723},"    strapi",{"type":148,"tag":178,"props":5725,"children":5726},{"style":208},[5727],{"type":153,"value":226},{"type":148,"tag":178,"props":5729,"children":5730},{"style":208},[5731],{"type":153,"value":5732}," {}\n",{"type":148,"tag":178,"props":5734,"children":5735},{"class":180,"line":251},[5736],{"type":148,"tag":178,"props":5737,"children":5738},{"style":208},[5739],{"type":153,"value":295},{"type":148,"tag":178,"props":5741,"children":5742},{"class":180,"line":280},[5743,5747],{"type":148,"tag":178,"props":5744,"children":5745},{"style":208},[5746],{"type":153,"value":304},{"type":148,"tag":178,"props":5748,"children":5749},{"style":202},[5750],{"type":153,"value":309},{"type":148,"tag":149,"props":5752,"children":5753},{},[5754],{"type":153,"value":5755},"Override default options:",{"type":148,"tag":166,"props":5757,"children":5759},{"className":168,"code":5758,"filename":170,"language":171,"meta":136,"style":136},"export default defineNuxtConfig({\n  image: {\n    strapi: {\n      baseURL: 'http://localhost:1337/uploads/'\n    }\n  }\n})\n",[5760],{"type":148,"tag":174,"props":5761,"children":5762},{"__ignoreMap":136},[5763,5786,5801,5816,5840,5847,5854],{"type":148,"tag":178,"props":5764,"children":5765},{"class":180,"line":181},[5766,5770,5774,5778,5782],{"type":148,"tag":178,"props":5767,"children":5768},{"style":185},[5769],{"type":153,"value":188},{"type":148,"tag":178,"props":5771,"children":5772},{"style":185},[5773],{"type":153,"value":193},{"type":148,"tag":178,"props":5775,"children":5776},{"style":196},[5777],{"type":153,"value":199},{"type":148,"tag":178,"props":5779,"children":5780},{"style":202},[5781],{"type":153,"value":205},{"type":148,"tag":178,"props":5783,"children":5784},{"style":208},[5785],{"type":153,"value":211},{"type":148,"tag":178,"props":5787,"children":5788},{"class":180,"line":214},[5789,5793,5797],{"type":148,"tag":178,"props":5790,"children":5791},{"style":218},[5792],{"type":153,"value":221},{"type":148,"tag":178,"props":5794,"children":5795},{"style":208},[5796],{"type":153,"value":226},{"type":148,"tag":178,"props":5798,"children":5799},{"style":208},[5800],{"type":153,"value":231},{"type":148,"tag":178,"props":5802,"children":5803},{"class":180,"line":234},[5804,5808,5812],{"type":148,"tag":178,"props":5805,"children":5806},{"style":218},[5807],{"type":153,"value":5723},{"type":148,"tag":178,"props":5809,"children":5810},{"style":208},[5811],{"type":153,"value":226},{"type":148,"tag":178,"props":5813,"children":5814},{"style":208},[5815],{"type":153,"value":231},{"type":148,"tag":178,"props":5817,"children":5818},{"class":180,"line":251},[5819,5823,5827,5831,5836],{"type":148,"tag":178,"props":5820,"children":5821},{"style":218},[5822],{"type":153,"value":257},{"type":148,"tag":178,"props":5824,"children":5825},{"style":208},[5826],{"type":153,"value":226},{"type":148,"tag":178,"props":5828,"children":5829},{"style":208},[5830],{"type":153,"value":266},{"type":148,"tag":178,"props":5832,"children":5833},{"style":269},[5834],{"type":153,"value":5835},"http://localhost:1337/uploads/",{"type":148,"tag":178,"props":5837,"children":5838},{"style":208},[5839],{"type":153,"value":277},{"type":148,"tag":178,"props":5841,"children":5842},{"class":180,"line":280},[5843],{"type":148,"tag":178,"props":5844,"children":5845},{"style":208},[5846],{"type":153,"value":286},{"type":148,"tag":178,"props":5848,"children":5849},{"class":180,"line":289},[5850],{"type":148,"tag":178,"props":5851,"children":5852},{"style":208},[5853],{"type":153,"value":295},{"type":148,"tag":178,"props":5855,"children":5856},{"class":180,"line":298},[5857,5861],{"type":148,"tag":178,"props":5858,"children":5859},{"style":208},[5860],{"type":153,"value":304},{"type":148,"tag":178,"props":5862,"children":5863},{"style":202},[5864],{"type":153,"value":309},{"type":148,"tag":311,"props":5866,"children":5868},{"id":5867},"modifiers",[5869],{"type":153,"value":5870},"Modifiers",{"type":148,"tag":149,"props":5872,"children":5873},{},[5874,5876,5881],{"type":153,"value":5875},"The ",{"type":148,"tag":174,"props":5877,"children":5878},{"className":136},[5879],{"type":153,"value":5880},"breakpoint",{"type":153,"value":5882}," modifier is used to specify the size of the image.",{"type":148,"tag":149,"props":5884,"children":5885},{},[5886,5888,5894],{"type":153,"value":5887},"By default, when the image is uploaded and ",{"type":148,"tag":5889,"props":5890,"children":5891},"strong",{},[5892],{"type":153,"value":5893},"Enable responsive friendly upload",{"type":153,"value":5895}," Strapi setting is enabled in the settings panel the plugin will generate the following responsive image sizes:",{"type":148,"tag":4058,"props":5897,"children":5898},{},[5899,5915],{"type":148,"tag":4062,"props":5900,"children":5901},{},[5902],{"type":148,"tag":4066,"props":5903,"children":5904},{},[5905,5910],{"type":148,"tag":4070,"props":5906,"children":5907},{},[5908],{"type":153,"value":5909},"Name",{"type":148,"tag":4070,"props":5911,"children":5912},{},[5913],{"type":153,"value":5914},"Largest Dimension",{"type":148,"tag":4086,"props":5916,"children":5917},{},[5918,5934,5950],{"type":148,"tag":4066,"props":5919,"children":5920},{},[5921,5929],{"type":148,"tag":4093,"props":5922,"children":5923},{},[5924],{"type":148,"tag":174,"props":5925,"children":5926},{"className":136},[5927],{"type":153,"value":5928},"small",{"type":148,"tag":4093,"props":5930,"children":5931},{},[5932],{"type":153,"value":5933},"500px",{"type":148,"tag":4066,"props":5935,"children":5936},{},[5937,5945],{"type":148,"tag":4093,"props":5938,"children":5939},{},[5940],{"type":148,"tag":174,"props":5941,"children":5942},{"className":136},[5943],{"type":153,"value":5944},"medium",{"type":148,"tag":4093,"props":5946,"children":5947},{},[5948],{"type":153,"value":5949},"750px",{"type":148,"tag":4066,"props":5951,"children":5952},{},[5953,5961],{"type":148,"tag":4093,"props":5954,"children":5955},{},[5956],{"type":148,"tag":174,"props":5957,"children":5958},{"className":136},[5959],{"type":153,"value":5960},"large",{"type":148,"tag":4093,"props":5962,"children":5963},{},[5964],{"type":153,"value":5965},"1000px",{"type":148,"tag":149,"props":5967,"children":5968},{},[5969,5971,5978],{"type":153,"value":5970},"You can override the default breakpoints. See the ",{"type":148,"tag":156,"props":5972,"children":5975},{"href":5973,"rel":5974},"https://strapi.io/documentation/developer-docs/latest/development/plugins/upload.html#configuration",[160],[5976],{"type":153,"value":5977},"Upload configuration",{"type":153,"value":5979}," in the Strapi documentation.",{"type":148,"tag":149,"props":5981,"children":5982},{},[5983],{"type":153,"value":5984},"If you don't set breakpoint modifier, the original image size will be used:",{"type":148,"tag":166,"props":5986,"children":5988},{"className":376,"code":5987,"language":378,"meta":136,"style":136},"\u003CNuxtImg provider=\"strapi\" src=\"...\" />\n",[5989],{"type":148,"tag":174,"props":5990,"children":5991},{"__ignoreMap":136},[5992],{"type":148,"tag":178,"props":5993,"children":5994},{"class":180,"line":181},[5995,5999,6003,6007,6011,6015,6019,6023,6027,6031,6035,6040,6044],{"type":148,"tag":178,"props":5996,"children":5997},{"style":208},[5998],{"type":153,"value":390},{"type":148,"tag":178,"props":6000,"children":6001},{"style":218},[6002],{"type":153,"value":3678},{"type":148,"tag":178,"props":6004,"children":6005},{"style":437},[6006],{"type":153,"value":3683},{"type":148,"tag":178,"props":6008,"children":6009},{"style":208},[6010],{"type":153,"value":445},{"type":148,"tag":178,"props":6012,"children":6013},{"style":208},[6014],{"type":153,"value":450},{"type":148,"tag":178,"props":6016,"children":6017},{"style":269},[6018],{"type":153,"value":5668},{"type":148,"tag":178,"props":6020,"children":6021},{"style":208},[6022],{"type":153,"value":450},{"type":148,"tag":178,"props":6024,"children":6025},{"style":437},[6026],{"type":153,"value":3711},{"type":148,"tag":178,"props":6028,"children":6029},{"style":208},[6030],{"type":153,"value":445},{"type":148,"tag":178,"props":6032,"children":6033},{"style":208},[6034],{"type":153,"value":450},{"type":148,"tag":178,"props":6036,"children":6037},{"style":269},[6038],{"type":153,"value":6039},"...",{"type":148,"tag":178,"props":6041,"children":6042},{"style":208},[6043],{"type":153,"value":450},{"type":148,"tag":178,"props":6045,"children":6046},{"style":208},[6047],{"type":153,"value":6048}," />\n",{"type":148,"tag":149,"props":6050,"children":6051},{},[6052],{"type":153,"value":6053},"Define breakpoint modifier:",{"type":148,"tag":166,"props":6055,"children":6057},{"className":376,"code":6056,"language":378,"meta":136,"style":136},"\u003CNuxtImg provider=\"strapi\" src=\"...\" :modifiers=\"{ breakpoint: 'small' }\" />\n",[6058],{"type":148,"tag":174,"props":6059,"children":6060},{"__ignoreMap":136},[6061],{"type":148,"tag":178,"props":6062,"children":6063},{"class":180,"line":181},[6064,6068,6072,6076,6080,6084,6088,6092,6096,6100,6104,6108,6112,6116,6120,6124,6129,6133],{"type":148,"tag":178,"props":6065,"children":6066},{"style":208},[6067],{"type":153,"value":390},{"type":148,"tag":178,"props":6069,"children":6070},{"style":218},[6071],{"type":153,"value":3678},{"type":148,"tag":178,"props":6073,"children":6074},{"style":437},[6075],{"type":153,"value":3683},{"type":148,"tag":178,"props":6077,"children":6078},{"style":208},[6079],{"type":153,"value":445},{"type":148,"tag":178,"props":6081,"children":6082},{"style":208},[6083],{"type":153,"value":450},{"type":148,"tag":178,"props":6085,"children":6086},{"style":269},[6087],{"type":153,"value":5668},{"type":148,"tag":178,"props":6089,"children":6090},{"style":208},[6091],{"type":153,"value":450},{"type":148,"tag":178,"props":6093,"children":6094},{"style":437},[6095],{"type":153,"value":3711},{"type":148,"tag":178,"props":6097,"children":6098},{"style":208},[6099],{"type":153,"value":445},{"type":148,"tag":178,"props":6101,"children":6102},{"style":208},[6103],{"type":153,"value":450},{"type":148,"tag":178,"props":6105,"children":6106},{"style":269},[6107],{"type":153,"value":6039},{"type":148,"tag":178,"props":6109,"children":6110},{"style":208},[6111],{"type":153,"value":450},{"type":148,"tag":178,"props":6113,"children":6114},{"style":437},[6115],{"type":153,"value":3768},{"type":148,"tag":178,"props":6117,"children":6118},{"style":208},[6119],{"type":153,"value":445},{"type":148,"tag":178,"props":6121,"children":6122},{"style":208},[6123],{"type":153,"value":450},{"type":148,"tag":178,"props":6125,"children":6126},{"style":269},[6127],{"type":153,"value":6128},"{ breakpoint: 'small' }",{"type":148,"tag":178,"props":6130,"children":6131},{"style":208},[6132],{"type":153,"value":450},{"type":148,"tag":178,"props":6134,"children":6135},{"style":208},[6136],{"type":153,"value":6048},{"type":148,"tag":6138,"props":6139,"children":6140},"callout",{},[6141],{"type":148,"tag":149,"props":6142,"children":6143},{},[6144],{"type":153,"value":6145},"Only one breakpoint can be modified per image.",{"type":148,"tag":2360,"props":6147,"children":6148},{},[6149],{"type":153,"value":2364},{"title":136,"searchDepth":214,"depth":214,"links":6151},[6152],{"id":5867,"depth":214,"text":5870},"content:3.providers:strapi.md","3.providers/strapi.md",1703164850447]