[{"data":1,"prerenderedAt":2665},["ShallowReactive",2],{"navigation":3,"docs-/usage/use-image":136,"docs-/usage/use-image-surround":1577},[4,20,33,126],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102,105,108,111,114,117,120,123],{"title":37,"_path":38},"Aliyun","/providers/aliyun",{"title":40,"_path":41},"AWS Amplify","/providers/aws-amplify",{"title":43,"_path":44},"Bunny","/providers/bunny",{"title":46,"_path":47},"Caisy","/providers/caisy",{"title":49,"_path":50},"Cloudflare","/providers/cloudflare",{"title":52,"_path":53},"Cloudimage","/providers/cloudimage",{"title":55,"_path":56},"Cloudinary","/providers/cloudinary",{"title":58,"_path":59},"Contentful","/providers/contentful",{"title":61,"_path":62},"Directus","/providers/directus",{"title":64,"_path":65},"Fastly","/providers/fastly",{"title":67,"_path":68},"Filerobot","/providers/filerobot",{"title":70,"_path":71},"Glide","/providers/glide",{"title":73,"_path":74},"Gumlet","/providers/gumlet",{"title":76,"_path":77},"Hygraph","/providers/hygraph",{"title":79,"_path":80},"ImageEngine","/providers/imageengine",{"title":82,"_path":83},"ImageKit","/providers/imagekit",{"title":85,"_path":86},"Imgix","/providers/imgix",{"title":88,"_path":89},"IPX","/providers/ipx",{"title":91,"_path":92},"Netlify","/providers/netlify",{"title":94,"_path":95},"Prepr","/providers/prepr",{"title":97,"_path":98},"Prismic","/providers/prismic",{"title":100,"_path":101},"Sanity","/providers/sanity",{"title":103,"_path":104},"Sirv","/providers/sirv",{"title":106,"_path":107},"Storyblok","/providers/storyblok",{"title":109,"_path":110},"Strapi","/providers/strapi",{"title":112,"_path":113},"Twicpics","/providers/twicpics",{"title":115,"_path":116},"Unsplash","/providers/unsplash",{"title":118,"_path":119},"Uploadcare","/providers/uploadcare",{"title":121,"_path":122},"Vercel","/providers/vercel",{"title":124,"_path":125},"Weserv","/providers/weserv",{"title":127,"_path":128,"children":129},"Advanced","/advanced",[130,133],{"title":131,"_path":132},"Custom Provider","/advanced/custom-provider",{"title":134,"_path":135},"Static Images","/advanced/static-images",{"_path":32,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":31,"description":140,"links":141,"body":147,"_type":1571,"_id":1572,"_source":1573,"_file":1574,"_stem":1575,"_extension":1576},"usage",false,"","A Vue composable that returns a helper function to generate optimized image URLs.",[142],{"label":143,"icon":144,"to":145,"size":146},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/composables.ts","xs",{"type":148,"children":149,"toc":1566},"root",[150,196,201,288,307,547,558,646,662,670,810,825,1560],{"type":151,"tag":152,"props":153,"children":154},"element","p",{},[155,158,164,166,171,173,178,180,186,188,194],{"type":156,"value":157},"text","Sometimes you might need to use a generated image URL directly with applied transformations instead of the ",{"type":151,"tag":159,"props":160,"children":162},"code",{"className":161},[],[163],{"type":156,"value":25},{"type":156,"value":165}," and ",{"type":151,"tag":159,"props":167,"children":169},{"className":168},[],[170],{"type":156,"value":28},{"type":156,"value":172}," components. This is where ",{"type":151,"tag":159,"props":174,"children":176},{"className":175},[],[177],{"type":156,"value":31},{"type":156,"value":179}," comes in (and the helper function it returns, which you will often see referenced directly as ",{"type":151,"tag":159,"props":181,"children":183},{"className":182},[],[184],{"type":156,"value":185},"$img",{"type":156,"value":187}," or ",{"type":151,"tag":159,"props":189,"children":191},{"className":190},[],[192],{"type":156,"value":193},"img",{"type":156,"value":195},").",{"type":151,"tag":197,"props":198,"children":199},"h2",{"id":137},[200],{"type":156,"value":21},{"type":151,"tag":202,"props":203,"children":207},"pre",{"className":204,"code":205,"language":206,"meta":139,"style":139},"language-js shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","const img = useImage()\n\nimg(src, modifiers, options)\n","js",[208],{"type":151,"tag":159,"props":209,"children":210},{"__ignoreMap":139},[211,246,256],{"type":151,"tag":212,"props":213,"children":216},"span",{"class":214,"line":215},"line",1,[217,223,229,235,241],{"type":151,"tag":212,"props":218,"children":220},{"style":219},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[221],{"type":156,"value":222},"const",{"type":151,"tag":212,"props":224,"children":226},{"style":225},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[227],{"type":156,"value":228}," img ",{"type":151,"tag":212,"props":230,"children":232},{"style":231},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[233],{"type":156,"value":234},"=",{"type":151,"tag":212,"props":236,"children":238},{"style":237},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[239],{"type":156,"value":240}," useImage",{"type":151,"tag":212,"props":242,"children":243},{"style":225},[244],{"type":156,"value":245},"()\n",{"type":151,"tag":212,"props":247,"children":249},{"class":214,"line":248},2,[250],{"type":151,"tag":212,"props":251,"children":253},{"emptyLinePlaceholder":252},true,[254],{"type":156,"value":255},"\n",{"type":151,"tag":212,"props":257,"children":259},{"class":214,"line":258},3,[260,264,269,274,279,283],{"type":151,"tag":212,"props":261,"children":262},{"style":237},[263],{"type":156,"value":193},{"type":151,"tag":212,"props":265,"children":266},{"style":225},[267],{"type":156,"value":268},"(src",{"type":151,"tag":212,"props":270,"children":271},{"style":231},[272],{"type":156,"value":273},",",{"type":151,"tag":212,"props":275,"children":276},{"style":225},[277],{"type":156,"value":278}," modifiers",{"type":151,"tag":212,"props":280,"children":281},{"style":231},[282],{"type":156,"value":273},{"type":151,"tag":212,"props":284,"children":285},{"style":225},[286],{"type":156,"value":287}," options)\n",{"type":151,"tag":152,"props":289,"children":290},{},[291,297,299,305],{"type":151,"tag":292,"props":293,"children":294},"strong",{},[295],{"type":156,"value":296},"Example:",{"type":156,"value":298}," Generate image URL for ",{"type":151,"tag":159,"props":300,"children":302},{"className":301},[],[303],{"type":156,"value":304},"backgroundImage",{"type":156,"value":306}," style.",{"type":151,"tag":202,"props":308,"children":310},{"className":204,"code":309,"language":206,"meta":139,"style":139},"const img = useImage()\n\nconst backgroundStyles = computed(() => {\n  const imgUrl = img('https://github.com/nuxt.png', { width: 100 })\n\n  return { backgroundImage: `url('${imgUrl}')` }\n})\n",[311],{"type":151,"tag":159,"props":312,"children":313},{"__ignoreMap":139},[314,337,344,385,464,472,535],{"type":151,"tag":212,"props":315,"children":316},{"class":214,"line":215},[317,321,325,329,333],{"type":151,"tag":212,"props":318,"children":319},{"style":219},[320],{"type":156,"value":222},{"type":151,"tag":212,"props":322,"children":323},{"style":225},[324],{"type":156,"value":228},{"type":151,"tag":212,"props":326,"children":327},{"style":231},[328],{"type":156,"value":234},{"type":151,"tag":212,"props":330,"children":331},{"style":237},[332],{"type":156,"value":240},{"type":151,"tag":212,"props":334,"children":335},{"style":225},[336],{"type":156,"value":245},{"type":151,"tag":212,"props":338,"children":339},{"class":214,"line":248},[340],{"type":151,"tag":212,"props":341,"children":342},{"emptyLinePlaceholder":252},[343],{"type":156,"value":255},{"type":151,"tag":212,"props":345,"children":346},{"class":214,"line":258},[347,351,356,360,365,370,375,380],{"type":151,"tag":212,"props":348,"children":349},{"style":219},[350],{"type":156,"value":222},{"type":151,"tag":212,"props":352,"children":353},{"style":225},[354],{"type":156,"value":355}," backgroundStyles ",{"type":151,"tag":212,"props":357,"children":358},{"style":231},[359],{"type":156,"value":234},{"type":151,"tag":212,"props":361,"children":362},{"style":237},[363],{"type":156,"value":364}," computed",{"type":151,"tag":212,"props":366,"children":367},{"style":225},[368],{"type":156,"value":369},"(",{"type":151,"tag":212,"props":371,"children":372},{"style":231},[373],{"type":156,"value":374},"()",{"type":151,"tag":212,"props":376,"children":377},{"style":219},[378],{"type":156,"value":379}," =>",{"type":151,"tag":212,"props":381,"children":382},{"style":231},[383],{"type":156,"value":384}," {\n",{"type":151,"tag":212,"props":386,"children":388},{"class":214,"line":387},4,[389,394,399,404,409,414,419,425,429,433,438,443,448,454,459],{"type":151,"tag":212,"props":390,"children":391},{"style":219},[392],{"type":156,"value":393},"  const",{"type":151,"tag":212,"props":395,"children":396},{"style":225},[397],{"type":156,"value":398}," imgUrl",{"type":151,"tag":212,"props":400,"children":401},{"style":231},[402],{"type":156,"value":403}," =",{"type":151,"tag":212,"props":405,"children":406},{"style":237},[407],{"type":156,"value":408}," img",{"type":151,"tag":212,"props":410,"children":412},{"style":411},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[413],{"type":156,"value":369},{"type":151,"tag":212,"props":415,"children":416},{"style":231},[417],{"type":156,"value":418},"'",{"type":151,"tag":212,"props":420,"children":422},{"style":421},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[423],{"type":156,"value":424},"https://github.com/nuxt.png",{"type":151,"tag":212,"props":426,"children":427},{"style":231},[428],{"type":156,"value":418},{"type":151,"tag":212,"props":430,"children":431},{"style":231},[432],{"type":156,"value":273},{"type":151,"tag":212,"props":434,"children":435},{"style":231},[436],{"type":156,"value":437}," {",{"type":151,"tag":212,"props":439,"children":440},{"style":411},[441],{"type":156,"value":442}," width",{"type":151,"tag":212,"props":444,"children":445},{"style":231},[446],{"type":156,"value":447},":",{"type":151,"tag":212,"props":449,"children":451},{"style":450},"--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C",[452],{"type":156,"value":453}," 100",{"type":151,"tag":212,"props":455,"children":456},{"style":231},[457],{"type":156,"value":458}," }",{"type":151,"tag":212,"props":460,"children":461},{"style":411},[462],{"type":156,"value":463},")\n",{"type":151,"tag":212,"props":465,"children":467},{"class":214,"line":466},5,[468],{"type":151,"tag":212,"props":469,"children":470},{"emptyLinePlaceholder":252},[471],{"type":156,"value":255},{"type":151,"tag":212,"props":473,"children":475},{"class":214,"line":474},6,[476,482,486,491,495,500,505,510,515,520,525,530],{"type":151,"tag":212,"props":477,"children":479},{"style":478},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[480],{"type":156,"value":481},"  return",{"type":151,"tag":212,"props":483,"children":484},{"style":231},[485],{"type":156,"value":437},{"type":151,"tag":212,"props":487,"children":488},{"style":411},[489],{"type":156,"value":490}," backgroundImage",{"type":151,"tag":212,"props":492,"children":493},{"style":231},[494],{"type":156,"value":447},{"type":151,"tag":212,"props":496,"children":497},{"style":231},[498],{"type":156,"value":499}," `",{"type":151,"tag":212,"props":501,"children":502},{"style":421},[503],{"type":156,"value":504},"url('",{"type":151,"tag":212,"props":506,"children":507},{"style":231},[508],{"type":156,"value":509},"${",{"type":151,"tag":212,"props":511,"children":512},{"style":225},[513],{"type":156,"value":514},"imgUrl",{"type":151,"tag":212,"props":516,"children":517},{"style":231},[518],{"type":156,"value":519},"}",{"type":151,"tag":212,"props":521,"children":522},{"style":421},[523],{"type":156,"value":524},"')",{"type":151,"tag":212,"props":526,"children":527},{"style":231},[528],{"type":156,"value":529},"`",{"type":151,"tag":212,"props":531,"children":532},{"style":231},[533],{"type":156,"value":534}," }\n",{"type":151,"tag":212,"props":536,"children":538},{"class":214,"line":537},7,[539,543],{"type":151,"tag":212,"props":540,"children":541},{"style":231},[542],{"type":156,"value":519},{"type":151,"tag":212,"props":544,"children":545},{"style":225},[546],{"type":156,"value":463},{"type":151,"tag":548,"props":549,"children":551},"h3",{"id":550},"imggetsizes",[552],{"type":151,"tag":159,"props":553,"children":555},{"className":554},[],[556],{"type":156,"value":557},"img.getSizes",{"type":151,"tag":202,"props":559,"children":561},{"className":204,"code":560,"language":206,"meta":139,"style":139},"const img = useImage()\n\nimg.getSizes(src, { sizes, modifiers })\n",[562],{"type":151,"tag":159,"props":563,"children":564},{"__ignoreMap":139},[565,588,595],{"type":151,"tag":212,"props":566,"children":567},{"class":214,"line":215},[568,572,576,580,584],{"type":151,"tag":212,"props":569,"children":570},{"style":219},[571],{"type":156,"value":222},{"type":151,"tag":212,"props":573,"children":574},{"style":225},[575],{"type":156,"value":228},{"type":151,"tag":212,"props":577,"children":578},{"style":231},[579],{"type":156,"value":234},{"type":151,"tag":212,"props":581,"children":582},{"style":237},[583],{"type":156,"value":240},{"type":151,"tag":212,"props":585,"children":586},{"style":225},[587],{"type":156,"value":245},{"type":151,"tag":212,"props":589,"children":590},{"class":214,"line":248},[591],{"type":151,"tag":212,"props":592,"children":593},{"emptyLinePlaceholder":252},[594],{"type":156,"value":255},{"type":151,"tag":212,"props":596,"children":597},{"class":214,"line":258},[598,602,607,612,616,620,624,629,633,638,642],{"type":151,"tag":212,"props":599,"children":600},{"style":225},[601],{"type":156,"value":193},{"type":151,"tag":212,"props":603,"children":604},{"style":231},[605],{"type":156,"value":606},".",{"type":151,"tag":212,"props":608,"children":609},{"style":237},[610],{"type":156,"value":611},"getSizes",{"type":151,"tag":212,"props":613,"children":614},{"style":225},[615],{"type":156,"value":268},{"type":151,"tag":212,"props":617,"children":618},{"style":231},[619],{"type":156,"value":273},{"type":151,"tag":212,"props":621,"children":622},{"style":231},[623],{"type":156,"value":437},{"type":151,"tag":212,"props":625,"children":626},{"style":225},[627],{"type":156,"value":628}," sizes",{"type":151,"tag":212,"props":630,"children":631},{"style":231},[632],{"type":156,"value":273},{"type":151,"tag":212,"props":634,"children":635},{"style":225},[636],{"type":156,"value":637}," modifiers ",{"type":151,"tag":212,"props":639,"children":640},{"style":231},[641],{"type":156,"value":519},{"type":151,"tag":212,"props":643,"children":644},{"style":225},[645],{"type":156,"value":463},{"type":151,"tag":647,"props":648,"children":649},"callout",{},[650],{"type":151,"tag":152,"props":651,"children":652},{},[653,655,660],{"type":156,"value":654},"Unstable: ",{"type":151,"tag":159,"props":656,"children":658},{"className":657},[],[659],{"type":156,"value":611},{"type":156,"value":661}," API might change or be removed.",{"type":151,"tag":152,"props":663,"children":664},{},[665],{"type":151,"tag":292,"props":666,"children":667},{},[668],{"type":156,"value":669},"Parameters:",{"type":151,"tag":671,"props":672,"children":673},"ul",{},[674,686,697,760],{"type":151,"tag":675,"props":676,"children":677},"li",{},[678,684],{"type":151,"tag":159,"props":679,"children":681},{"className":680},[],[682],{"type":156,"value":683},"src",{"type":156,"value":685},": (string) Source to original image id",{"type":151,"tag":675,"props":687,"children":688},{},[689,695],{"type":151,"tag":159,"props":690,"children":692},{"className":691},[],[693],{"type":156,"value":694},"sizes",{"type":156,"value":696},": (string) List of responsive image sizes ({breakpoint}:{size}{unit})",{"type":151,"tag":675,"props":698,"children":699},{},[700,706,708],{"type":151,"tag":159,"props":701,"children":703},{"className":702},[],[704],{"type":156,"value":705},"modifiers",{"type":156,"value":707},": (object) Modifiers passed to provider for resizing and optimizing\n",{"type":151,"tag":671,"props":709,"children":710},{},[711,722,733,744,755],{"type":151,"tag":675,"props":712,"children":713},{},[714,720],{"type":151,"tag":159,"props":715,"children":717},{"className":716},[],[718],{"type":156,"value":719},"width",{"type":156,"value":721},": resize to the specified width (in pixels)",{"type":151,"tag":675,"props":723,"children":724},{},[725,731],{"type":151,"tag":159,"props":726,"children":728},{"className":727},[],[729],{"type":156,"value":730},"height",{"type":156,"value":732},": resize to specified height (in pixels)",{"type":151,"tag":675,"props":734,"children":735},{},[736,742],{"type":151,"tag":159,"props":737,"children":739},{"className":738},[],[740],{"type":156,"value":741},"quality",{"type":156,"value":743},": Change image quality (0 to 100)",{"type":151,"tag":675,"props":745,"children":746},{},[747,753],{"type":151,"tag":159,"props":748,"children":750},{"className":749},[],[751],{"type":156,"value":752},"format",{"type":156,"value":754},": Change the image format",{"type":151,"tag":675,"props":756,"children":757},{},[758],{"type":156,"value":759},"(any other custom provider modifier)",{"type":151,"tag":675,"props":761,"children":762},{},[763,769,771],{"type":151,"tag":159,"props":764,"children":766},{"className":765},[],[767],{"type":156,"value":768},"options",{"type":156,"value":770},": (object)\n",{"type":151,"tag":671,"props":772,"children":773},{},[774,794],{"type":151,"tag":675,"props":775,"children":776},{},[777,783,785,792],{"type":151,"tag":159,"props":778,"children":780},{"className":779},[],[781],{"type":156,"value":782},"provider",{"type":156,"value":784},": (string) Provider name other than default (see ",{"type":151,"tag":786,"props":787,"children":789},"a",{"href":788},"/get-started/configuration#providers",[790],{"type":156,"value":791},"providers",{"type":156,"value":793},")",{"type":151,"tag":675,"props":795,"children":796},{},[797,803,805],{"type":151,"tag":159,"props":798,"children":800},{"className":799},[],[801],{"type":156,"value":802},"preset",{"type":156,"value":804},": Use a ",{"type":151,"tag":786,"props":806,"children":808},{"href":807},"/get-started/configuration#presets",[809],{"type":156,"value":802},{"type":151,"tag":152,"props":811,"children":812},{},[813,817,819],{"type":151,"tag":292,"props":814,"children":815},{},[816],{"type":156,"value":296},{"type":156,"value":818}," Responsive srcset with Vuetify ",{"type":151,"tag":159,"props":820,"children":822},{"className":821},[],[823],{"type":156,"value":824},"v-img",{"type":151,"tag":202,"props":826,"children":830},{"className":827,"code":828,"language":829,"meta":139,"style":139},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Ctemplate>\n  \u003Cv-img\n    :lazy-src=\"img(src, { width: 10, quality: 70 })\"\n    :src=\"img(src, { height, quality: 70 })\"\n    :srcset=\"_srcset.srcset\"\n    :height=\"height\"\n    :sizes=\"_srcset.sizes\"\n  />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst props = defineProps({\n  height: {\n    type: [Number, String],\n    default: 500\n  },\n  src: {\n    type: String,\n    default: '/img/header-bg.jpg'\n  }\n})\n\nconst img = useImage()\n\nconst _srcset = computed(() => {\n  return img.getSizes(props.src, {\n    sizes: 'xs:100vw sm:100vw md:100vw lg:100vw xl:100vw',\n    modifiers: {\n      format: 'webp',\n      quality: 70,\n      height: props.height\n    }\n  })\n})\n\u003C/script>\n","html",[831],{"type":151,"tag":159,"props":832,"children":833},{"__ignoreMap":139},[834,852,865,892,917,942,966,991,1000,1017,1025,1069,1100,1117,1149,1167,1176,1193,1214,1241,1250,1262,1270,1294,1302,1339,1384,1414,1431,1461,1483,1510,1519,1532,1544],{"type":151,"tag":212,"props":835,"children":836},{"class":214,"line":215},[837,842,847],{"type":151,"tag":212,"props":838,"children":839},{"style":231},[840],{"type":156,"value":841},"\u003C",{"type":151,"tag":212,"props":843,"children":844},{"style":411},[845],{"type":156,"value":846},"template",{"type":151,"tag":212,"props":848,"children":849},{"style":231},[850],{"type":156,"value":851},">\n",{"type":151,"tag":212,"props":853,"children":854},{"class":214,"line":248},[855,860],{"type":151,"tag":212,"props":856,"children":857},{"style":231},[858],{"type":156,"value":859},"  \u003C",{"type":151,"tag":212,"props":861,"children":862},{"style":411},[863],{"type":156,"value":864},"v-img\n",{"type":151,"tag":212,"props":866,"children":867},{"class":214,"line":258},[868,873,877,882,887],{"type":151,"tag":212,"props":869,"children":870},{"style":219},[871],{"type":156,"value":872},"    :lazy-src",{"type":151,"tag":212,"props":874,"children":875},{"style":231},[876],{"type":156,"value":234},{"type":151,"tag":212,"props":878,"children":879},{"style":231},[880],{"type":156,"value":881},"\"",{"type":151,"tag":212,"props":883,"children":884},{"style":421},[885],{"type":156,"value":886},"img(src, { width: 10, quality: 70 })",{"type":151,"tag":212,"props":888,"children":889},{"style":231},[890],{"type":156,"value":891},"\"\n",{"type":151,"tag":212,"props":893,"children":894},{"class":214,"line":387},[895,900,904,908,913],{"type":151,"tag":212,"props":896,"children":897},{"style":219},[898],{"type":156,"value":899},"    :src",{"type":151,"tag":212,"props":901,"children":902},{"style":231},[903],{"type":156,"value":234},{"type":151,"tag":212,"props":905,"children":906},{"style":231},[907],{"type":156,"value":881},{"type":151,"tag":212,"props":909,"children":910},{"style":421},[911],{"type":156,"value":912},"img(src, { height, quality: 70 })",{"type":151,"tag":212,"props":914,"children":915},{"style":231},[916],{"type":156,"value":891},{"type":151,"tag":212,"props":918,"children":919},{"class":214,"line":466},[920,925,929,933,938],{"type":151,"tag":212,"props":921,"children":922},{"style":219},[923],{"type":156,"value":924},"    :srcset",{"type":151,"tag":212,"props":926,"children":927},{"style":231},[928],{"type":156,"value":234},{"type":151,"tag":212,"props":930,"children":931},{"style":231},[932],{"type":156,"value":881},{"type":151,"tag":212,"props":934,"children":935},{"style":421},[936],{"type":156,"value":937},"_srcset.srcset",{"type":151,"tag":212,"props":939,"children":940},{"style":231},[941],{"type":156,"value":891},{"type":151,"tag":212,"props":943,"children":944},{"class":214,"line":474},[945,950,954,958,962],{"type":151,"tag":212,"props":946,"children":947},{"style":219},[948],{"type":156,"value":949},"    :height",{"type":151,"tag":212,"props":951,"children":952},{"style":231},[953],{"type":156,"value":234},{"type":151,"tag":212,"props":955,"children":956},{"style":231},[957],{"type":156,"value":881},{"type":151,"tag":212,"props":959,"children":960},{"style":421},[961],{"type":156,"value":730},{"type":151,"tag":212,"props":963,"children":964},{"style":231},[965],{"type":156,"value":891},{"type":151,"tag":212,"props":967,"children":968},{"class":214,"line":537},[969,974,978,982,987],{"type":151,"tag":212,"props":970,"children":971},{"style":219},[972],{"type":156,"value":973},"    :sizes",{"type":151,"tag":212,"props":975,"children":976},{"style":231},[977],{"type":156,"value":234},{"type":151,"tag":212,"props":979,"children":980},{"style":231},[981],{"type":156,"value":881},{"type":151,"tag":212,"props":983,"children":984},{"style":421},[985],{"type":156,"value":986},"_srcset.sizes",{"type":151,"tag":212,"props":988,"children":989},{"style":231},[990],{"type":156,"value":891},{"type":151,"tag":212,"props":992,"children":994},{"class":214,"line":993},8,[995],{"type":151,"tag":212,"props":996,"children":997},{"style":231},[998],{"type":156,"value":999},"  />\n",{"type":151,"tag":212,"props":1001,"children":1003},{"class":214,"line":1002},9,[1004,1009,1013],{"type":151,"tag":212,"props":1005,"children":1006},{"style":231},[1007],{"type":156,"value":1008},"\u003C/",{"type":151,"tag":212,"props":1010,"children":1011},{"style":411},[1012],{"type":156,"value":846},{"type":151,"tag":212,"props":1014,"children":1015},{"style":231},[1016],{"type":156,"value":851},{"type":151,"tag":212,"props":1018,"children":1020},{"class":214,"line":1019},10,[1021],{"type":151,"tag":212,"props":1022,"children":1023},{"emptyLinePlaceholder":252},[1024],{"type":156,"value":255},{"type":151,"tag":212,"props":1026,"children":1028},{"class":214,"line":1027},11,[1029,1033,1038,1043,1048,1052,1056,1061,1065],{"type":151,"tag":212,"props":1030,"children":1031},{"style":231},[1032],{"type":156,"value":841},{"type":151,"tag":212,"props":1034,"children":1035},{"style":411},[1036],{"type":156,"value":1037},"script",{"type":151,"tag":212,"props":1039,"children":1040},{"style":219},[1041],{"type":156,"value":1042}," setup",{"type":151,"tag":212,"props":1044,"children":1045},{"style":219},[1046],{"type":156,"value":1047}," lang",{"type":151,"tag":212,"props":1049,"children":1050},{"style":231},[1051],{"type":156,"value":234},{"type":151,"tag":212,"props":1053,"children":1054},{"style":231},[1055],{"type":156,"value":881},{"type":151,"tag":212,"props":1057,"children":1058},{"style":421},[1059],{"type":156,"value":1060},"ts",{"type":151,"tag":212,"props":1062,"children":1063},{"style":231},[1064],{"type":156,"value":881},{"type":151,"tag":212,"props":1066,"children":1067},{"style":231},[1068],{"type":156,"value":851},{"type":151,"tag":212,"props":1070,"children":1072},{"class":214,"line":1071},12,[1073,1077,1082,1086,1091,1095],{"type":151,"tag":212,"props":1074,"children":1075},{"style":219},[1076],{"type":156,"value":222},{"type":151,"tag":212,"props":1078,"children":1079},{"style":225},[1080],{"type":156,"value":1081}," props ",{"type":151,"tag":212,"props":1083,"children":1084},{"style":231},[1085],{"type":156,"value":234},{"type":151,"tag":212,"props":1087,"children":1088},{"style":237},[1089],{"type":156,"value":1090}," defineProps",{"type":151,"tag":212,"props":1092,"children":1093},{"style":225},[1094],{"type":156,"value":369},{"type":151,"tag":212,"props":1096,"children":1097},{"style":231},[1098],{"type":156,"value":1099},"{\n",{"type":151,"tag":212,"props":1101,"children":1103},{"class":214,"line":1102},13,[1104,1109,1113],{"type":151,"tag":212,"props":1105,"children":1106},{"style":411},[1107],{"type":156,"value":1108},"  height",{"type":151,"tag":212,"props":1110,"children":1111},{"style":231},[1112],{"type":156,"value":447},{"type":151,"tag":212,"props":1114,"children":1115},{"style":231},[1116],{"type":156,"value":384},{"type":151,"tag":212,"props":1118,"children":1120},{"class":214,"line":1119},14,[1121,1126,1130,1135,1139,1144],{"type":151,"tag":212,"props":1122,"children":1123},{"style":411},[1124],{"type":156,"value":1125},"    type",{"type":151,"tag":212,"props":1127,"children":1128},{"style":231},[1129],{"type":156,"value":447},{"type":151,"tag":212,"props":1131,"children":1132},{"style":225},[1133],{"type":156,"value":1134}," [Number",{"type":151,"tag":212,"props":1136,"children":1137},{"style":231},[1138],{"type":156,"value":273},{"type":151,"tag":212,"props":1140,"children":1141},{"style":225},[1142],{"type":156,"value":1143}," String]",{"type":151,"tag":212,"props":1145,"children":1146},{"style":231},[1147],{"type":156,"value":1148},",\n",{"type":151,"tag":212,"props":1150,"children":1152},{"class":214,"line":1151},15,[1153,1158,1162],{"type":151,"tag":212,"props":1154,"children":1155},{"style":411},[1156],{"type":156,"value":1157},"    default",{"type":151,"tag":212,"props":1159,"children":1160},{"style":231},[1161],{"type":156,"value":447},{"type":151,"tag":212,"props":1163,"children":1164},{"style":450},[1165],{"type":156,"value":1166}," 500\n",{"type":151,"tag":212,"props":1168,"children":1170},{"class":214,"line":1169},16,[1171],{"type":151,"tag":212,"props":1172,"children":1173},{"style":231},[1174],{"type":156,"value":1175},"  },\n",{"type":151,"tag":212,"props":1177,"children":1179},{"class":214,"line":1178},17,[1180,1185,1189],{"type":151,"tag":212,"props":1181,"children":1182},{"style":411},[1183],{"type":156,"value":1184},"  src",{"type":151,"tag":212,"props":1186,"children":1187},{"style":231},[1188],{"type":156,"value":447},{"type":151,"tag":212,"props":1190,"children":1191},{"style":231},[1192],{"type":156,"value":384},{"type":151,"tag":212,"props":1194,"children":1196},{"class":214,"line":1195},18,[1197,1201,1205,1210],{"type":151,"tag":212,"props":1198,"children":1199},{"style":411},[1200],{"type":156,"value":1125},{"type":151,"tag":212,"props":1202,"children":1203},{"style":231},[1204],{"type":156,"value":447},{"type":151,"tag":212,"props":1206,"children":1207},{"style":225},[1208],{"type":156,"value":1209}," String",{"type":151,"tag":212,"props":1211,"children":1212},{"style":231},[1213],{"type":156,"value":1148},{"type":151,"tag":212,"props":1215,"children":1217},{"class":214,"line":1216},19,[1218,1222,1226,1231,1236],{"type":151,"tag":212,"props":1219,"children":1220},{"style":411},[1221],{"type":156,"value":1157},{"type":151,"tag":212,"props":1223,"children":1224},{"style":231},[1225],{"type":156,"value":447},{"type":151,"tag":212,"props":1227,"children":1228},{"style":231},[1229],{"type":156,"value":1230}," '",{"type":151,"tag":212,"props":1232,"children":1233},{"style":421},[1234],{"type":156,"value":1235},"/img/header-bg.jpg",{"type":151,"tag":212,"props":1237,"children":1238},{"style":231},[1239],{"type":156,"value":1240},"'\n",{"type":151,"tag":212,"props":1242,"children":1244},{"class":214,"line":1243},20,[1245],{"type":151,"tag":212,"props":1246,"children":1247},{"style":231},[1248],{"type":156,"value":1249},"  }\n",{"type":151,"tag":212,"props":1251,"children":1253},{"class":214,"line":1252},21,[1254,1258],{"type":151,"tag":212,"props":1255,"children":1256},{"style":231},[1257],{"type":156,"value":519},{"type":151,"tag":212,"props":1259,"children":1260},{"style":225},[1261],{"type":156,"value":463},{"type":151,"tag":212,"props":1263,"children":1265},{"class":214,"line":1264},22,[1266],{"type":151,"tag":212,"props":1267,"children":1268},{"emptyLinePlaceholder":252},[1269],{"type":156,"value":255},{"type":151,"tag":212,"props":1271,"children":1273},{"class":214,"line":1272},23,[1274,1278,1282,1286,1290],{"type":151,"tag":212,"props":1275,"children":1276},{"style":219},[1277],{"type":156,"value":222},{"type":151,"tag":212,"props":1279,"children":1280},{"style":225},[1281],{"type":156,"value":228},{"type":151,"tag":212,"props":1283,"children":1284},{"style":231},[1285],{"type":156,"value":234},{"type":151,"tag":212,"props":1287,"children":1288},{"style":237},[1289],{"type":156,"value":240},{"type":151,"tag":212,"props":1291,"children":1292},{"style":225},[1293],{"type":156,"value":245},{"type":151,"tag":212,"props":1295,"children":1297},{"class":214,"line":1296},24,[1298],{"type":151,"tag":212,"props":1299,"children":1300},{"emptyLinePlaceholder":252},[1301],{"type":156,"value":255},{"type":151,"tag":212,"props":1303,"children":1305},{"class":214,"line":1304},25,[1306,1310,1315,1319,1323,1327,1331,1335],{"type":151,"tag":212,"props":1307,"children":1308},{"style":219},[1309],{"type":156,"value":222},{"type":151,"tag":212,"props":1311,"children":1312},{"style":225},[1313],{"type":156,"value":1314}," _srcset ",{"type":151,"tag":212,"props":1316,"children":1317},{"style":231},[1318],{"type":156,"value":234},{"type":151,"tag":212,"props":1320,"children":1321},{"style":237},[1322],{"type":156,"value":364},{"type":151,"tag":212,"props":1324,"children":1325},{"style":225},[1326],{"type":156,"value":369},{"type":151,"tag":212,"props":1328,"children":1329},{"style":231},[1330],{"type":156,"value":374},{"type":151,"tag":212,"props":1332,"children":1333},{"style":219},[1334],{"type":156,"value":379},{"type":151,"tag":212,"props":1336,"children":1337},{"style":231},[1338],{"type":156,"value":384},{"type":151,"tag":212,"props":1340,"children":1342},{"class":214,"line":1341},26,[1343,1347,1351,1355,1359,1363,1368,1372,1376,1380],{"type":151,"tag":212,"props":1344,"children":1345},{"style":478},[1346],{"type":156,"value":481},{"type":151,"tag":212,"props":1348,"children":1349},{"style":225},[1350],{"type":156,"value":408},{"type":151,"tag":212,"props":1352,"children":1353},{"style":231},[1354],{"type":156,"value":606},{"type":151,"tag":212,"props":1356,"children":1357},{"style":237},[1358],{"type":156,"value":611},{"type":151,"tag":212,"props":1360,"children":1361},{"style":411},[1362],{"type":156,"value":369},{"type":151,"tag":212,"props":1364,"children":1365},{"style":225},[1366],{"type":156,"value":1367},"props",{"type":151,"tag":212,"props":1369,"children":1370},{"style":231},[1371],{"type":156,"value":606},{"type":151,"tag":212,"props":1373,"children":1374},{"style":225},[1375],{"type":156,"value":683},{"type":151,"tag":212,"props":1377,"children":1378},{"style":231},[1379],{"type":156,"value":273},{"type":151,"tag":212,"props":1381,"children":1382},{"style":231},[1383],{"type":156,"value":384},{"type":151,"tag":212,"props":1385,"children":1387},{"class":214,"line":1386},27,[1388,1393,1397,1401,1406,1410],{"type":151,"tag":212,"props":1389,"children":1390},{"style":411},[1391],{"type":156,"value":1392},"    sizes",{"type":151,"tag":212,"props":1394,"children":1395},{"style":231},[1396],{"type":156,"value":447},{"type":151,"tag":212,"props":1398,"children":1399},{"style":231},[1400],{"type":156,"value":1230},{"type":151,"tag":212,"props":1402,"children":1403},{"style":421},[1404],{"type":156,"value":1405},"xs:100vw sm:100vw md:100vw lg:100vw xl:100vw",{"type":151,"tag":212,"props":1407,"children":1408},{"style":231},[1409],{"type":156,"value":418},{"type":151,"tag":212,"props":1411,"children":1412},{"style":231},[1413],{"type":156,"value":1148},{"type":151,"tag":212,"props":1415,"children":1417},{"class":214,"line":1416},28,[1418,1423,1427],{"type":151,"tag":212,"props":1419,"children":1420},{"style":411},[1421],{"type":156,"value":1422},"    modifiers",{"type":151,"tag":212,"props":1424,"children":1425},{"style":231},[1426],{"type":156,"value":447},{"type":151,"tag":212,"props":1428,"children":1429},{"style":231},[1430],{"type":156,"value":384},{"type":151,"tag":212,"props":1432,"children":1434},{"class":214,"line":1433},29,[1435,1440,1444,1448,1453,1457],{"type":151,"tag":212,"props":1436,"children":1437},{"style":411},[1438],{"type":156,"value":1439},"      format",{"type":151,"tag":212,"props":1441,"children":1442},{"style":231},[1443],{"type":156,"value":447},{"type":151,"tag":212,"props":1445,"children":1446},{"style":231},[1447],{"type":156,"value":1230},{"type":151,"tag":212,"props":1449,"children":1450},{"style":421},[1451],{"type":156,"value":1452},"webp",{"type":151,"tag":212,"props":1454,"children":1455},{"style":231},[1456],{"type":156,"value":418},{"type":151,"tag":212,"props":1458,"children":1459},{"style":231},[1460],{"type":156,"value":1148},{"type":151,"tag":212,"props":1462,"children":1464},{"class":214,"line":1463},30,[1465,1470,1474,1479],{"type":151,"tag":212,"props":1466,"children":1467},{"style":411},[1468],{"type":156,"value":1469},"      quality",{"type":151,"tag":212,"props":1471,"children":1472},{"style":231},[1473],{"type":156,"value":447},{"type":151,"tag":212,"props":1475,"children":1476},{"style":450},[1477],{"type":156,"value":1478}," 70",{"type":151,"tag":212,"props":1480,"children":1481},{"style":231},[1482],{"type":156,"value":1148},{"type":151,"tag":212,"props":1484,"children":1486},{"class":214,"line":1485},31,[1487,1492,1496,1501,1505],{"type":151,"tag":212,"props":1488,"children":1489},{"style":411},[1490],{"type":156,"value":1491},"      height",{"type":151,"tag":212,"props":1493,"children":1494},{"style":231},[1495],{"type":156,"value":447},{"type":151,"tag":212,"props":1497,"children":1498},{"style":225},[1499],{"type":156,"value":1500}," props",{"type":151,"tag":212,"props":1502,"children":1503},{"style":231},[1504],{"type":156,"value":606},{"type":151,"tag":212,"props":1506,"children":1507},{"style":225},[1508],{"type":156,"value":1509},"height\n",{"type":151,"tag":212,"props":1511,"children":1513},{"class":214,"line":1512},32,[1514],{"type":151,"tag":212,"props":1515,"children":1516},{"style":231},[1517],{"type":156,"value":1518},"    }\n",{"type":151,"tag":212,"props":1520,"children":1522},{"class":214,"line":1521},33,[1523,1528],{"type":151,"tag":212,"props":1524,"children":1525},{"style":231},[1526],{"type":156,"value":1527},"  }",{"type":151,"tag":212,"props":1529,"children":1530},{"style":411},[1531],{"type":156,"value":463},{"type":151,"tag":212,"props":1533,"children":1535},{"class":214,"line":1534},34,[1536,1540],{"type":151,"tag":212,"props":1537,"children":1538},{"style":231},[1539],{"type":156,"value":519},{"type":151,"tag":212,"props":1541,"children":1542},{"style":225},[1543],{"type":156,"value":463},{"type":151,"tag":212,"props":1545,"children":1547},{"class":214,"line":1546},35,[1548,1552,1556],{"type":151,"tag":212,"props":1549,"children":1550},{"style":231},[1551],{"type":156,"value":1008},{"type":151,"tag":212,"props":1553,"children":1554},{"style":411},[1555],{"type":156,"value":1037},{"type":151,"tag":212,"props":1557,"children":1558},{"style":231},[1559],{"type":156,"value":851},{"type":151,"tag":1561,"props":1562,"children":1563},"style",{},[1564],{"type":156,"value":1565},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":139,"searchDepth":248,"depth":248,"links":1567},[1568],{"id":137,"depth":248,"text":21,"children":1569},[1570],{"id":550,"depth":258,"text":557},"markdown","content:2.usage:3.use-image.md","content","2.usage/3.use-image.md","2.usage/3.use-image","md",[1578,2159],{"_path":29,"_dir":137,"_draft":138,"_partial":138,"_locale":139,"title":28,"description":1579,"links":1580,"body":1583,"_type":1571,"_id":2156,"_source":1573,"_file":2157,"_stem":2158,"_extension":1576},"Discover how to use and configure the Nuxt Picture component.",[1581],{"label":143,"icon":144,"to":1582,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/components/nuxt-picture.ts",{"type":148,"children":1584,"toc":2149},[1585,1603,1633,1652,1691,1696,1713,1721,1726,1804,1852,1862,1867,1912,1922,1934,1941,2145],{"type":151,"tag":152,"props":1586,"children":1587},{},[1588,1593,1595,1601],{"type":151,"tag":159,"props":1589,"children":1591},{"className":1590},[],[1592],{"type":156,"value":28},{"type":156,"value":1594}," is a drop-in replacement for the native ",{"type":151,"tag":159,"props":1596,"children":1598},{"className":1597},[],[1599],{"type":156,"value":1600},"\u003Cpicture>",{"type":156,"value":1602}," tag.",{"type":151,"tag":152,"props":1604,"children":1605},{},[1606,1608,1613,1615,1624,1626,1631],{"type":156,"value":1607},"Usage of ",{"type":151,"tag":159,"props":1609,"children":1611},{"className":1610},[],[1612],{"type":156,"value":28},{"type":156,"value":1614}," is almost identical to ",{"type":151,"tag":786,"props":1616,"children":1618},{"href":1617},"nuxt-img",[1619],{"type":151,"tag":159,"props":1620,"children":1622},{"className":1621},[],[1623],{"type":156,"value":25},{"type":156,"value":1625}," but also allows serving modern formats like ",{"type":151,"tag":159,"props":1627,"children":1629},{"className":1628},[],[1630],{"type":156,"value":1452},{"type":156,"value":1632}," when possible.",{"type":151,"tag":152,"props":1634,"children":1635},{},[1636,1638,1651],{"type":156,"value":1637},"Learn more about the ",{"type":151,"tag":786,"props":1639,"children":1643},{"href":1640,"rel":1641},"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/picture",[1642],"nofollow",[1644,1649],{"type":151,"tag":159,"props":1645,"children":1647},{"className":1646},[],[1648],{"type":156,"value":1600},{"type":156,"value":1650}," tag on MDN",{"type":156,"value":606},{"type":151,"tag":647,"props":1653,"children":1656},{"color":1654,"icon":1655},"amber","i-heroicons-exclamation-triangle",[1657],{"type":151,"tag":152,"props":1658,"children":1659},{},[1660,1662,1673,1675,1680,1682,1689],{"type":156,"value":1661},"Unlike the native ",{"type":151,"tag":786,"props":1663,"children":1665},{"href":1640,"rel":1664},[1642],[1666,1671],{"type":151,"tag":159,"props":1667,"children":1669},{"className":1668},[],[1670],{"type":156,"value":1600},{"type":156,"value":1672}," element",{"type":156,"value":1674},", ",{"type":151,"tag":159,"props":1676,"children":1678},{"className":1677},[],[1679],{"type":156,"value":28},{"type":156,"value":1681}," currently doesn't support using multiple image sources. See ",{"type":151,"tag":786,"props":1683,"children":1686},{"href":1684,"rel":1685},"https://github.com/nuxt/image/issues/309",[1642],[1687],{"type":156,"value":1688},"#309",{"type":156,"value":1690}," for more info.",{"type":151,"tag":197,"props":1692,"children":1693},{"id":1367},[1694],{"type":156,"value":1695},"Props",{"type":151,"tag":647,"props":1697,"children":1698},{},[1699],{"type":151,"tag":152,"props":1700,"children":1701},{},[1702,1704],{"type":156,"value":1703},"See props supported by",{"type":151,"tag":786,"props":1705,"children":1707},{"href":1706},"/usage/nuxt-img#props",[1708],{"type":151,"tag":159,"props":1709,"children":1711},{"className":1710},[],[1712],{"type":156,"value":25},{"type":151,"tag":548,"props":1714,"children":1715},{"id":752},[1716],{"type":151,"tag":159,"props":1717,"children":1719},{"className":1718},[],[1720],{"type":156,"value":752},{"type":151,"tag":152,"props":1722,"children":1723},{},[1724],{"type":156,"value":1725},"Format on pictures can be used to serve images in multiple formats. A legacy format will be generated automatically. So in the example below avif, webp and png would be generated. They will be added in the same order they are added to the format attribute.",{"type":151,"tag":202,"props":1727,"children":1731},{"className":1728,"code":1729,"language":1730,"meta":139,"style":139},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtPicture\n  format=\"avif,webp\"\n  src=\"/nuxt-icon.png\"\n/>\n","vue",[1732],{"type":151,"tag":159,"props":1733,"children":1734},{"__ignoreMap":139},[1735,1747,1772,1796],{"type":151,"tag":212,"props":1736,"children":1737},{"class":214,"line":215},[1738,1742],{"type":151,"tag":212,"props":1739,"children":1740},{"style":231},[1741],{"type":156,"value":841},{"type":151,"tag":212,"props":1743,"children":1744},{"style":411},[1745],{"type":156,"value":1746},"NuxtPicture\n",{"type":151,"tag":212,"props":1748,"children":1749},{"class":214,"line":248},[1750,1755,1759,1763,1768],{"type":151,"tag":212,"props":1751,"children":1752},{"style":219},[1753],{"type":156,"value":1754},"  format",{"type":151,"tag":212,"props":1756,"children":1757},{"style":231},[1758],{"type":156,"value":234},{"type":151,"tag":212,"props":1760,"children":1761},{"style":231},[1762],{"type":156,"value":881},{"type":151,"tag":212,"props":1764,"children":1765},{"style":421},[1766],{"type":156,"value":1767},"avif,webp",{"type":151,"tag":212,"props":1769,"children":1770},{"style":231},[1771],{"type":156,"value":891},{"type":151,"tag":212,"props":1773,"children":1774},{"class":214,"line":258},[1775,1779,1783,1787,1792],{"type":151,"tag":212,"props":1776,"children":1777},{"style":219},[1778],{"type":156,"value":1184},{"type":151,"tag":212,"props":1780,"children":1781},{"style":231},[1782],{"type":156,"value":234},{"type":151,"tag":212,"props":1784,"children":1785},{"style":231},[1786],{"type":156,"value":881},{"type":151,"tag":212,"props":1788,"children":1789},{"style":421},[1790],{"type":156,"value":1791},"/nuxt-icon.png",{"type":151,"tag":212,"props":1793,"children":1794},{"style":231},[1795],{"type":156,"value":891},{"type":151,"tag":212,"props":1797,"children":1798},{"class":214,"line":387},[1799],{"type":151,"tag":212,"props":1800,"children":1801},{"style":225},[1802],{"type":156,"value":1803},"/>\n",{"type":151,"tag":152,"props":1805,"children":1806},{},[1807,1809,1814,1815,1821,1822,1828,1829,1835,1836,1842,1844,1850],{"type":156,"value":1808},"Available formats are ",{"type":151,"tag":159,"props":1810,"children":1812},{"className":1811},[],[1813],{"type":156,"value":1452},{"type":156,"value":1674},{"type":151,"tag":159,"props":1816,"children":1818},{"className":1817},[],[1819],{"type":156,"value":1820},"avif",{"type":156,"value":1674},{"type":151,"tag":159,"props":1823,"children":1825},{"className":1824},[],[1826],{"type":156,"value":1827},"jpeg",{"type":156,"value":1674},{"type":151,"tag":159,"props":1830,"children":1832},{"className":1831},[],[1833],{"type":156,"value":1834},"jpg",{"type":156,"value":1674},{"type":151,"tag":159,"props":1837,"children":1839},{"className":1838},[],[1840],{"type":156,"value":1841},"png",{"type":156,"value":1843},", and ",{"type":151,"tag":159,"props":1845,"children":1847},{"className":1846},[],[1848],{"type":156,"value":1849},"gif",{"type":156,"value":1851},". If the format is not specified, it will respect the default image format.",{"type":151,"tag":548,"props":1853,"children":1855},{"id":1854},"legacyformat",[1856],{"type":151,"tag":159,"props":1857,"children":1859},{"className":1858},[],[1860],{"type":156,"value":1861},"legacyFormat",{"type":151,"tag":152,"props":1863,"children":1864},{},[1865],{"type":156,"value":1866},"Format used for fallback. Default is conditional:",{"type":151,"tag":671,"props":1868,"children":1869},{},[1870,1901],{"type":151,"tag":675,"props":1871,"children":1872},{},[1873,1875,1880,1881,1886,1887,1892,1894,1899],{"type":156,"value":1874},"If original format supports transparency (",{"type":151,"tag":159,"props":1876,"children":1878},{"className":1877},[],[1879],{"type":156,"value":1841},{"type":156,"value":1674},{"type":151,"tag":159,"props":1882,"children":1884},{"className":1883},[],[1885],{"type":156,"value":1452},{"type":156,"value":1843},{"type":151,"tag":159,"props":1888,"children":1890},{"className":1889},[],[1891],{"type":156,"value":1849},{"type":156,"value":1893},"), ",{"type":151,"tag":159,"props":1895,"children":1897},{"className":1896},[],[1898],{"type":156,"value":1841},{"type":156,"value":1900}," is used for fallback",{"type":151,"tag":675,"props":1902,"children":1903},{},[1904,1906,1911],{"type":156,"value":1905},"Otherwise ",{"type":151,"tag":159,"props":1907,"children":1909},{"className":1908},[],[1910],{"type":156,"value":1827},{"type":156,"value":1900},{"type":151,"tag":548,"props":1913,"children":1915},{"id":1914},"imgattrs",[1916],{"type":151,"tag":159,"props":1917,"children":1919},{"className":1918},[],[1920],{"type":156,"value":1921},"imgAttrs",{"type":151,"tag":152,"props":1923,"children":1924},{},[1925,1927,1932],{"type":156,"value":1926},"Allows you to set additional HTML-attributes on the ",{"type":151,"tag":159,"props":1928,"children":1930},{"className":1929},[],[1931],{"type":156,"value":193},{"type":156,"value":1933}," element.",{"type":151,"tag":152,"props":1935,"children":1936},{},[1937],{"type":151,"tag":292,"props":1938,"children":1939},{},[1940],{"type":156,"value":296},{"type":151,"tag":202,"props":1942,"children":1944},{"className":1728,"code":1943,"language":1730,"meta":139,"style":139},"\u003CNuxtPicture\n  src=\"/nuxt-icon.png\"\n  :imgAttrs=\"{\n    id: 'my-id',\n    class: 'my-class',\n    style: 'display: block',\n    'data-my-data': 'my-value'\n  }\"\n/>\n",[1945],{"type":151,"tag":159,"props":1946,"children":1947},{"__ignoreMap":139},[1948,1959,1982,2006,2035,2064,2093,2127,2138],{"type":151,"tag":212,"props":1949,"children":1950},{"class":214,"line":215},[1951,1955],{"type":151,"tag":212,"props":1952,"children":1953},{"style":231},[1954],{"type":156,"value":841},{"type":151,"tag":212,"props":1956,"children":1957},{"style":411},[1958],{"type":156,"value":1746},{"type":151,"tag":212,"props":1960,"children":1961},{"class":214,"line":248},[1962,1966,1970,1974,1978],{"type":151,"tag":212,"props":1963,"children":1964},{"style":219},[1965],{"type":156,"value":1184},{"type":151,"tag":212,"props":1967,"children":1968},{"style":231},[1969],{"type":156,"value":234},{"type":151,"tag":212,"props":1971,"children":1972},{"style":231},[1973],{"type":156,"value":881},{"type":151,"tag":212,"props":1975,"children":1976},{"style":421},[1977],{"type":156,"value":1791},{"type":151,"tag":212,"props":1979,"children":1980},{"style":231},[1981],{"type":156,"value":891},{"type":151,"tag":212,"props":1983,"children":1984},{"class":214,"line":258},[1985,1990,1994,1998,2002],{"type":151,"tag":212,"props":1986,"children":1987},{"style":231},[1988],{"type":156,"value":1989},"  :",{"type":151,"tag":212,"props":1991,"children":1992},{"style":219},[1993],{"type":156,"value":1921},{"type":151,"tag":212,"props":1995,"children":1996},{"style":231},[1997],{"type":156,"value":234},{"type":151,"tag":212,"props":1999,"children":2000},{"style":231},[2001],{"type":156,"value":881},{"type":151,"tag":212,"props":2003,"children":2004},{"style":231},[2005],{"type":156,"value":1099},{"type":151,"tag":212,"props":2007,"children":2008},{"class":214,"line":387},[2009,2014,2018,2022,2027,2031],{"type":151,"tag":212,"props":2010,"children":2011},{"style":411},[2012],{"type":156,"value":2013},"    id",{"type":151,"tag":212,"props":2015,"children":2016},{"style":231},[2017],{"type":156,"value":447},{"type":151,"tag":212,"props":2019,"children":2020},{"style":231},[2021],{"type":156,"value":1230},{"type":151,"tag":212,"props":2023,"children":2024},{"style":421},[2025],{"type":156,"value":2026},"my-id",{"type":151,"tag":212,"props":2028,"children":2029},{"style":231},[2030],{"type":156,"value":418},{"type":151,"tag":212,"props":2032,"children":2033},{"style":231},[2034],{"type":156,"value":1148},{"type":151,"tag":212,"props":2036,"children":2037},{"class":214,"line":466},[2038,2043,2047,2051,2056,2060],{"type":151,"tag":212,"props":2039,"children":2040},{"style":411},[2041],{"type":156,"value":2042},"    class",{"type":151,"tag":212,"props":2044,"children":2045},{"style":231},[2046],{"type":156,"value":447},{"type":151,"tag":212,"props":2048,"children":2049},{"style":231},[2050],{"type":156,"value":1230},{"type":151,"tag":212,"props":2052,"children":2053},{"style":421},[2054],{"type":156,"value":2055},"my-class",{"type":151,"tag":212,"props":2057,"children":2058},{"style":231},[2059],{"type":156,"value":418},{"type":151,"tag":212,"props":2061,"children":2062},{"style":231},[2063],{"type":156,"value":1148},{"type":151,"tag":212,"props":2065,"children":2066},{"class":214,"line":474},[2067,2072,2076,2080,2085,2089],{"type":151,"tag":212,"props":2068,"children":2069},{"style":411},[2070],{"type":156,"value":2071},"    style",{"type":151,"tag":212,"props":2073,"children":2074},{"style":231},[2075],{"type":156,"value":447},{"type":151,"tag":212,"props":2077,"children":2078},{"style":231},[2079],{"type":156,"value":1230},{"type":151,"tag":212,"props":2081,"children":2082},{"style":421},[2083],{"type":156,"value":2084},"display: block",{"type":151,"tag":212,"props":2086,"children":2087},{"style":231},[2088],{"type":156,"value":418},{"type":151,"tag":212,"props":2090,"children":2091},{"style":231},[2092],{"type":156,"value":1148},{"type":151,"tag":212,"props":2094,"children":2095},{"class":214,"line":537},[2096,2101,2106,2110,2114,2118,2123],{"type":151,"tag":212,"props":2097,"children":2098},{"style":231},[2099],{"type":156,"value":2100},"    '",{"type":151,"tag":212,"props":2102,"children":2103},{"style":411},[2104],{"type":156,"value":2105},"data-my-data",{"type":151,"tag":212,"props":2107,"children":2108},{"style":231},[2109],{"type":156,"value":418},{"type":151,"tag":212,"props":2111,"children":2112},{"style":231},[2113],{"type":156,"value":447},{"type":151,"tag":212,"props":2115,"children":2116},{"style":231},[2117],{"type":156,"value":1230},{"type":151,"tag":212,"props":2119,"children":2120},{"style":421},[2121],{"type":156,"value":2122},"my-value",{"type":151,"tag":212,"props":2124,"children":2125},{"style":231},[2126],{"type":156,"value":1240},{"type":151,"tag":212,"props":2128,"children":2129},{"class":214,"line":993},[2130,2134],{"type":151,"tag":212,"props":2131,"children":2132},{"style":231},[2133],{"type":156,"value":1527},{"type":151,"tag":212,"props":2135,"children":2136},{"style":231},[2137],{"type":156,"value":891},{"type":151,"tag":212,"props":2139,"children":2140},{"class":214,"line":1002},[2141],{"type":151,"tag":212,"props":2142,"children":2143},{"style":225},[2144],{"type":156,"value":1803},{"type":151,"tag":1561,"props":2146,"children":2147},{},[2148],{"type":156,"value":1565},{"title":139,"searchDepth":248,"depth":248,"links":2150},[2151],{"id":1367,"depth":248,"text":1695,"children":2152},[2153,2154,2155],{"id":752,"depth":258,"text":752},{"id":1854,"depth":258,"text":1861},{"id":1914,"depth":258,"text":1921},"content:2.usage:2.nuxt-picture.md","2.usage/2.nuxt-picture.md","2.usage/2.nuxt-picture",{"_path":38,"_dir":791,"_draft":138,"_partial":138,"_locale":139,"title":37,"description":2160,"links":2161,"body":2164,"_type":1571,"_id":2662,"_source":1573,"_file":2663,"_stem":2664,"_extension":1576},"Nuxt Image has first class integration with Aliyun.",[2162],{"label":143,"icon":144,"to":2163,"size":146},"https://github.com/nuxt/image/blob/main/src/runtime/providers/aliyun.ts",{"type":148,"children":2165,"toc":2656},[2166,2180,2185,2302,2309,2462,2467,2477,2488,2493,2498,2505,2639,2652],{"type":151,"tag":152,"props":2167,"children":2168},{},[2169,2171,2178],{"type":156,"value":2170},"Integration between ",{"type":151,"tag":786,"props":2172,"children":2175},{"href":2173,"rel":2174},"https://cdn.console.aliyun.com",[1642],[2176],{"type":156,"value":2177},"Aliyun CDN",{"type":156,"value":2179}," and the image module.",{"type":151,"tag":152,"props":2181,"children":2182},{},[2183],{"type":156,"value":2184},"To use this provider you just need to specify the base URL (zone) of your service:",{"type":151,"tag":202,"props":2186,"children":2190},{"className":2187,"code":2188,"filename":2189,"language":1060,"meta":139,"style":139},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    aliyun: {\n      baseURL: 'https://that-test.site'\n    }\n  }\n})\n","nuxt.config.ts",[2191],{"type":151,"tag":159,"props":2192,"children":2193},{"__ignoreMap":139},[2194,2220,2236,2252,2277,2284,2291],{"type":151,"tag":212,"props":2195,"children":2196},{"class":214,"line":215},[2197,2202,2207,2212,2216],{"type":151,"tag":212,"props":2198,"children":2199},{"style":478},[2200],{"type":156,"value":2201},"export",{"type":151,"tag":212,"props":2203,"children":2204},{"style":478},[2205],{"type":156,"value":2206}," default",{"type":151,"tag":212,"props":2208,"children":2209},{"style":237},[2210],{"type":156,"value":2211}," defineNuxtConfig",{"type":151,"tag":212,"props":2213,"children":2214},{"style":225},[2215],{"type":156,"value":369},{"type":151,"tag":212,"props":2217,"children":2218},{"style":231},[2219],{"type":156,"value":1099},{"type":151,"tag":212,"props":2221,"children":2222},{"class":214,"line":248},[2223,2228,2232],{"type":151,"tag":212,"props":2224,"children":2225},{"style":411},[2226],{"type":156,"value":2227},"  image",{"type":151,"tag":212,"props":2229,"children":2230},{"style":231},[2231],{"type":156,"value":447},{"type":151,"tag":212,"props":2233,"children":2234},{"style":231},[2235],{"type":156,"value":384},{"type":151,"tag":212,"props":2237,"children":2238},{"class":214,"line":258},[2239,2244,2248],{"type":151,"tag":212,"props":2240,"children":2241},{"style":411},[2242],{"type":156,"value":2243},"    aliyun",{"type":151,"tag":212,"props":2245,"children":2246},{"style":231},[2247],{"type":156,"value":447},{"type":151,"tag":212,"props":2249,"children":2250},{"style":231},[2251],{"type":156,"value":384},{"type":151,"tag":212,"props":2253,"children":2254},{"class":214,"line":387},[2255,2260,2264,2268,2273],{"type":151,"tag":212,"props":2256,"children":2257},{"style":411},[2258],{"type":156,"value":2259},"      baseURL",{"type":151,"tag":212,"props":2261,"children":2262},{"style":231},[2263],{"type":156,"value":447},{"type":151,"tag":212,"props":2265,"children":2266},{"style":231},[2267],{"type":156,"value":1230},{"type":151,"tag":212,"props":2269,"children":2270},{"style":421},[2271],{"type":156,"value":2272},"https://that-test.site",{"type":151,"tag":212,"props":2274,"children":2275},{"style":231},[2276],{"type":156,"value":1240},{"type":151,"tag":212,"props":2278,"children":2279},{"class":214,"line":466},[2280],{"type":151,"tag":212,"props":2281,"children":2282},{"style":231},[2283],{"type":156,"value":1518},{"type":151,"tag":212,"props":2285,"children":2286},{"class":214,"line":474},[2287],{"type":151,"tag":212,"props":2288,"children":2289},{"style":231},[2290],{"type":156,"value":1249},{"type":151,"tag":212,"props":2292,"children":2293},{"class":214,"line":537},[2294,2298],{"type":151,"tag":212,"props":2295,"children":2296},{"style":231},[2297],{"type":156,"value":519},{"type":151,"tag":212,"props":2299,"children":2300},{"style":225},[2301],{"type":156,"value":463},{"type":151,"tag":152,"props":2303,"children":2304},{},[2305],{"type":151,"tag":292,"props":2306,"children":2307},{},[2308],{"type":156,"value":296},{"type":151,"tag":202,"props":2310,"children":2312},{"className":1728,"code":2311,"language":1730,"meta":139,"style":139},"\u003CNuxtImg\n  provider=\"aliyun\"\n  src=\"/burger.jpeg\"\n  height=\"300\"\n  :modifiers=\"{ fit: 'contain' }\"\n/>\n",[2313],{"type":151,"tag":159,"props":2314,"children":2315},{"__ignoreMap":139},[2316,2328,2353,2377,2401,2455],{"type":151,"tag":212,"props":2317,"children":2318},{"class":214,"line":215},[2319,2323],{"type":151,"tag":212,"props":2320,"children":2321},{"style":231},[2322],{"type":156,"value":841},{"type":151,"tag":212,"props":2324,"children":2325},{"style":411},[2326],{"type":156,"value":2327},"NuxtImg\n",{"type":151,"tag":212,"props":2329,"children":2330},{"class":214,"line":248},[2331,2336,2340,2344,2349],{"type":151,"tag":212,"props":2332,"children":2333},{"style":219},[2334],{"type":156,"value":2335},"  provider",{"type":151,"tag":212,"props":2337,"children":2338},{"style":231},[2339],{"type":156,"value":234},{"type":151,"tag":212,"props":2341,"children":2342},{"style":231},[2343],{"type":156,"value":881},{"type":151,"tag":212,"props":2345,"children":2346},{"style":421},[2347],{"type":156,"value":2348},"aliyun",{"type":151,"tag":212,"props":2350,"children":2351},{"style":231},[2352],{"type":156,"value":891},{"type":151,"tag":212,"props":2354,"children":2355},{"class":214,"line":258},[2356,2360,2364,2368,2373],{"type":151,"tag":212,"props":2357,"children":2358},{"style":219},[2359],{"type":156,"value":1184},{"type":151,"tag":212,"props":2361,"children":2362},{"style":231},[2363],{"type":156,"value":234},{"type":151,"tag":212,"props":2365,"children":2366},{"style":231},[2367],{"type":156,"value":881},{"type":151,"tag":212,"props":2369,"children":2370},{"style":421},[2371],{"type":156,"value":2372},"/burger.jpeg",{"type":151,"tag":212,"props":2374,"children":2375},{"style":231},[2376],{"type":156,"value":891},{"type":151,"tag":212,"props":2378,"children":2379},{"class":214,"line":387},[2380,2384,2388,2392,2397],{"type":151,"tag":212,"props":2381,"children":2382},{"style":219},[2383],{"type":156,"value":1108},{"type":151,"tag":212,"props":2385,"children":2386},{"style":231},[2387],{"type":156,"value":234},{"type":151,"tag":212,"props":2389,"children":2390},{"style":231},[2391],{"type":156,"value":881},{"type":151,"tag":212,"props":2393,"children":2394},{"style":421},[2395],{"type":156,"value":2396},"300",{"type":151,"tag":212,"props":2398,"children":2399},{"style":231},[2400],{"type":156,"value":891},{"type":151,"tag":212,"props":2402,"children":2403},{"class":214,"line":466},[2404,2408,2412,2416,2420,2425,2430,2434,2438,2443,2447,2451],{"type":151,"tag":212,"props":2405,"children":2406},{"style":231},[2407],{"type":156,"value":1989},{"type":151,"tag":212,"props":2409,"children":2410},{"style":219},[2411],{"type":156,"value":705},{"type":151,"tag":212,"props":2413,"children":2414},{"style":231},[2415],{"type":156,"value":234},{"type":151,"tag":212,"props":2417,"children":2418},{"style":231},[2419],{"type":156,"value":881},{"type":151,"tag":212,"props":2421,"children":2422},{"style":231},[2423],{"type":156,"value":2424},"{",{"type":151,"tag":212,"props":2426,"children":2427},{"style":411},[2428],{"type":156,"value":2429}," fit",{"type":151,"tag":212,"props":2431,"children":2432},{"style":231},[2433],{"type":156,"value":447},{"type":151,"tag":212,"props":2435,"children":2436},{"style":231},[2437],{"type":156,"value":1230},{"type":151,"tag":212,"props":2439,"children":2440},{"style":421},[2441],{"type":156,"value":2442},"contain",{"type":151,"tag":212,"props":2444,"children":2445},{"style":231},[2446],{"type":156,"value":418},{"type":151,"tag":212,"props":2448,"children":2449},{"style":231},[2450],{"type":156,"value":458},{"type":151,"tag":212,"props":2452,"children":2453},{"style":231},[2454],{"type":156,"value":891},{"type":151,"tag":212,"props":2456,"children":2457},{"class":214,"line":474},[2458],{"type":151,"tag":212,"props":2459,"children":2460},{"style":225},[2461],{"type":156,"value":1803},{"type":151,"tag":197,"props":2463,"children":2464},{"id":768},[2465],{"type":156,"value":2466},"Options",{"type":151,"tag":548,"props":2468,"children":2470},{"id":2469},"baseurl",[2471],{"type":151,"tag":159,"props":2472,"children":2474},{"className":2473},[],[2475],{"type":156,"value":2476},"baseURL",{"type":151,"tag":152,"props":2478,"children":2479},{},[2480,2482],{"type":156,"value":2481},"Default: ",{"type":151,"tag":159,"props":2483,"children":2485},{"className":2484},[],[2486],{"type":156,"value":2487},"/",{"type":151,"tag":152,"props":2489,"children":2490},{},[2491],{"type":156,"value":2492},"Your deployment's domain (zone).",{"type":151,"tag":197,"props":2494,"children":2495},{"id":705},[2496],{"type":156,"value":2497},"Modifiers",{"type":151,"tag":152,"props":2499,"children":2500},{},[2501],{"type":151,"tag":292,"props":2502,"children":2503},{},[2504],{"type":156,"value":296},{"type":151,"tag":202,"props":2506,"children":2508},{"className":204,"code":2507,"language":206,"meta":139,"style":139},"{\n  resize: {\n    fw: 900,\n    fh: 200\n  },\n  rotate: 180,\n  bright: 50,\n  ...\n}\n",[2509],{"type":151,"tag":159,"props":2510,"children":2511},{"__ignoreMap":139},[2512,2519,2536,2557,2574,2581,2602,2623,2631],{"type":151,"tag":212,"props":2513,"children":2514},{"class":214,"line":215},[2515],{"type":151,"tag":212,"props":2516,"children":2517},{"style":231},[2518],{"type":156,"value":1099},{"type":151,"tag":212,"props":2520,"children":2521},{"class":214,"line":248},[2522,2528,2532],{"type":151,"tag":212,"props":2523,"children":2525},{"style":2524},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[2526],{"type":156,"value":2527},"  resize",{"type":151,"tag":212,"props":2529,"children":2530},{"style":231},[2531],{"type":156,"value":447},{"type":151,"tag":212,"props":2533,"children":2534},{"style":231},[2535],{"type":156,"value":384},{"type":151,"tag":212,"props":2537,"children":2538},{"class":214,"line":258},[2539,2544,2548,2553],{"type":151,"tag":212,"props":2540,"children":2541},{"style":2524},[2542],{"type":156,"value":2543},"    fw",{"type":151,"tag":212,"props":2545,"children":2546},{"style":231},[2547],{"type":156,"value":447},{"type":151,"tag":212,"props":2549,"children":2550},{"style":450},[2551],{"type":156,"value":2552}," 900",{"type":151,"tag":212,"props":2554,"children":2555},{"style":231},[2556],{"type":156,"value":1148},{"type":151,"tag":212,"props":2558,"children":2559},{"class":214,"line":387},[2560,2565,2569],{"type":151,"tag":212,"props":2561,"children":2562},{"style":2524},[2563],{"type":156,"value":2564},"    fh",{"type":151,"tag":212,"props":2566,"children":2567},{"style":231},[2568],{"type":156,"value":447},{"type":151,"tag":212,"props":2570,"children":2571},{"style":450},[2572],{"type":156,"value":2573}," 200\n",{"type":151,"tag":212,"props":2575,"children":2576},{"class":214,"line":466},[2577],{"type":151,"tag":212,"props":2578,"children":2579},{"style":231},[2580],{"type":156,"value":1175},{"type":151,"tag":212,"props":2582,"children":2583},{"class":214,"line":474},[2584,2589,2593,2598],{"type":151,"tag":212,"props":2585,"children":2586},{"style":2524},[2587],{"type":156,"value":2588},"  rotate",{"type":151,"tag":212,"props":2590,"children":2591},{"style":231},[2592],{"type":156,"value":447},{"type":151,"tag":212,"props":2594,"children":2595},{"style":450},[2596],{"type":156,"value":2597}," 180",{"type":151,"tag":212,"props":2599,"children":2600},{"style":231},[2601],{"type":156,"value":1148},{"type":151,"tag":212,"props":2603,"children":2604},{"class":214,"line":537},[2605,2610,2614,2619],{"type":151,"tag":212,"props":2606,"children":2607},{"style":2524},[2608],{"type":156,"value":2609},"  bright",{"type":151,"tag":212,"props":2611,"children":2612},{"style":231},[2613],{"type":156,"value":447},{"type":151,"tag":212,"props":2615,"children":2616},{"style":450},[2617],{"type":156,"value":2618}," 50",{"type":151,"tag":212,"props":2620,"children":2621},{"style":231},[2622],{"type":156,"value":1148},{"type":151,"tag":212,"props":2624,"children":2625},{"class":214,"line":993},[2626],{"type":151,"tag":212,"props":2627,"children":2628},{"style":231},[2629],{"type":156,"value":2630},"  ...\n",{"type":151,"tag":212,"props":2632,"children":2633},{"class":214,"line":1002},[2634],{"type":151,"tag":212,"props":2635,"children":2636},{"style":231},[2637],{"type":156,"value":2638},"}\n",{"type":151,"tag":152,"props":2640,"children":2641},{},[2642,2644,2651],{"type":156,"value":2643},"For more modifiers configuration items, see ",{"type":151,"tag":786,"props":2645,"children":2648},{"href":2646,"rel":2647},"https://help.aliyun.com/zh/cdn/user-guide/image-editing",[1642],[2649],{"type":156,"value":2650},"Aliyun CDN docs",{"type":156,"value":606},{"type":151,"tag":1561,"props":2653,"children":2654},{},[2655],{"type":156,"value":1565},{"title":139,"searchDepth":248,"depth":248,"links":2657},[2658,2661],{"id":768,"depth":248,"text":2466,"children":2659},[2660],{"id":2469,"depth":258,"text":2476},{"id":705,"depth":248,"text":2497},"content:3.providers:aliyun.md","3.providers/aliyun.md","3.providers/aliyun",1743508159492]