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