[{"data":1,"prerenderedAt":843},["Reactive",2],{"navigation":3,"docs-/providers/netlify":124,"docs-/providers/netlify-surround":283},[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":83,"_dir":125,"_draft":126,"_partial":126,"_locale":127,"title":82,"description":128,"links":129,"body":135,"_type":278,"_id":279,"_source":280,"_file":281,"_extension":282},"providers",false,"","Optimize images with Netlify's dynamic image transformation service.",[130],{"label":131,"icon":132,"to":133,"size":134},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/netlify.ts","xs",{"type":136,"children":137,"toc":271},"root",[138,157,180,187,206,215],{"type":139,"tag":140,"props":141,"children":142},"element","p",{},[143,146,155],{"type":144,"value":145},"text","Netlify offers dynamic image transformation for all JPEG, PNG, and GIF files you have set to be tracked with ",{"type":139,"tag":147,"props":148,"children":152},"a",{"href":149,"rel":150},"https://docs.netlify.com/large-media/overview/",[151],"nofollow",[153],{"type":144,"value":154},"Netlify Large Media",{"type":144,"value":156},".",{"type":139,"tag":158,"props":159,"children":160},"callout",{},[161],{"type":139,"tag":140,"props":162,"children":163},{},[164,166,172,174,179],{"type":144,"value":165},"Before setting ",{"type":139,"tag":167,"props":168,"children":169},"code",{"className":127},[170],{"type":144,"value":171},"provider: 'netlify'",{"type":144,"value":173},", make sure you have followed the steps to enable ",{"type":139,"tag":147,"props":175,"children":177},{"href":149,"rel":176},[151],[178],{"type":144,"value":154},{"type":144,"value":156},{"type":139,"tag":181,"props":182,"children":184},"h2",{"id":183},"modifiers",[185],{"type":144,"value":186},"Modifiers",{"type":139,"tag":140,"props":188,"children":189},{},[190,192,197,199,204],{"type":144,"value":191},"In addition to ",{"type":139,"tag":167,"props":193,"children":194},{"className":127},[195],{"type":144,"value":196},"height",{"type":144,"value":198}," and ",{"type":139,"tag":167,"props":200,"children":201},{"className":127},[202],{"type":144,"value":203},"width",{"type":144,"value":205},", the Netlify provider supports the following modifiers:",{"type":139,"tag":207,"props":208,"children":210},"h3",{"id":209},"fit",[211],{"type":139,"tag":167,"props":212,"children":213},{"className":127},[214],{"type":144,"value":209},{"type":139,"tag":216,"props":217,"children":218},"ul",{},[219,236],{"type":139,"tag":220,"props":221,"children":222},"li",{},[223,229,231],{"type":139,"tag":224,"props":225,"children":226},"strong",{},[227],{"type":144,"value":228},"Default",{"type":144,"value":230},": ",{"type":139,"tag":167,"props":232,"children":233},{"className":127},[234],{"type":144,"value":235},"contain",{"type":139,"tag":220,"props":237,"children":238},{},[239,244,245,249,251,256,258,263,264,269],{"type":139,"tag":224,"props":240,"children":241},{},[242],{"type":144,"value":243},"Valid options",{"type":144,"value":230},{"type":139,"tag":167,"props":246,"children":247},{"className":127},[248],{"type":144,"value":235},{"type":144,"value":250}," (equivalent to ",{"type":139,"tag":167,"props":252,"children":253},{"className":127},[254],{"type":144,"value":255},"nf_resize=fit",{"type":144,"value":257},") and ",{"type":139,"tag":167,"props":259,"children":260},{"className":127},[261],{"type":144,"value":262},"fill",{"type":144,"value":250},{"type":139,"tag":167,"props":265,"children":266},{"className":127},[267],{"type":144,"value":268},"nf_resize=smartcrop",{"type":144,"value":270},")",{"title":127,"searchDepth":272,"depth":272,"links":273},2,[274],{"id":183,"depth":272,"text":186,"children":275},[276],{"id":209,"depth":277,"text":209},3,"markdown","content:3.providers:netlify.md","content","3.providers/netlify.md","md",[284,441],{"_path":80,"_dir":125,"_draft":126,"_partial":126,"_locale":127,"title":79,"description":285,"links":286,"body":289,"_type":278,"_id":439,"_source":280,"_file":440,"_extension":282},"IPX is the built-in and self hosted image optimizer for Nuxt Image.",[287],{"label":131,"icon":132,"to":288,"size":134},"https://github.com/nuxt/image/blob/main/src/runtime/providers/ipx.ts",{"type":136,"children":290,"toc":436},[291,321,327,341,349,430],{"type":139,"tag":140,"props":292,"children":293},{},[294,296,302,304,311,313,320],{"type":144,"value":295},"Nuxt Image comes with a ",{"type":139,"tag":147,"props":297,"children":299},{"href":298},"/get-started/providers#default-provider",[300],{"type":144,"value":301},"preconfigured instance",{"type":144,"value":303}," of ",{"type":139,"tag":147,"props":305,"children":308},{"href":306,"rel":307},"https://github.com/unjs/ipx",[151],[309],{"type":144,"value":310},"unjs/ipx",{"type":144,"value":312},". An open source, self-hosted image optimizer based on ",{"type":139,"tag":147,"props":314,"children":317},{"href":315,"rel":316},"https://github.com/lovell/sharp",[151],[318],{"type":144,"value":319},"lovell/sharp",{"type":144,"value":156},{"type":139,"tag":181,"props":322,"children":324},{"id":323},"additional-modifiers",[325],{"type":144,"value":326},"Additional Modifiers",{"type":139,"tag":140,"props":328,"children":329},{},[330,332,339],{"type":144,"value":331},"You can use ",{"type":139,"tag":147,"props":333,"children":336},{"href":334,"rel":335},"https://github.com/unjs/ipx/#modifiers",[151],[337],{"type":144,"value":338},"additional modifiers",{"type":144,"value":340}," supported by IPX.",{"type":139,"tag":140,"props":342,"children":343},{},[344],{"type":139,"tag":224,"props":345,"children":346},{},[347],{"type":144,"value":348},"Example:",{"type":139,"tag":350,"props":351,"children":355},"pre",{"className":352,"code":353,"language":354,"meta":127,"style":127},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CNuxtImg src=\"/image.png\" :modifiers=\"{ grayscale: true, tint: '#00DC82' }\" />\n","html",[356],{"type":139,"tag":167,"props":357,"children":358},{"__ignoreMap":127},[359],{"type":139,"tag":360,"props":361,"children":364},"span",{"class":362,"line":363},"line",1,[365,371,377,383,388,393,399,403,408,412,416,421,425],{"type":139,"tag":360,"props":366,"children":368},{"style":367},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[369],{"type":144,"value":370},"\u003C",{"type":139,"tag":360,"props":372,"children":374},{"style":373},"--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178",[375],{"type":144,"value":376},"NuxtImg",{"type":139,"tag":360,"props":378,"children":380},{"style":379},"--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA",[381],{"type":144,"value":382}," src",{"type":139,"tag":360,"props":384,"children":385},{"style":367},[386],{"type":144,"value":387},"=",{"type":139,"tag":360,"props":389,"children":390},{"style":367},[391],{"type":144,"value":392},"\"",{"type":139,"tag":360,"props":394,"children":396},{"style":395},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[397],{"type":144,"value":398},"/image.png",{"type":139,"tag":360,"props":400,"children":401},{"style":367},[402],{"type":144,"value":392},{"type":139,"tag":360,"props":404,"children":405},{"style":379},[406],{"type":144,"value":407}," :modifiers",{"type":139,"tag":360,"props":409,"children":410},{"style":367},[411],{"type":144,"value":387},{"type":139,"tag":360,"props":413,"children":414},{"style":367},[415],{"type":144,"value":392},{"type":139,"tag":360,"props":417,"children":418},{"style":395},[419],{"type":144,"value":420},"{ grayscale: true, tint: '#00DC82' }",{"type":139,"tag":360,"props":422,"children":423},{"style":367},[424],{"type":144,"value":392},{"type":139,"tag":360,"props":426,"children":427},{"style":367},[428],{"type":144,"value":429}," />\n",{"type":139,"tag":431,"props":432,"children":433},"style",{},[434],{"type":144,"value":435},"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":272,"depth":272,"links":437},[438],{"id":323,"depth":272,"text":326},"content:3.providers:ipx.md","3.providers/ipx.md",{"_path":86,"_dir":125,"_draft":126,"_partial":126,"_locale":127,"title":85,"description":442,"links":443,"body":446,"_type":278,"_id":841,"_source":280,"_file":842,"_extension":282},"Nuxt Image integration with Prepr CMS.",[444],{"label":131,"icon":132,"to":445,"size":134},"https://github.com/nuxt/image/tree/main/src/runtime/providers/prepr",{"type":136,"children":447,"toc":835},[448,461,473,623,627,641,646,668,690,696,701,772,779,792,817,831],{"type":139,"tag":140,"props":449,"children":450},{},[451,453,459],{"type":144,"value":452},"Integration between ",{"type":139,"tag":147,"props":454,"children":457},{"href":455,"rel":456},"https://prepr.io/",[151],[458],{"type":144,"value":85},{"type":144,"value":460}," and Nuxt Image.",{"type":139,"tag":140,"props":462,"children":463},{},[464,466,471],{"type":144,"value":465},"To use this provider you just need to specify the ",{"type":139,"tag":167,"props":467,"children":468},{"className":127},[469],{"type":144,"value":470},"projectName",{"type":144,"value":472}," of your project in Prepr.",{"type":139,"tag":350,"props":474,"children":479},{"className":475,"code":476,"filename":477,"language":478,"meta":127,"style":127},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  image: {\n    prepr: {\n      // E.g.: https://YourProjectName.prepr.io/\n      projectName: 'YourProjectName',\n    }\n  }\n})\n","nuxt.config.ts","ts",[480],{"type":139,"tag":167,"props":481,"children":482},{"__ignoreMap":127},[483,514,532,548,558,591,600,609],{"type":139,"tag":360,"props":484,"children":485},{"class":362,"line":363},[486,492,497,503,509],{"type":139,"tag":360,"props":487,"children":489},{"style":488},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[490],{"type":144,"value":491},"export",{"type":139,"tag":360,"props":493,"children":494},{"style":488},[495],{"type":144,"value":496}," default",{"type":139,"tag":360,"props":498,"children":500},{"style":499},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[501],{"type":144,"value":502}," defineNuxtConfig",{"type":139,"tag":360,"props":504,"children":506},{"style":505},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[507],{"type":144,"value":508},"(",{"type":139,"tag":360,"props":510,"children":511},{"style":367},[512],{"type":144,"value":513},"{\n",{"type":139,"tag":360,"props":515,"children":516},{"class":362,"line":272},[517,522,527],{"type":139,"tag":360,"props":518,"children":519},{"style":373},[520],{"type":144,"value":521},"  image",{"type":139,"tag":360,"props":523,"children":524},{"style":367},[525],{"type":144,"value":526},":",{"type":139,"tag":360,"props":528,"children":529},{"style":367},[530],{"type":144,"value":531}," {\n",{"type":139,"tag":360,"props":533,"children":534},{"class":362,"line":277},[535,540,544],{"type":139,"tag":360,"props":536,"children":537},{"style":373},[538],{"type":144,"value":539},"    prepr",{"type":139,"tag":360,"props":541,"children":542},{"style":367},[543],{"type":144,"value":526},{"type":139,"tag":360,"props":545,"children":546},{"style":367},[547],{"type":144,"value":531},{"type":139,"tag":360,"props":549,"children":551},{"class":362,"line":550},4,[552],{"type":139,"tag":360,"props":553,"children":555},{"style":554},"--shiki-light:#90A4AE;--shiki-default:#546E7A;--shiki-dark:#676E95;--shiki-light-font-style:italic;--shiki-default-font-style:italic;--shiki-dark-font-style:italic",[556],{"type":144,"value":557},"      // E.g.: https://YourProjectName.prepr.io/\n",{"type":139,"tag":360,"props":559,"children":561},{"class":362,"line":560},5,[562,567,571,576,581,586],{"type":139,"tag":360,"props":563,"children":564},{"style":373},[565],{"type":144,"value":566},"      projectName",{"type":139,"tag":360,"props":568,"children":569},{"style":367},[570],{"type":144,"value":526},{"type":139,"tag":360,"props":572,"children":573},{"style":367},[574],{"type":144,"value":575}," '",{"type":139,"tag":360,"props":577,"children":578},{"style":395},[579],{"type":144,"value":580},"YourProjectName",{"type":139,"tag":360,"props":582,"children":583},{"style":367},[584],{"type":144,"value":585},"'",{"type":139,"tag":360,"props":587,"children":588},{"style":367},[589],{"type":144,"value":590},",\n",{"type":139,"tag":360,"props":592,"children":594},{"class":362,"line":593},6,[595],{"type":139,"tag":360,"props":596,"children":597},{"style":367},[598],{"type":144,"value":599},"    }\n",{"type":139,"tag":360,"props":601,"children":603},{"class":362,"line":602},7,[604],{"type":139,"tag":360,"props":605,"children":606},{"style":367},[607],{"type":144,"value":608},"  }\n",{"type":139,"tag":360,"props":610,"children":612},{"class":362,"line":611},8,[613,618],{"type":139,"tag":360,"props":614,"children":615},{"style":367},[616],{"type":144,"value":617},"}",{"type":139,"tag":360,"props":619,"children":620},{"style":505},[621],{"type":144,"value":622},")\n",{"type":139,"tag":181,"props":624,"children":625},{"id":183},[626],{"type":144,"value":186},{"type":139,"tag":140,"props":628,"children":629},{},[630,632,639],{"type":144,"value":631},"The Prepr provider supports a number of additional modifiers. For a full list,\ncheck out ",{"type":139,"tag":147,"props":633,"children":636},{"href":634,"rel":635},"https://docs.prepr.io/reference/rest/v1/assets-resizing/",[151],[637],{"type":144,"value":638},"the Prepr documentation",{"type":144,"value":640},".\nAll current transformations currently mentioned in Prepr docs are supported.",{"type":139,"tag":140,"props":642,"children":643},{},[644],{"type":144,"value":645},"For the time being you might find the following links useful:",{"type":139,"tag":216,"props":647,"children":648},{},[649,658],{"type":139,"tag":220,"props":650,"children":651},{},[652],{"type":139,"tag":147,"props":653,"children":655},{"href":634,"rel":654},[151],[656],{"type":144,"value":657},"Assets Resizing via REST API",{"type":139,"tag":220,"props":659,"children":660},{},[661],{"type":139,"tag":147,"props":662,"children":665},{"href":663,"rel":664},"https://docs.prepr.io/managing-content/images",[151],[666],{"type":144,"value":667},"Understanding your marketing and design team workflows",{"type":139,"tag":158,"props":669,"children":670},{},[671],{"type":139,"tag":140,"props":672,"children":673},{},[674,676,681,683,688],{"type":144,"value":675},"prepr.io does not provide a way to restrict what domains can\nrequest assets to your project's CDN, nor limit the maximum size in ",{"type":139,"tag":167,"props":677,"children":678},{"className":127},[679],{"type":144,"value":680},"pixels",{"type":144,"value":682}," or\n",{"type":139,"tag":167,"props":684,"children":685},{"className":127},[686],{"type":144,"value":687},"bytes",{"type":144,"value":689}," of images that are served from the CDN.",{"type":139,"tag":207,"props":691,"children":693},{"id":692},"convenience-key-modifiers",[694],{"type":144,"value":695},"Convenience key modifiers",{"type":139,"tag":140,"props":697,"children":698},{},[699],{"type":144,"value":700},"The following more readable modifiers are supported, in addition to Prepr's\nnative modifiers:",{"type":139,"tag":216,"props":702,"children":703},{},[704,719,732,745,759],{"type":139,"tag":220,"props":705,"children":706},{},[707,712,714],{"type":139,"tag":167,"props":708,"children":709},{"className":127},[710],{"type":144,"value":711},"crop",{"type":144,"value":713}," is equivalent to ",{"type":139,"tag":167,"props":715,"children":716},{"className":127},[717],{"type":144,"value":718},"c",{"type":139,"tag":220,"props":720,"children":721},{},[722,727,728],{"type":139,"tag":167,"props":723,"children":724},{"className":127},[725],{"type":144,"value":726},"format",{"type":144,"value":713},{"type":139,"tag":167,"props":729,"children":730},{"className":127},[731],{"type":144,"value":726},{"type":139,"tag":220,"props":733,"children":734},{},[735,739,740],{"type":139,"tag":167,"props":736,"children":737},{"className":127},[738],{"type":144,"value":196},{"type":144,"value":713},{"type":139,"tag":167,"props":741,"children":742},{"className":127},[743],{"type":144,"value":744},"h",{"type":139,"tag":220,"props":746,"children":747},{},[748,753,754],{"type":139,"tag":167,"props":749,"children":750},{"className":127},[751],{"type":144,"value":752},"quality",{"type":144,"value":713},{"type":139,"tag":167,"props":755,"children":756},{"className":127},[757],{"type":144,"value":758},"q",{"type":139,"tag":220,"props":760,"children":761},{},[762,766,767],{"type":139,"tag":167,"props":763,"children":764},{"className":127},[765],{"type":144,"value":203},{"type":144,"value":713},{"type":139,"tag":167,"props":768,"children":769},{"className":127},[770],{"type":144,"value":771},"w",{"type":139,"tag":207,"props":773,"children":774},{"id":209},[775],{"type":139,"tag":167,"props":776,"children":777},{"className":127},[778],{"type":144,"value":209},{"type":139,"tag":140,"props":780,"children":781},{},[782,784,790],{"type":144,"value":783},"In addition to the values specified in the Prepr docs, which are respected, the\nfollowing options from the ",{"type":139,"tag":147,"props":785,"children":787},{"href":786},"/usage/nuxt-img#fit",[788],{"type":144,"value":789},"default fit behavior",{"type":144,"value":791},"\nare supported:",{"type":139,"tag":216,"props":793,"children":794},{},[795],{"type":139,"tag":220,"props":796,"children":797},{},[798,803,805,809,811,816],{"type":139,"tag":167,"props":799,"children":800},{"className":127},[801],{"type":144,"value":802},"cover",{"type":144,"value":804}," - this will behave like the Prepr modifier ",{"type":139,"tag":167,"props":806,"children":807},{"className":127},[808],{"type":144,"value":711},{"type":144,"value":810},", when passed without\na value (defaults to ",{"type":139,"tag":167,"props":812,"children":813},{"className":127},[814],{"type":144,"value":815},"centre",{"type":144,"value":270},{"type":139,"tag":158,"props":818,"children":819},{},[820],{"type":139,"tag":140,"props":821,"children":822},{},[823,825,829],{"type":144,"value":824},"For the time being, other ",{"type":139,"tag":167,"props":826,"children":827},{"className":127},[828],{"type":144,"value":209},{"type":144,"value":830}," options are not supported by this provider.",{"type":139,"tag":431,"props":832,"children":833},{},[834],{"type":144,"value":435},{"title":127,"searchDepth":272,"depth":272,"links":836},[837],{"id":183,"depth":272,"text":186,"children":838},[839,840],{"id":692,"depth":277,"text":695},{"id":209,"depth":277,"text":209},"content:3.providers:prepr.md","3.providers/prepr.md",1700216898312]