[{"data":1,"prerenderedAt":3094},["Reactive",2],{"navigation":3,"docs-/providers/sanity":115,"docs-/providers/sanity-surround":736},[4,20,33,105],{"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],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":86,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":85,"description":119,"links":120,"body":126,"_type":731,"_id":732,"_source":733,"_file":734,"_extension":735},"providers",false,"","Nuxt Image has first class integration with Sanity.",[121],{"label":122,"icon":123,"to":124,"size":125},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/sanity.ts","xs",{"type":127,"children":128,"toc":722},"root",[129,147,160,328,335,348,355,360,517,525,538,619,656,664,676,691,716],{"type":130,"tag":131,"props":132,"children":133},"element","p",{},[134,137,145],{"type":135,"value":136},"text","Integration between ",{"type":130,"tag":138,"props":139,"children":143},"a",{"href":140,"rel":141},"https://www.sanity.io/docs/image-urls",[142],"nofollow",[144],{"type":135,"value":85},{"type":135,"value":146}," and Nuxt Image.",{"type":130,"tag":131,"props":148,"children":149},{},[150,152,158],{"type":135,"value":151},"To use this provider you just need to specify the ",{"type":130,"tag":153,"props":154,"children":155},"code",{"className":118},[156],{"type":135,"value":157},"projectId",{"type":135,"value":159}," of your project in Sanity.",{"type":130,"tag":161,"props":162,"children":167},"pre",{"className":163,"code":164,"filename":165,"language":166,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","export default defineNuxtConfig({\n  image: {\n    sanity: {\n      projectId: 'yourprojectid',\n      // Defaults to 'production'\n      // dataset: 'development'\n    }\n  }\n})\n","nuxt.config.ts","ts",[168],{"type":130,"tag":153,"props":169,"children":170},{"__ignoreMap":118},[171,206,226,243,277,287,296,305,314],{"type":130,"tag":172,"props":173,"children":176},"span",{"class":174,"line":175},"line",1,[177,183,188,194,200],{"type":130,"tag":172,"props":178,"children":180},{"style":179},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[181],{"type":135,"value":182},"export",{"type":130,"tag":172,"props":184,"children":185},{"style":179},[186],{"type":135,"value":187}," default",{"type":130,"tag":172,"props":189,"children":191},{"style":190},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[192],{"type":135,"value":193}," defineNuxtConfig",{"type":130,"tag":172,"props":195,"children":197},{"style":196},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[198],{"type":135,"value":199},"(",{"type":130,"tag":172,"props":201,"children":203},{"style":202},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[204],{"type":135,"value":205},"{",{"type":130,"tag":172,"props":207,"children":209},{"class":174,"line":208},2,[210,216,221],{"type":130,"tag":172,"props":211,"children":213},{"style":212},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[214],{"type":135,"value":215},"  image",{"type":130,"tag":172,"props":217,"children":218},{"style":202},[219],{"type":135,"value":220},":",{"type":130,"tag":172,"props":222,"children":223},{"style":202},[224],{"type":135,"value":225}," {",{"type":130,"tag":172,"props":227,"children":229},{"class":174,"line":228},3,[230,235,239],{"type":130,"tag":172,"props":231,"children":232},{"style":212},[233],{"type":135,"value":234},"    sanity",{"type":130,"tag":172,"props":236,"children":237},{"style":202},[238],{"type":135,"value":220},{"type":130,"tag":172,"props":240,"children":241},{"style":202},[242],{"type":135,"value":225},{"type":130,"tag":172,"props":244,"children":246},{"class":174,"line":245},4,[247,252,256,261,267,272],{"type":130,"tag":172,"props":248,"children":249},{"style":212},[250],{"type":135,"value":251},"      projectId",{"type":130,"tag":172,"props":253,"children":254},{"style":202},[255],{"type":135,"value":220},{"type":130,"tag":172,"props":257,"children":258},{"style":202},[259],{"type":135,"value":260}," '",{"type":130,"tag":172,"props":262,"children":264},{"style":263},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[265],{"type":135,"value":266},"yourprojectid",{"type":130,"tag":172,"props":268,"children":269},{"style":202},[270],{"type":135,"value":271},"'",{"type":130,"tag":172,"props":273,"children":274},{"style":202},[275],{"type":135,"value":276},",",{"type":130,"tag":172,"props":278,"children":280},{"class":174,"line":279},5,[281],{"type":130,"tag":172,"props":282,"children":284},{"style":283},"color:#546E7A;--shiki-dark:#676E95;--shiki-light:#90A4AE;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[285],{"type":135,"value":286},"      // Defaults to 'production'",{"type":130,"tag":172,"props":288,"children":290},{"class":174,"line":289},6,[291],{"type":130,"tag":172,"props":292,"children":293},{"style":283},[294],{"type":135,"value":295},"      // dataset: 'development'",{"type":130,"tag":172,"props":297,"children":299},{"class":174,"line":298},7,[300],{"type":130,"tag":172,"props":301,"children":302},{"style":202},[303],{"type":135,"value":304},"    }",{"type":130,"tag":172,"props":306,"children":308},{"class":174,"line":307},8,[309],{"type":130,"tag":172,"props":310,"children":311},{"style":202},[312],{"type":135,"value":313},"  }",{"type":130,"tag":172,"props":315,"children":317},{"class":174,"line":316},9,[318,323],{"type":130,"tag":172,"props":319,"children":320},{"style":202},[321],{"type":135,"value":322},"}",{"type":130,"tag":172,"props":324,"children":325},{"style":196},[326],{"type":135,"value":327},")",{"type":130,"tag":329,"props":330,"children":332},"h2",{"id":331},"modifiers",[333],{"type":135,"value":334},"Modifiers",{"type":130,"tag":131,"props":336,"children":337},{},[338,340,346],{"type":135,"value":339},"The Sanity provider supports a number of additional modifiers. For a full list, check out ",{"type":130,"tag":138,"props":341,"children":343},{"href":140,"rel":342},[142],[344],{"type":135,"value":345},"the Sanity documentation",{"type":135,"value":347},". All of the modifiers mentioned in the Sanity docs are supported, with the following notes.",{"type":130,"tag":349,"props":350,"children":352},"h3",{"id":351},"extra-convenience-modifiers",[353],{"type":135,"value":354},"Extra convenience modifiers",{"type":130,"tag":131,"props":356,"children":357},{},[358],{"type":135,"value":359},"The following more readable modifiers are also supported:",{"type":130,"tag":361,"props":362,"children":363},"ul",{},[364,380,394,408,422,443,463,483,503],{"type":130,"tag":365,"props":366,"children":367},"li",{},[368,373,375],{"type":130,"tag":153,"props":369,"children":370},{"className":118},[371],{"type":135,"value":372},"background",{"type":135,"value":374}," - equivalent to ",{"type":130,"tag":153,"props":376,"children":377},{"className":118},[378],{"type":135,"value":379},"bg",{"type":130,"tag":365,"props":381,"children":382},{},[383,388,389],{"type":130,"tag":153,"props":384,"children":385},{"className":118},[386],{"type":135,"value":387},"download",{"type":135,"value":374},{"type":130,"tag":153,"props":390,"children":391},{"className":118},[392],{"type":135,"value":393},"dl",{"type":130,"tag":365,"props":395,"children":396},{},[397,402,403],{"type":130,"tag":153,"props":398,"children":399},{"className":118},[400],{"type":135,"value":401},"sharpen",{"type":135,"value":374},{"type":130,"tag":153,"props":404,"children":405},{"className":118},[406],{"type":135,"value":407},"sharp",{"type":130,"tag":365,"props":409,"children":410},{},[411,416,417],{"type":130,"tag":153,"props":412,"children":413},{"className":118},[414],{"type":135,"value":415},"orientation",{"type":135,"value":374},{"type":130,"tag":153,"props":418,"children":419},{"className":118},[420],{"type":135,"value":421},"or",{"type":130,"tag":365,"props":423,"children":424},{},[425,430,432,437,438],{"type":130,"tag":153,"props":426,"children":427},{"className":118},[428],{"type":135,"value":429},"minHeight",{"type":135,"value":431}," or ",{"type":130,"tag":153,"props":433,"children":434},{"className":118},[435],{"type":135,"value":436},"min-height",{"type":135,"value":374},{"type":130,"tag":153,"props":439,"children":440},{"className":118},[441],{"type":135,"value":442},"min-h",{"type":130,"tag":365,"props":444,"children":445},{},[446,451,452,457,458],{"type":130,"tag":153,"props":447,"children":448},{"className":118},[449],{"type":135,"value":450},"maxHeight",{"type":135,"value":431},{"type":130,"tag":153,"props":453,"children":454},{"className":118},[455],{"type":135,"value":456},"max-height",{"type":135,"value":374},{"type":130,"tag":153,"props":459,"children":460},{"className":118},[461],{"type":135,"value":462},"max-h",{"type":130,"tag":365,"props":464,"children":465},{},[466,471,472,477,478],{"type":130,"tag":153,"props":467,"children":468},{"className":118},[469],{"type":135,"value":470},"minWidth",{"type":135,"value":431},{"type":130,"tag":153,"props":473,"children":474},{"className":118},[475],{"type":135,"value":476},"min-width",{"type":135,"value":374},{"type":130,"tag":153,"props":479,"children":480},{"className":118},[481],{"type":135,"value":482},"min-w",{"type":130,"tag":365,"props":484,"children":485},{},[486,491,492,497,498],{"type":130,"tag":153,"props":487,"children":488},{"className":118},[489],{"type":135,"value":490},"maxWidth",{"type":135,"value":431},{"type":130,"tag":153,"props":493,"children":494},{"className":118},[495],{"type":135,"value":496},"max-width",{"type":135,"value":374},{"type":130,"tag":153,"props":499,"children":500},{"className":118},[501],{"type":135,"value":502},"max-w",{"type":130,"tag":365,"props":504,"children":505},{},[506,511,512],{"type":130,"tag":153,"props":507,"children":508},{"className":118},[509],{"type":135,"value":510},"saturation",{"type":135,"value":374},{"type":130,"tag":153,"props":513,"children":514},{"className":118},[515],{"type":135,"value":516},"sat",{"type":130,"tag":349,"props":518,"children":520},{"id":519},"fit",[521],{"type":130,"tag":153,"props":522,"children":523},{"className":118},[524],{"type":135,"value":519},{"type":130,"tag":131,"props":526,"children":527},{},[528,530,536],{"type":135,"value":529},"In addition to the values specified in the Sanity docs, which are respected, the following options from the ",{"type":130,"tag":138,"props":531,"children":533},{"href":532},"/usage/nuxt-img#fit",[534],{"type":135,"value":535},"default fit behavior",{"type":135,"value":537}," are supported:",{"type":130,"tag":361,"props":539,"children":540},{},[541,556,578,592,606],{"type":130,"tag":365,"props":542,"children":543},{},[544,549,551],{"type":130,"tag":153,"props":545,"children":546},{"className":118},[547],{"type":135,"value":548},"cover",{"type":135,"value":550}," - this will behave like the Sanity modifier ",{"type":130,"tag":153,"props":552,"children":553},{"className":118},[554],{"type":135,"value":555},"crop",{"type":130,"tag":365,"props":557,"children":558},{},[559,564,565,570,572,576],{"type":130,"tag":153,"props":560,"children":561},{"className":118},[562],{"type":135,"value":563},"contain",{"type":135,"value":550},{"type":130,"tag":153,"props":566,"children":567},{"className":118},[568],{"type":135,"value":569},"fill",{"type":135,"value":571},", and defaults to filling with a white background. (You can specify your own background color with the ",{"type":130,"tag":153,"props":573,"children":574},{"className":118},[575],{"type":135,"value":372},{"type":135,"value":577}," modifier.)",{"type":130,"tag":365,"props":579,"children":580},{},[581,586,587],{"type":130,"tag":153,"props":582,"children":583},{"className":118},[584],{"type":135,"value":585},"inside",{"type":135,"value":550},{"type":130,"tag":153,"props":588,"children":589},{"className":118},[590],{"type":135,"value":591},"min",{"type":130,"tag":365,"props":593,"children":594},{},[595,600,601],{"type":130,"tag":153,"props":596,"children":597},{"className":118},[598],{"type":135,"value":599},"outside",{"type":135,"value":550},{"type":130,"tag":153,"props":602,"children":603},{"className":118},[604],{"type":135,"value":605},"max",{"type":130,"tag":365,"props":607,"children":608},{},[609,613,614],{"type":130,"tag":153,"props":610,"children":611},{"className":118},[612],{"type":135,"value":569},{"type":135,"value":550},{"type":130,"tag":153,"props":615,"children":616},{"className":118},[617],{"type":135,"value":618},"scale",{"type":130,"tag":620,"props":621,"children":622},"callout",{},[623],{"type":130,"tag":131,"props":624,"children":625},{},[626,628,633,635,640,642,647,649,654],{"type":135,"value":627},"For compatibility with other providers, ",{"type":130,"tag":153,"props":629,"children":630},{"className":118},[631],{"type":135,"value":632},"fit: fill",{"type":135,"value":634}," is equivalent to the Sanity parameter ",{"type":130,"tag":153,"props":636,"children":637},{"className":118},[638],{"type":135,"value":639},"?fit=scale",{"type":135,"value":641},". If you need the Sanity ",{"type":130,"tag":153,"props":643,"children":644},{"className":118},[645],{"type":135,"value":646},"?fit=fill",{"type":135,"value":648}," behavior, use ",{"type":130,"tag":153,"props":650,"children":651},{"className":118},[652],{"type":135,"value":653},"fit: contain",{"type":135,"value":655}," instead.",{"type":130,"tag":349,"props":657,"children":659},{"id":658},"format",[660],{"type":130,"tag":153,"props":661,"children":662},{"className":118},[663],{"type":135,"value":658},{"type":130,"tag":131,"props":665,"children":666},{},[667,669,674],{"type":135,"value":668},"You can specify any of the formats suppored by Sanity. If this is omitted, the Sanity provider will default to ",{"type":130,"tag":153,"props":670,"children":671},{"className":118},[672],{"type":135,"value":673},"auto=format",{"type":135,"value":675},".",{"type":130,"tag":349,"props":677,"children":679},{"id":678},"crop-and-hotspot",[680,684,686],{"type":130,"tag":153,"props":681,"children":682},{"className":118},[683],{"type":135,"value":555},{"type":135,"value":685}," and ",{"type":130,"tag":153,"props":687,"children":688},{"className":118},[689],{"type":135,"value":690},"hotspot",{"type":130,"tag":131,"props":692,"children":693},{},[694,696,701,703,708,709,714],{"type":135,"value":695},"You can pass your Sanity crop and hotspot image data as modifiers and Nuxt Image will correctly generate the ",{"type":130,"tag":153,"props":697,"children":698},{"className":118},[699],{"type":135,"value":700},"rect",{"type":135,"value":702},", ",{"type":130,"tag":153,"props":704,"children":705},{"className":118},[706],{"type":135,"value":707},"fp-x",{"type":135,"value":685},{"type":130,"tag":153,"props":710,"children":711},{"className":118},[712],{"type":135,"value":713},"fp-y",{"type":135,"value":715}," parameters for you.",{"type":130,"tag":717,"props":718,"children":719},"style",{},[720],{"type":135,"value":721},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":208,"depth":208,"links":723},[724],{"id":331,"depth":208,"text":334,"children":725},[726,727,728,729],{"id":351,"depth":228,"text":354},{"id":519,"depth":228,"text":519},{"id":658,"depth":228,"text":658},{"id":678,"depth":228,"text":730},"crop and hotspot","markdown","content:3.providers:sanity.md","content","3.providers/sanity.md","md",[737,944],{"_path":83,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":82,"description":738,"links":739,"body":742,"_type":731,"_id":942,"_source":733,"_file":943,"_extension":735},"Nuxt Image has first class integration with Prismic.",[740],{"label":122,"icon":123,"to":741,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/prismic.ts",{"type":127,"children":743,"toc":940},[744,756,768,848,853,928,936],{"type":130,"tag":131,"props":745,"children":746},{},[747,748,754],{"type":135,"value":136},{"type":130,"tag":138,"props":749,"children":752},{"href":750,"rel":751},"https://prismic.io/docs",[142],[753],{"type":135,"value":82},{"type":135,"value":755}," and the image module.",{"type":130,"tag":131,"props":757,"children":758},{},[759,761,766],{"type":135,"value":760},"No specific configuration is required for Prismic support. You just need to specify ",{"type":130,"tag":153,"props":762,"children":763},{"className":118},[764],{"type":135,"value":765},"provider: 'prismic'",{"type":135,"value":767}," in your configuration to make it the default:",{"type":130,"tag":161,"props":769,"children":771},{"className":163,"code":770,"filename":165,"language":166,"meta":118,"style":118},"export default defineNuxtConfig({\n  image: {\n    prismic: {}\n  }\n})\n",[772],{"type":130,"tag":153,"props":773,"children":774},{"__ignoreMap":118},[775,798,813,830,837],{"type":130,"tag":172,"props":776,"children":777},{"class":174,"line":175},[778,782,786,790,794],{"type":130,"tag":172,"props":779,"children":780},{"style":179},[781],{"type":135,"value":182},{"type":130,"tag":172,"props":783,"children":784},{"style":179},[785],{"type":135,"value":187},{"type":130,"tag":172,"props":787,"children":788},{"style":190},[789],{"type":135,"value":193},{"type":130,"tag":172,"props":791,"children":792},{"style":196},[793],{"type":135,"value":199},{"type":130,"tag":172,"props":795,"children":796},{"style":202},[797],{"type":135,"value":205},{"type":130,"tag":172,"props":799,"children":800},{"class":174,"line":208},[801,805,809],{"type":130,"tag":172,"props":802,"children":803},{"style":212},[804],{"type":135,"value":215},{"type":130,"tag":172,"props":806,"children":807},{"style":202},[808],{"type":135,"value":220},{"type":130,"tag":172,"props":810,"children":811},{"style":202},[812],{"type":135,"value":225},{"type":130,"tag":172,"props":814,"children":815},{"class":174,"line":228},[816,821,825],{"type":130,"tag":172,"props":817,"children":818},{"style":212},[819],{"type":135,"value":820},"    prismic",{"type":130,"tag":172,"props":822,"children":823},{"style":202},[824],{"type":135,"value":220},{"type":130,"tag":172,"props":826,"children":827},{"style":202},[828],{"type":135,"value":829}," {}",{"type":130,"tag":172,"props":831,"children":832},{"class":174,"line":245},[833],{"type":130,"tag":172,"props":834,"children":835},{"style":202},[836],{"type":135,"value":313},{"type":130,"tag":172,"props":838,"children":839},{"class":174,"line":279},[840,844],{"type":130,"tag":172,"props":841,"children":842},{"style":202},[843],{"type":135,"value":322},{"type":130,"tag":172,"props":845,"children":846},{"style":196},[847],{"type":135,"value":327},{"type":130,"tag":131,"props":849,"children":850},{},[851],{"type":135,"value":852},"You can also pass it directly to your component when you need it, for example:",{"type":130,"tag":161,"props":854,"children":859},{"className":855,"code":856,"filename":857,"language":858,"meta":118,"style":118},"language-html shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\u003CNuxtImg provider=\"prismic\" src=\"...\" />\n","*.vue","html",[860],{"type":130,"tag":153,"props":861,"children":862},{"__ignoreMap":118},[863],{"type":130,"tag":172,"props":864,"children":865},{"class":174,"line":175},[866,871,876,882,887,892,897,901,906,910,914,919,923],{"type":130,"tag":172,"props":867,"children":868},{"style":202},[869],{"type":135,"value":870},"\u003C",{"type":130,"tag":172,"props":872,"children":873},{"style":212},[874],{"type":135,"value":875},"NuxtImg",{"type":130,"tag":172,"props":877,"children":879},{"style":878},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[880],{"type":135,"value":881}," provider",{"type":130,"tag":172,"props":883,"children":884},{"style":202},[885],{"type":135,"value":886},"=",{"type":130,"tag":172,"props":888,"children":889},{"style":202},[890],{"type":135,"value":891},"\"",{"type":130,"tag":172,"props":893,"children":894},{"style":263},[895],{"type":135,"value":896},"prismic",{"type":130,"tag":172,"props":898,"children":899},{"style":202},[900],{"type":135,"value":891},{"type":130,"tag":172,"props":902,"children":903},{"style":878},[904],{"type":135,"value":905}," src",{"type":130,"tag":172,"props":907,"children":908},{"style":202},[909],{"type":135,"value":886},{"type":130,"tag":172,"props":911,"children":912},{"style":202},[913],{"type":135,"value":891},{"type":130,"tag":172,"props":915,"children":916},{"style":263},[917],{"type":135,"value":918},"...",{"type":130,"tag":172,"props":920,"children":921},{"style":202},[922],{"type":135,"value":891},{"type":130,"tag":172,"props":924,"children":925},{"style":202},[926],{"type":135,"value":927}," />",{"type":130,"tag":620,"props":929,"children":930},{},[931],{"type":130,"tag":131,"props":932,"children":933},{},[934],{"type":135,"value":935},"Prismic allows content writer to manipulate images through its UI (cropping, rezising, etc.). To preserve that behavior this provider does not strip query parameters coming from Prismic. Instead it only overrides them when needed, keeping developers in control.",{"type":130,"tag":717,"props":937,"children":938},{},[939],{"type":135,"value":721},{"title":118,"searchDepth":208,"depth":208,"links":941},[],"content:3.providers:prismic.md","3.providers/prismic.md",{"_path":89,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":88,"description":945,"links":946,"body":949,"_type":731,"_id":3092,"_source":733,"_file":3093,"_extension":735},"Nuxt Image internally use Storyblok as static provider.",[947],{"label":122,"icon":123,"to":948,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/storyblok.ts",{"type":127,"children":950,"toc":3082},[951,963,1074,1080,1091,1097,1111,1116,1129,1134,1655,1661,1672,1690,1695,1699,1899,1904,1915,1938,1942,2091,2097,2108,2113,2117,2321,2327,2338,2343,2347,2702,2708,2719,2731,2735,3078],{"type":130,"tag":131,"props":952,"children":953},{},[954,955,961],{"type":135,"value":136},{"type":130,"tag":138,"props":956,"children":959},{"href":957,"rel":958},"https://www.storyblok.com/docs/image-service/",[142],[960],{"type":135,"value":88},{"type":135,"value":962}," and the image module. To use this provider you just need to specify the base url of your service in Storyblok.",{"type":130,"tag":161,"props":964,"children":966},{"className":163,"code":965,"filename":165,"language":166,"meta":118,"style":118},"export default defineNuxtConfig({\n  image: {\n    storyblok: {\n      baseURL: 'https://a.storyblok.com'\n    }\n  }\n})\n",[967],{"type":130,"tag":153,"props":968,"children":969},{"__ignoreMap":118},[970,993,1008,1024,1049,1056,1063],{"type":130,"tag":172,"props":971,"children":972},{"class":174,"line":175},[973,977,981,985,989],{"type":130,"tag":172,"props":974,"children":975},{"style":179},[976],{"type":135,"value":182},{"type":130,"tag":172,"props":978,"children":979},{"style":179},[980],{"type":135,"value":187},{"type":130,"tag":172,"props":982,"children":983},{"style":190},[984],{"type":135,"value":193},{"type":130,"tag":172,"props":986,"children":987},{"style":196},[988],{"type":135,"value":199},{"type":130,"tag":172,"props":990,"children":991},{"style":202},[992],{"type":135,"value":205},{"type":130,"tag":172,"props":994,"children":995},{"class":174,"line":208},[996,1000,1004],{"type":130,"tag":172,"props":997,"children":998},{"style":212},[999],{"type":135,"value":215},{"type":130,"tag":172,"props":1001,"children":1002},{"style":202},[1003],{"type":135,"value":220},{"type":130,"tag":172,"props":1005,"children":1006},{"style":202},[1007],{"type":135,"value":225},{"type":130,"tag":172,"props":1009,"children":1010},{"class":174,"line":228},[1011,1016,1020],{"type":130,"tag":172,"props":1012,"children":1013},{"style":212},[1014],{"type":135,"value":1015},"    storyblok",{"type":130,"tag":172,"props":1017,"children":1018},{"style":202},[1019],{"type":135,"value":220},{"type":130,"tag":172,"props":1021,"children":1022},{"style":202},[1023],{"type":135,"value":225},{"type":130,"tag":172,"props":1025,"children":1026},{"class":174,"line":245},[1027,1032,1036,1040,1045],{"type":130,"tag":172,"props":1028,"children":1029},{"style":212},[1030],{"type":135,"value":1031},"      baseURL",{"type":130,"tag":172,"props":1033,"children":1034},{"style":202},[1035],{"type":135,"value":220},{"type":130,"tag":172,"props":1037,"children":1038},{"style":202},[1039],{"type":135,"value":260},{"type":130,"tag":172,"props":1041,"children":1042},{"style":263},[1043],{"type":135,"value":1044},"https://a.storyblok.com",{"type":130,"tag":172,"props":1046,"children":1047},{"style":202},[1048],{"type":135,"value":271},{"type":130,"tag":172,"props":1050,"children":1051},{"class":174,"line":279},[1052],{"type":130,"tag":172,"props":1053,"children":1054},{"style":202},[1055],{"type":135,"value":304},{"type":130,"tag":172,"props":1057,"children":1058},{"class":174,"line":289},[1059],{"type":130,"tag":172,"props":1060,"children":1061},{"style":202},[1062],{"type":135,"value":313},{"type":130,"tag":172,"props":1064,"children":1065},{"class":174,"line":298},[1066,1070],{"type":130,"tag":172,"props":1067,"children":1068},{"style":202},[1069],{"type":135,"value":322},{"type":130,"tag":172,"props":1071,"children":1072},{"style":196},[1073],{"type":135,"value":327},{"type":130,"tag":329,"props":1075,"children":1077},{"id":1076},"storyblok-modifiers",[1078],{"type":135,"value":1079},"Storyblok modifiers",{"type":130,"tag":131,"props":1081,"children":1082},{},[1083,1085],{"type":135,"value":1084},"I am following all modifiers present on ",{"type":130,"tag":138,"props":1086,"children":1088},{"href":957,"rel":1087},[142],[1089],{"type":135,"value":1090},"Storyblok image service",{"type":130,"tag":349,"props":1092,"children":1094},{"id":1093},"resizing",[1095],{"type":135,"value":1096},"Resizing",{"type":130,"tag":131,"props":1098,"children":1099},{},[1100,1102,1109],{"type":135,"value":1101},"Check ",{"type":130,"tag":138,"props":1103,"children":1106},{"href":1104,"rel":1105},"https://www.storyblok.com/docs/image-service#resizing",[142],[1107],{"type":135,"value":1108},"Storyblok documentation",{"type":135,"value":1110}," if you want to know more.",{"type":130,"tag":131,"props":1112,"children":1113},{},[1114],{"type":135,"value":1115},"the logic is:",{"type":130,"tag":361,"props":1117,"children":1118},{},[1119,1124],{"type":130,"tag":365,"props":1120,"children":1121},{},[1122],{"type":135,"value":1123},"If you do not define either width or height, the image will not be resized.",{"type":130,"tag":365,"props":1125,"children":1126},{},[1127],{"type":135,"value":1128},"If you define only width or only height the image will be proportionately resized based on the one you defined.",{"type":130,"tag":131,"props":1130,"children":1131},{},[1132],{"type":135,"value":1133},"Example:",{"type":130,"tag":161,"props":1135,"children":1137},{"className":855,"code":1136,"language":858,"meta":118,"style":118},"\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",[1138],{"type":130,"tag":153,"props":1139,"children":1140},{"__ignoreMap":118},[1141,1176,1187,1212,1237,1245,1248,1280,1291,1316,1341,1365,1389,1397,1401,1434,1446,1470,1494,1518,1526,1530,1563,1575,1599,1623,1647],{"type":130,"tag":172,"props":1142,"children":1143},{"class":174,"line":175},[1144,1148,1153,1158,1163,1168,1172],{"type":130,"tag":172,"props":1145,"children":1146},{"style":202},[1147],{"type":135,"value":870},{"type":130,"tag":172,"props":1149,"children":1150},{"style":212},[1151],{"type":135,"value":1152},"div",{"type":130,"tag":172,"props":1154,"children":1155},{"style":202},[1156],{"type":135,"value":1157},">",{"type":130,"tag":172,"props":1159,"children":1160},{"style":196},[1161],{"type":135,"value":1162},"Original",{"type":130,"tag":172,"props":1164,"children":1165},{"style":202},[1166],{"type":135,"value":1167},"\u003C/",{"type":130,"tag":172,"props":1169,"children":1170},{"style":212},[1171],{"type":135,"value":1152},{"type":130,"tag":172,"props":1173,"children":1174},{"style":202},[1175],{"type":135,"value":1157},{"type":130,"tag":172,"props":1177,"children":1178},{"class":174,"line":208},[1179,1183],{"type":130,"tag":172,"props":1180,"children":1181},{"style":202},[1182],{"type":135,"value":870},{"type":130,"tag":172,"props":1184,"children":1185},{"style":212},[1186],{"type":135,"value":875},{"type":130,"tag":172,"props":1188,"children":1189},{"class":174,"line":228},[1190,1195,1199,1203,1208],{"type":130,"tag":172,"props":1191,"children":1192},{"style":878},[1193],{"type":135,"value":1194},"  provider",{"type":130,"tag":172,"props":1196,"children":1197},{"style":202},[1198],{"type":135,"value":886},{"type":130,"tag":172,"props":1200,"children":1201},{"style":202},[1202],{"type":135,"value":891},{"type":130,"tag":172,"props":1204,"children":1205},{"style":263},[1206],{"type":135,"value":1207},"storyblok",{"type":130,"tag":172,"props":1209,"children":1210},{"style":202},[1211],{"type":135,"value":891},{"type":130,"tag":172,"props":1213,"children":1214},{"class":174,"line":245},[1215,1220,1224,1228,1233],{"type":130,"tag":172,"props":1216,"children":1217},{"style":878},[1218],{"type":135,"value":1219},"  src",{"type":130,"tag":172,"props":1221,"children":1222},{"style":202},[1223],{"type":135,"value":886},{"type":130,"tag":172,"props":1225,"children":1226},{"style":202},[1227],{"type":135,"value":891},{"type":130,"tag":172,"props":1229,"children":1230},{"style":263},[1231],{"type":135,"value":1232},"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg",{"type":130,"tag":172,"props":1234,"children":1235},{"style":202},[1236],{"type":135,"value":891},{"type":130,"tag":172,"props":1238,"children":1239},{"class":174,"line":279},[1240],{"type":130,"tag":172,"props":1241,"children":1242},{"style":202},[1243],{"type":135,"value":1244},"/>",{"type":130,"tag":172,"props":1246,"children":1247},{"class":174,"line":289},[],{"type":130,"tag":172,"props":1249,"children":1250},{"class":174,"line":298},[1251,1255,1259,1263,1268,1272,1276],{"type":130,"tag":172,"props":1252,"children":1253},{"style":202},[1254],{"type":135,"value":870},{"type":130,"tag":172,"props":1256,"children":1257},{"style":212},[1258],{"type":135,"value":1152},{"type":130,"tag":172,"props":1260,"children":1261},{"style":202},[1262],{"type":135,"value":1157},{"type":130,"tag":172,"props":1264,"children":1265},{"style":196},[1266],{"type":135,"value":1267},"Resized static",{"type":130,"tag":172,"props":1269,"children":1270},{"style":202},[1271],{"type":135,"value":1167},{"type":130,"tag":172,"props":1273,"children":1274},{"style":212},[1275],{"type":135,"value":1152},{"type":130,"tag":172,"props":1277,"children":1278},{"style":202},[1279],{"type":135,"value":1157},{"type":130,"tag":172,"props":1281,"children":1282},{"class":174,"line":307},[1283,1287],{"type":130,"tag":172,"props":1284,"children":1285},{"style":202},[1286],{"type":135,"value":870},{"type":130,"tag":172,"props":1288,"children":1289},{"style":212},[1290],{"type":135,"value":875},{"type":130,"tag":172,"props":1292,"children":1293},{"class":174,"line":316},[1294,1299,1303,1307,1312],{"type":130,"tag":172,"props":1295,"children":1296},{"style":878},[1297],{"type":135,"value":1298},"  width",{"type":130,"tag":172,"props":1300,"children":1301},{"style":202},[1302],{"type":135,"value":886},{"type":130,"tag":172,"props":1304,"children":1305},{"style":202},[1306],{"type":135,"value":891},{"type":130,"tag":172,"props":1308,"children":1309},{"style":263},[1310],{"type":135,"value":1311},"500",{"type":130,"tag":172,"props":1313,"children":1314},{"style":202},[1315],{"type":135,"value":891},{"type":130,"tag":172,"props":1317,"children":1319},{"class":174,"line":1318},10,[1320,1325,1329,1333,1337],{"type":130,"tag":172,"props":1321,"children":1322},{"style":878},[1323],{"type":135,"value":1324},"  height",{"type":130,"tag":172,"props":1326,"children":1327},{"style":202},[1328],{"type":135,"value":886},{"type":130,"tag":172,"props":1330,"children":1331},{"style":202},[1332],{"type":135,"value":891},{"type":130,"tag":172,"props":1334,"children":1335},{"style":263},[1336],{"type":135,"value":1311},{"type":130,"tag":172,"props":1338,"children":1339},{"style":202},[1340],{"type":135,"value":891},{"type":130,"tag":172,"props":1342,"children":1344},{"class":174,"line":1343},11,[1345,1349,1353,1357,1361],{"type":130,"tag":172,"props":1346,"children":1347},{"style":878},[1348],{"type":135,"value":1194},{"type":130,"tag":172,"props":1350,"children":1351},{"style":202},[1352],{"type":135,"value":886},{"type":130,"tag":172,"props":1354,"children":1355},{"style":202},[1356],{"type":135,"value":891},{"type":130,"tag":172,"props":1358,"children":1359},{"style":263},[1360],{"type":135,"value":1207},{"type":130,"tag":172,"props":1362,"children":1363},{"style":202},[1364],{"type":135,"value":891},{"type":130,"tag":172,"props":1366,"children":1368},{"class":174,"line":1367},12,[1369,1373,1377,1381,1385],{"type":130,"tag":172,"props":1370,"children":1371},{"style":878},[1372],{"type":135,"value":1219},{"type":130,"tag":172,"props":1374,"children":1375},{"style":202},[1376],{"type":135,"value":886},{"type":130,"tag":172,"props":1378,"children":1379},{"style":202},[1380],{"type":135,"value":891},{"type":130,"tag":172,"props":1382,"children":1383},{"style":263},[1384],{"type":135,"value":1232},{"type":130,"tag":172,"props":1386,"children":1387},{"style":202},[1388],{"type":135,"value":891},{"type":130,"tag":172,"props":1390,"children":1392},{"class":174,"line":1391},13,[1393],{"type":130,"tag":172,"props":1394,"children":1395},{"style":202},[1396],{"type":135,"value":1244},{"type":130,"tag":172,"props":1398,"children":1400},{"class":174,"line":1399},14,[],{"type":130,"tag":172,"props":1402,"children":1404},{"class":174,"line":1403},15,[1405,1409,1413,1417,1422,1426,1430],{"type":130,"tag":172,"props":1406,"children":1407},{"style":202},[1408],{"type":135,"value":870},{"type":130,"tag":172,"props":1410,"children":1411},{"style":212},[1412],{"type":135,"value":1152},{"type":130,"tag":172,"props":1414,"children":1415},{"style":202},[1416],{"type":135,"value":1157},{"type":130,"tag":172,"props":1418,"children":1419},{"style":196},[1420],{"type":135,"value":1421},"Proportional to Width",{"type":130,"tag":172,"props":1423,"children":1424},{"style":202},[1425],{"type":135,"value":1167},{"type":130,"tag":172,"props":1427,"children":1428},{"style":212},[1429],{"type":135,"value":1152},{"type":130,"tag":172,"props":1431,"children":1432},{"style":202},[1433],{"type":135,"value":1157},{"type":130,"tag":172,"props":1435,"children":1437},{"class":174,"line":1436},16,[1438,1442],{"type":130,"tag":172,"props":1439,"children":1440},{"style":202},[1441],{"type":135,"value":870},{"type":130,"tag":172,"props":1443,"children":1444},{"style":212},[1445],{"type":135,"value":875},{"type":130,"tag":172,"props":1447,"children":1449},{"class":174,"line":1448},17,[1450,1454,1458,1462,1466],{"type":130,"tag":172,"props":1451,"children":1452},{"style":878},[1453],{"type":135,"value":1298},{"type":130,"tag":172,"props":1455,"children":1456},{"style":202},[1457],{"type":135,"value":886},{"type":130,"tag":172,"props":1459,"children":1460},{"style":202},[1461],{"type":135,"value":891},{"type":130,"tag":172,"props":1463,"children":1464},{"style":263},[1465],{"type":135,"value":1311},{"type":130,"tag":172,"props":1467,"children":1468},{"style":202},[1469],{"type":135,"value":891},{"type":130,"tag":172,"props":1471,"children":1473},{"class":174,"line":1472},18,[1474,1478,1482,1486,1490],{"type":130,"tag":172,"props":1475,"children":1476},{"style":878},[1477],{"type":135,"value":1194},{"type":130,"tag":172,"props":1479,"children":1480},{"style":202},[1481],{"type":135,"value":886},{"type":130,"tag":172,"props":1483,"children":1484},{"style":202},[1485],{"type":135,"value":891},{"type":130,"tag":172,"props":1487,"children":1488},{"style":263},[1489],{"type":135,"value":1207},{"type":130,"tag":172,"props":1491,"children":1492},{"style":202},[1493],{"type":135,"value":891},{"type":130,"tag":172,"props":1495,"children":1497},{"class":174,"line":1496},19,[1498,1502,1506,1510,1514],{"type":130,"tag":172,"props":1499,"children":1500},{"style":878},[1501],{"type":135,"value":1219},{"type":130,"tag":172,"props":1503,"children":1504},{"style":202},[1505],{"type":135,"value":886},{"type":130,"tag":172,"props":1507,"children":1508},{"style":202},[1509],{"type":135,"value":891},{"type":130,"tag":172,"props":1511,"children":1512},{"style":263},[1513],{"type":135,"value":1232},{"type":130,"tag":172,"props":1515,"children":1516},{"style":202},[1517],{"type":135,"value":891},{"type":130,"tag":172,"props":1519,"children":1521},{"class":174,"line":1520},20,[1522],{"type":130,"tag":172,"props":1523,"children":1524},{"style":202},[1525],{"type":135,"value":1244},{"type":130,"tag":172,"props":1527,"children":1529},{"class":174,"line":1528},21,[],{"type":130,"tag":172,"props":1531,"children":1533},{"class":174,"line":1532},22,[1534,1538,1542,1546,1551,1555,1559],{"type":130,"tag":172,"props":1535,"children":1536},{"style":202},[1537],{"type":135,"value":870},{"type":130,"tag":172,"props":1539,"children":1540},{"style":212},[1541],{"type":135,"value":1152},{"type":130,"tag":172,"props":1543,"children":1544},{"style":202},[1545],{"type":135,"value":1157},{"type":130,"tag":172,"props":1547,"children":1548},{"style":196},[1549],{"type":135,"value":1550},"Proportional to Height",{"type":130,"tag":172,"props":1552,"children":1553},{"style":202},[1554],{"type":135,"value":1167},{"type":130,"tag":172,"props":1556,"children":1557},{"style":212},[1558],{"type":135,"value":1152},{"type":130,"tag":172,"props":1560,"children":1561},{"style":202},[1562],{"type":135,"value":1157},{"type":130,"tag":172,"props":1564,"children":1566},{"class":174,"line":1565},23,[1567,1571],{"type":130,"tag":172,"props":1568,"children":1569},{"style":202},[1570],{"type":135,"value":870},{"type":130,"tag":172,"props":1572,"children":1573},{"style":212},[1574],{"type":135,"value":875},{"type":130,"tag":172,"props":1576,"children":1578},{"class":174,"line":1577},24,[1579,1583,1587,1591,1595],{"type":130,"tag":172,"props":1580,"children":1581},{"style":878},[1582],{"type":135,"value":1324},{"type":130,"tag":172,"props":1584,"children":1585},{"style":202},[1586],{"type":135,"value":886},{"type":130,"tag":172,"props":1588,"children":1589},{"style":202},[1590],{"type":135,"value":891},{"type":130,"tag":172,"props":1592,"children":1593},{"style":263},[1594],{"type":135,"value":1311},{"type":130,"tag":172,"props":1596,"children":1597},{"style":202},[1598],{"type":135,"value":891},{"type":130,"tag":172,"props":1600,"children":1602},{"class":174,"line":1601},25,[1603,1607,1611,1615,1619],{"type":130,"tag":172,"props":1604,"children":1605},{"style":878},[1606],{"type":135,"value":1194},{"type":130,"tag":172,"props":1608,"children":1609},{"style":202},[1610],{"type":135,"value":886},{"type":130,"tag":172,"props":1612,"children":1613},{"style":202},[1614],{"type":135,"value":891},{"type":130,"tag":172,"props":1616,"children":1617},{"style":263},[1618],{"type":135,"value":1207},{"type":130,"tag":172,"props":1620,"children":1621},{"style":202},[1622],{"type":135,"value":891},{"type":130,"tag":172,"props":1624,"children":1626},{"class":174,"line":1625},26,[1627,1631,1635,1639,1643],{"type":130,"tag":172,"props":1628,"children":1629},{"style":878},[1630],{"type":135,"value":1219},{"type":130,"tag":172,"props":1632,"children":1633},{"style":202},[1634],{"type":135,"value":886},{"type":130,"tag":172,"props":1636,"children":1637},{"style":202},[1638],{"type":135,"value":891},{"type":130,"tag":172,"props":1640,"children":1641},{"style":263},[1642],{"type":135,"value":1232},{"type":130,"tag":172,"props":1644,"children":1645},{"style":202},[1646],{"type":135,"value":891},{"type":130,"tag":172,"props":1648,"children":1650},{"class":174,"line":1649},27,[1651],{"type":130,"tag":172,"props":1652,"children":1653},{"style":202},[1654],{"type":135,"value":1244},{"type":130,"tag":349,"props":1656,"children":1658},{"id":1657},"fit-in-with-background-or-not",[1659],{"type":135,"value":1660},"Fit in with background or not",{"type":130,"tag":131,"props":1662,"children":1663},{},[1664,1665,1671],{"type":135,"value":1101},{"type":130,"tag":138,"props":1666,"children":1669},{"href":1667,"rel":1668},"https://www.storyblok.com/docs/image-service#fit-in",[142],[1670],{"type":135,"value":1108},{"type":135,"value":1110},{"type":130,"tag":131,"props":1673,"children":1674},{},[1675,1677,1682,1684,1689],{"type":135,"value":1676},"If you want to use it just add a props ",{"type":130,"tag":153,"props":1678,"children":1679},{"className":118},[1680],{"type":135,"value":1681},"fit=\"in\"",{"type":135,"value":1683},". Take care that storyblok only support ",{"type":130,"tag":153,"props":1685,"children":1686},{"className":118},[1687],{"type":135,"value":1688},"fit-in",{"type":135,"value":675},{"type":130,"tag":131,"props":1691,"children":1692},{},[1693],{"type":135,"value":1694},"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":130,"tag":131,"props":1696,"children":1697},{},[1698],{"type":135,"value":1133},{"type":130,"tag":161,"props":1700,"children":1702},{"className":855,"code":1701,"language":858,"meta":118,"style":118},"\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",[1703],{"type":130,"tag":153,"props":1704,"children":1705},{"__ignoreMap":118},[1706,1738,1749,1773,1796,1821,1846,1869,1892],{"type":130,"tag":172,"props":1707,"children":1708},{"class":174,"line":175},[1709,1713,1717,1721,1726,1730,1734],{"type":130,"tag":172,"props":1710,"children":1711},{"style":202},[1712],{"type":135,"value":870},{"type":130,"tag":172,"props":1714,"children":1715},{"style":212},[1716],{"type":135,"value":1152},{"type":130,"tag":172,"props":1718,"children":1719},{"style":202},[1720],{"type":135,"value":1157},{"type":130,"tag":172,"props":1722,"children":1723},{"style":196},[1724],{"type":135,"value":1725},"Fit in with background CCCCCC",{"type":130,"tag":172,"props":1727,"children":1728},{"style":202},[1729],{"type":135,"value":1167},{"type":130,"tag":172,"props":1731,"children":1732},{"style":212},[1733],{"type":135,"value":1152},{"type":130,"tag":172,"props":1735,"children":1736},{"style":202},[1737],{"type":135,"value":1157},{"type":130,"tag":172,"props":1739,"children":1740},{"class":174,"line":208},[1741,1745],{"type":130,"tag":172,"props":1742,"children":1743},{"style":202},[1744],{"type":135,"value":870},{"type":130,"tag":172,"props":1746,"children":1747},{"style":212},[1748],{"type":135,"value":875},{"type":130,"tag":172,"props":1750,"children":1751},{"class":174,"line":228},[1752,1756,1760,1764,1769],{"type":130,"tag":172,"props":1753,"children":1754},{"style":878},[1755],{"type":135,"value":1298},{"type":130,"tag":172,"props":1757,"children":1758},{"style":202},[1759],{"type":135,"value":886},{"type":130,"tag":172,"props":1761,"children":1762},{"style":202},[1763],{"type":135,"value":891},{"type":130,"tag":172,"props":1765,"children":1766},{"style":263},[1767],{"type":135,"value":1768},"200",{"type":130,"tag":172,"props":1770,"children":1771},{"style":202},[1772],{"type":135,"value":891},{"type":130,"tag":172,"props":1774,"children":1775},{"class":174,"line":245},[1776,1780,1784,1788,1792],{"type":130,"tag":172,"props":1777,"children":1778},{"style":878},[1779],{"type":135,"value":1324},{"type":130,"tag":172,"props":1781,"children":1782},{"style":202},[1783],{"type":135,"value":886},{"type":130,"tag":172,"props":1785,"children":1786},{"style":202},[1787],{"type":135,"value":891},{"type":130,"tag":172,"props":1789,"children":1790},{"style":263},[1791],{"type":135,"value":1768},{"type":130,"tag":172,"props":1793,"children":1794},{"style":202},[1795],{"type":135,"value":891},{"type":130,"tag":172,"props":1797,"children":1798},{"class":174,"line":279},[1799,1804,1808,1812,1817],{"type":130,"tag":172,"props":1800,"children":1801},{"style":878},[1802],{"type":135,"value":1803},"  fit",{"type":130,"tag":172,"props":1805,"children":1806},{"style":202},[1807],{"type":135,"value":886},{"type":130,"tag":172,"props":1809,"children":1810},{"style":202},[1811],{"type":135,"value":891},{"type":130,"tag":172,"props":1813,"children":1814},{"style":263},[1815],{"type":135,"value":1816},"in",{"type":130,"tag":172,"props":1818,"children":1819},{"style":202},[1820],{"type":135,"value":891},{"type":130,"tag":172,"props":1822,"children":1823},{"class":174,"line":289},[1824,1829,1833,1837,1842],{"type":130,"tag":172,"props":1825,"children":1826},{"style":878},[1827],{"type":135,"value":1828},"  :modifiers",{"type":130,"tag":172,"props":1830,"children":1831},{"style":202},[1832],{"type":135,"value":886},{"type":130,"tag":172,"props":1834,"children":1835},{"style":202},[1836],{"type":135,"value":891},{"type":130,"tag":172,"props":1838,"children":1839},{"style":263},[1840],{"type":135,"value":1841},"{ filters: { fill: 'CCCCCC' } }",{"type":130,"tag":172,"props":1843,"children":1844},{"style":202},[1845],{"type":135,"value":891},{"type":130,"tag":172,"props":1847,"children":1848},{"class":174,"line":298},[1849,1853,1857,1861,1865],{"type":130,"tag":172,"props":1850,"children":1851},{"style":878},[1852],{"type":135,"value":1194},{"type":130,"tag":172,"props":1854,"children":1855},{"style":202},[1856],{"type":135,"value":886},{"type":130,"tag":172,"props":1858,"children":1859},{"style":202},[1860],{"type":135,"value":891},{"type":130,"tag":172,"props":1862,"children":1863},{"style":263},[1864],{"type":135,"value":1207},{"type":130,"tag":172,"props":1866,"children":1867},{"style":202},[1868],{"type":135,"value":891},{"type":130,"tag":172,"props":1870,"children":1871},{"class":174,"line":307},[1872,1876,1880,1884,1888],{"type":130,"tag":172,"props":1873,"children":1874},{"style":878},[1875],{"type":135,"value":1219},{"type":130,"tag":172,"props":1877,"children":1878},{"style":202},[1879],{"type":135,"value":886},{"type":130,"tag":172,"props":1881,"children":1882},{"style":202},[1883],{"type":135,"value":891},{"type":130,"tag":172,"props":1885,"children":1886},{"style":263},[1887],{"type":135,"value":1232},{"type":130,"tag":172,"props":1889,"children":1890},{"style":202},[1891],{"type":135,"value":891},{"type":130,"tag":172,"props":1893,"children":1894},{"class":174,"line":316},[1895],{"type":130,"tag":172,"props":1896,"children":1897},{"style":202},[1898],{"type":135,"value":1244},{"type":130,"tag":349,"props":1900,"children":1901},{"id":658},[1902],{"type":135,"value":1903},"Format",{"type":130,"tag":131,"props":1905,"children":1906},{},[1907,1908,1914],{"type":135,"value":1101},{"type":130,"tag":138,"props":1909,"children":1912},{"href":1910,"rel":1911},"https://www.storyblok.com/docs/image-service#changing-the-format",[142],[1913],{"type":135,"value":1108},{"type":135,"value":1110},{"type":130,"tag":131,"props":1916,"children":1917},{},[1918,1920,1925,1926,1931,1932,1937],{"type":135,"value":1919},"You can modify your image format. Supported format are ",{"type":130,"tag":153,"props":1921,"children":1922},{"className":118},[1923],{"type":135,"value":1924},"webp",{"type":135,"value":702},{"type":130,"tag":153,"props":1927,"children":1928},{"className":118},[1929],{"type":135,"value":1930},"jpeg",{"type":135,"value":685},{"type":130,"tag":153,"props":1933,"children":1934},{"className":118},[1935],{"type":135,"value":1936},"png",{"type":135,"value":675},{"type":130,"tag":131,"props":1939,"children":1940},{},[1941],{"type":135,"value":1133},{"type":130,"tag":161,"props":1943,"children":1945},{"className":855,"code":1944,"language":858,"meta":118,"style":118},"\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",[1946],{"type":130,"tag":153,"props":1947,"children":1948},{"__ignoreMap":118},[1949,1980,1991,2014,2038,2061,2084],{"type":130,"tag":172,"props":1950,"children":1951},{"class":174,"line":175},[1952,1956,1960,1964,1968,1972,1976],{"type":130,"tag":172,"props":1953,"children":1954},{"style":202},[1955],{"type":135,"value":870},{"type":130,"tag":172,"props":1957,"children":1958},{"style":212},[1959],{"type":135,"value":349},{"type":130,"tag":172,"props":1961,"children":1962},{"style":202},[1963],{"type":135,"value":1157},{"type":130,"tag":172,"props":1965,"children":1966},{"style":196},[1967],{"type":135,"value":1903},{"type":130,"tag":172,"props":1969,"children":1970},{"style":202},[1971],{"type":135,"value":1167},{"type":130,"tag":172,"props":1973,"children":1974},{"style":212},[1975],{"type":135,"value":349},{"type":130,"tag":172,"props":1977,"children":1978},{"style":202},[1979],{"type":135,"value":1157},{"type":130,"tag":172,"props":1981,"children":1982},{"class":174,"line":208},[1983,1987],{"type":130,"tag":172,"props":1984,"children":1985},{"style":202},[1986],{"type":135,"value":870},{"type":130,"tag":172,"props":1988,"children":1989},{"style":212},[1990],{"type":135,"value":875},{"type":130,"tag":172,"props":1992,"children":1993},{"class":174,"line":228},[1994,1998,2002,2006,2010],{"type":130,"tag":172,"props":1995,"children":1996},{"style":878},[1997],{"type":135,"value":1298},{"type":130,"tag":172,"props":1999,"children":2000},{"style":202},[2001],{"type":135,"value":886},{"type":130,"tag":172,"props":2003,"children":2004},{"style":202},[2005],{"type":135,"value":891},{"type":130,"tag":172,"props":2007,"children":2008},{"style":263},[2009],{"type":135,"value":1768},{"type":130,"tag":172,"props":2011,"children":2012},{"style":202},[2013],{"type":135,"value":891},{"type":130,"tag":172,"props":2015,"children":2016},{"class":174,"line":245},[2017,2022,2026,2030,2034],{"type":130,"tag":172,"props":2018,"children":2019},{"style":878},[2020],{"type":135,"value":2021},"  format",{"type":130,"tag":172,"props":2023,"children":2024},{"style":202},[2025],{"type":135,"value":886},{"type":130,"tag":172,"props":2027,"children":2028},{"style":202},[2029],{"type":135,"value":891},{"type":130,"tag":172,"props":2031,"children":2032},{"style":263},[2033],{"type":135,"value":1924},{"type":130,"tag":172,"props":2035,"children":2036},{"style":202},[2037],{"type":135,"value":891},{"type":130,"tag":172,"props":2039,"children":2040},{"class":174,"line":279},[2041,2045,2049,2053,2057],{"type":130,"tag":172,"props":2042,"children":2043},{"style":878},[2044],{"type":135,"value":1194},{"type":130,"tag":172,"props":2046,"children":2047},{"style":202},[2048],{"type":135,"value":886},{"type":130,"tag":172,"props":2050,"children":2051},{"style":202},[2052],{"type":135,"value":891},{"type":130,"tag":172,"props":2054,"children":2055},{"style":263},[2056],{"type":135,"value":1207},{"type":130,"tag":172,"props":2058,"children":2059},{"style":202},[2060],{"type":135,"value":891},{"type":130,"tag":172,"props":2062,"children":2063},{"class":174,"line":289},[2064,2068,2072,2076,2080],{"type":130,"tag":172,"props":2065,"children":2066},{"style":878},[2067],{"type":135,"value":1219},{"type":130,"tag":172,"props":2069,"children":2070},{"style":202},[2071],{"type":135,"value":886},{"type":130,"tag":172,"props":2073,"children":2074},{"style":202},[2075],{"type":135,"value":891},{"type":130,"tag":172,"props":2077,"children":2078},{"style":263},[2079],{"type":135,"value":1232},{"type":130,"tag":172,"props":2081,"children":2082},{"style":202},[2083],{"type":135,"value":891},{"type":130,"tag":172,"props":2085,"children":2086},{"class":174,"line":298},[2087],{"type":130,"tag":172,"props":2088,"children":2089},{"style":202},[2090],{"type":135,"value":1244},{"type":130,"tag":349,"props":2092,"children":2094},{"id":2093},"quality",[2095],{"type":135,"value":2096},"Quality",{"type":130,"tag":131,"props":2098,"children":2099},{},[2100,2101,2107],{"type":135,"value":1101},{"type":130,"tag":138,"props":2102,"children":2105},{"href":2103,"rel":2104},"https://www.storyblok.com/docs/image-service#quality-optimization",[142],[2106],{"type":135,"value":1108},{"type":135,"value":1110},{"type":130,"tag":131,"props":2109,"children":2110},{},[2111],{"type":135,"value":2112},"You can update your image quality by defining the quality filters.",{"type":130,"tag":131,"props":2114,"children":2115},{},[2116],{"type":135,"value":1133},{"type":130,"tag":161,"props":2118,"children":2120},{"className":855,"code":2119,"language":858,"meta":118,"style":118}," \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",[2121],{"type":130,"tag":153,"props":2122,"children":2123},{"__ignoreMap":118},[2124,2162,2194,2205,2228,2251,2276,2299,2306],{"type":130,"tag":172,"props":2125,"children":2126},{"class":174,"line":175},[2127,2132,2136,2141,2145,2149,2154,2158],{"type":130,"tag":172,"props":2128,"children":2129},{"style":202},[2130],{"type":135,"value":2131}," \u003C",{"type":130,"tag":172,"props":2133,"children":2134},{"style":212},[2135],{"type":135,"value":1152},{"type":130,"tag":172,"props":2137,"children":2138},{"style":878},[2139],{"type":135,"value":2140}," class",{"type":130,"tag":172,"props":2142,"children":2143},{"style":202},[2144],{"type":135,"value":886},{"type":130,"tag":172,"props":2146,"children":2147},{"style":202},[2148],{"type":135,"value":891},{"type":130,"tag":172,"props":2150,"children":2151},{"style":263},[2152],{"type":135,"value":2153},"flex",{"type":130,"tag":172,"props":2155,"children":2156},{"style":202},[2157],{"type":135,"value":891},{"type":130,"tag":172,"props":2159,"children":2160},{"style":202},[2161],{"type":135,"value":1157},{"type":130,"tag":172,"props":2163,"children":2164},{"class":174,"line":208},[2165,2169,2173,2177,2182,2186,2190],{"type":130,"tag":172,"props":2166,"children":2167},{"style":202},[2168],{"type":135,"value":870},{"type":130,"tag":172,"props":2170,"children":2171},{"style":212},[2172],{"type":135,"value":1152},{"type":130,"tag":172,"props":2174,"children":2175},{"style":202},[2176],{"type":135,"value":1157},{"type":130,"tag":172,"props":2178,"children":2179},{"style":196},[2180],{"type":135,"value":2181},"Resized and 10% Quality",{"type":130,"tag":172,"props":2183,"children":2184},{"style":202},[2185],{"type":135,"value":1167},{"type":130,"tag":172,"props":2187,"children":2188},{"style":212},[2189],{"type":135,"value":1152},{"type":130,"tag":172,"props":2191,"children":2192},{"style":202},[2193],{"type":135,"value":1157},{"type":130,"tag":172,"props":2195,"children":2196},{"class":174,"line":228},[2197,2201],{"type":130,"tag":172,"props":2198,"children":2199},{"style":202},[2200],{"type":135,"value":870},{"type":130,"tag":172,"props":2202,"children":2203},{"style":212},[2204],{"type":135,"value":875},{"type":130,"tag":172,"props":2206,"children":2207},{"class":174,"line":245},[2208,2212,2216,2220,2224],{"type":130,"tag":172,"props":2209,"children":2210},{"style":878},[2211],{"type":135,"value":1194},{"type":130,"tag":172,"props":2213,"children":2214},{"style":202},[2215],{"type":135,"value":886},{"type":130,"tag":172,"props":2217,"children":2218},{"style":202},[2219],{"type":135,"value":891},{"type":130,"tag":172,"props":2221,"children":2222},{"style":263},[2223],{"type":135,"value":1207},{"type":130,"tag":172,"props":2225,"children":2226},{"style":202},[2227],{"type":135,"value":891},{"type":130,"tag":172,"props":2229,"children":2230},{"class":174,"line":279},[2231,2235,2239,2243,2247],{"type":130,"tag":172,"props":2232,"children":2233},{"style":878},[2234],{"type":135,"value":1298},{"type":130,"tag":172,"props":2236,"children":2237},{"style":202},[2238],{"type":135,"value":886},{"type":130,"tag":172,"props":2240,"children":2241},{"style":202},[2242],{"type":135,"value":891},{"type":130,"tag":172,"props":2244,"children":2245},{"style":263},[2246],{"type":135,"value":1768},{"type":130,"tag":172,"props":2248,"children":2249},{"style":202},[2250],{"type":135,"value":891},{"type":130,"tag":172,"props":2252,"children":2253},{"class":174,"line":289},[2254,2259,2263,2267,2272],{"type":130,"tag":172,"props":2255,"children":2256},{"style":878},[2257],{"type":135,"value":2258},"  quality",{"type":130,"tag":172,"props":2260,"children":2261},{"style":202},[2262],{"type":135,"value":886},{"type":130,"tag":172,"props":2264,"children":2265},{"style":202},[2266],{"type":135,"value":891},{"type":130,"tag":172,"props":2268,"children":2269},{"style":263},[2270],{"type":135,"value":2271},"10",{"type":130,"tag":172,"props":2273,"children":2274},{"style":202},[2275],{"type":135,"value":891},{"type":130,"tag":172,"props":2277,"children":2278},{"class":174,"line":298},[2279,2283,2287,2291,2295],{"type":130,"tag":172,"props":2280,"children":2281},{"style":878},[2282],{"type":135,"value":1219},{"type":130,"tag":172,"props":2284,"children":2285},{"style":202},[2286],{"type":135,"value":886},{"type":130,"tag":172,"props":2288,"children":2289},{"style":202},[2290],{"type":135,"value":891},{"type":130,"tag":172,"props":2292,"children":2293},{"style":263},[2294],{"type":135,"value":1232},{"type":130,"tag":172,"props":2296,"children":2297},{"style":202},[2298],{"type":135,"value":891},{"type":130,"tag":172,"props":2300,"children":2301},{"class":174,"line":307},[2302],{"type":130,"tag":172,"props":2303,"children":2304},{"style":202},[2305],{"type":135,"value":1244},{"type":130,"tag":172,"props":2307,"children":2308},{"class":174,"line":316},[2309,2313,2317],{"type":130,"tag":172,"props":2310,"children":2311},{"style":202},[2312],{"type":135,"value":1167},{"type":130,"tag":172,"props":2314,"children":2315},{"style":212},[2316],{"type":135,"value":1152},{"type":130,"tag":172,"props":2318,"children":2319},{"style":202},[2320],{"type":135,"value":1157},{"type":130,"tag":349,"props":2322,"children":2324},{"id":2323},"facial-detection",[2325],{"type":135,"value":2326},"Facial detection",{"type":130,"tag":131,"props":2328,"children":2329},{},[2330,2331,2337],{"type":135,"value":1101},{"type":130,"tag":138,"props":2332,"children":2335},{"href":2333,"rel":2334},"https://www.storyblok.com/docs/image-service#facial-detection-and-smart-cropping",[142],[2336],{"type":135,"value":1108},{"type":135,"value":1110},{"type":130,"tag":131,"props":2339,"children":2340},{},[2341],{"type":135,"value":2342},"To have a smart crop just define a smart property inside modifier.",{"type":130,"tag":131,"props":2344,"children":2345},{},[2346],{"type":135,"value":1133},{"type":130,"tag":161,"props":2348,"children":2350},{"className":855,"code":2349,"language":858,"meta":118,"style":118},"\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",[2351],{"type":130,"tag":153,"props":2352,"children":2353},{"__ignoreMap":118},[2354,2385,2388,2420,2431,2455,2479,2502,2526,2533,2536,2568,2579,2602,2625,2649,2672,2695],{"type":130,"tag":172,"props":2355,"children":2356},{"class":174,"line":175},[2357,2361,2365,2369,2373,2377,2381],{"type":130,"tag":172,"props":2358,"children":2359},{"style":202},[2360],{"type":135,"value":870},{"type":130,"tag":172,"props":2362,"children":2363},{"style":212},[2364],{"type":135,"value":349},{"type":130,"tag":172,"props":2366,"children":2367},{"style":202},[2368],{"type":135,"value":1157},{"type":130,"tag":172,"props":2370,"children":2371},{"style":196},[2372],{"type":135,"value":2326},{"type":130,"tag":172,"props":2374,"children":2375},{"style":202},[2376],{"type":135,"value":1167},{"type":130,"tag":172,"props":2378,"children":2379},{"style":212},[2380],{"type":135,"value":349},{"type":130,"tag":172,"props":2382,"children":2383},{"style":202},[2384],{"type":135,"value":1157},{"type":130,"tag":172,"props":2386,"children":2387},{"class":174,"line":208},[],{"type":130,"tag":172,"props":2389,"children":2390},{"class":174,"line":228},[2391,2395,2399,2403,2408,2412,2416],{"type":130,"tag":172,"props":2392,"children":2393},{"style":202},[2394],{"type":135,"value":870},{"type":130,"tag":172,"props":2396,"children":2397},{"style":212},[2398],{"type":135,"value":1152},{"type":130,"tag":172,"props":2400,"children":2401},{"style":202},[2402],{"type":135,"value":1157},{"type":130,"tag":172,"props":2404,"children":2405},{"style":196},[2406],{"type":135,"value":2407},"Resized without Smart Crop",{"type":130,"tag":172,"props":2409,"children":2410},{"style":202},[2411],{"type":135,"value":1167},{"type":130,"tag":172,"props":2413,"children":2414},{"style":212},[2415],{"type":135,"value":1152},{"type":130,"tag":172,"props":2417,"children":2418},{"style":202},[2419],{"type":135,"value":1157},{"type":130,"tag":172,"props":2421,"children":2422},{"class":174,"line":245},[2423,2427],{"type":130,"tag":172,"props":2424,"children":2425},{"style":202},[2426],{"type":135,"value":870},{"type":130,"tag":172,"props":2428,"children":2429},{"style":212},[2430],{"type":135,"value":875},{"type":130,"tag":172,"props":2432,"children":2433},{"class":174,"line":279},[2434,2438,2442,2446,2451],{"type":130,"tag":172,"props":2435,"children":2436},{"style":878},[2437],{"type":135,"value":1298},{"type":130,"tag":172,"props":2439,"children":2440},{"style":202},[2441],{"type":135,"value":886},{"type":130,"tag":172,"props":2443,"children":2444},{"style":202},[2445],{"type":135,"value":891},{"type":130,"tag":172,"props":2447,"children":2448},{"style":263},[2449],{"type":135,"value":2450},"600",{"type":130,"tag":172,"props":2452,"children":2453},{"style":202},[2454],{"type":135,"value":891},{"type":130,"tag":172,"props":2456,"children":2457},{"class":174,"line":289},[2458,2462,2466,2470,2475],{"type":130,"tag":172,"props":2459,"children":2460},{"style":878},[2461],{"type":135,"value":1324},{"type":130,"tag":172,"props":2463,"children":2464},{"style":202},[2465],{"type":135,"value":886},{"type":130,"tag":172,"props":2467,"children":2468},{"style":202},[2469],{"type":135,"value":891},{"type":130,"tag":172,"props":2471,"children":2472},{"style":263},[2473],{"type":135,"value":2474},"130",{"type":130,"tag":172,"props":2476,"children":2477},{"style":202},[2478],{"type":135,"value":891},{"type":130,"tag":172,"props":2480,"children":2481},{"class":174,"line":298},[2482,2486,2490,2494,2498],{"type":130,"tag":172,"props":2483,"children":2484},{"style":878},[2485],{"type":135,"value":1194},{"type":130,"tag":172,"props":2487,"children":2488},{"style":202},[2489],{"type":135,"value":886},{"type":130,"tag":172,"props":2491,"children":2492},{"style":202},[2493],{"type":135,"value":891},{"type":130,"tag":172,"props":2495,"children":2496},{"style":263},[2497],{"type":135,"value":1207},{"type":130,"tag":172,"props":2499,"children":2500},{"style":202},[2501],{"type":135,"value":891},{"type":130,"tag":172,"props":2503,"children":2504},{"class":174,"line":307},[2505,2509,2513,2517,2522],{"type":130,"tag":172,"props":2506,"children":2507},{"style":878},[2508],{"type":135,"value":1219},{"type":130,"tag":172,"props":2510,"children":2511},{"style":202},[2512],{"type":135,"value":886},{"type":130,"tag":172,"props":2514,"children":2515},{"style":202},[2516],{"type":135,"value":891},{"type":130,"tag":172,"props":2518,"children":2519},{"style":263},[2520],{"type":135,"value":2521},"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg",{"type":130,"tag":172,"props":2523,"children":2524},{"style":202},[2525],{"type":135,"value":891},{"type":130,"tag":172,"props":2527,"children":2528},{"class":174,"line":316},[2529],{"type":130,"tag":172,"props":2530,"children":2531},{"style":202},[2532],{"type":135,"value":1244},{"type":130,"tag":172,"props":2534,"children":2535},{"class":174,"line":1318},[],{"type":130,"tag":172,"props":2537,"children":2538},{"class":174,"line":1343},[2539,2543,2547,2551,2556,2560,2564],{"type":130,"tag":172,"props":2540,"children":2541},{"style":202},[2542],{"type":135,"value":870},{"type":130,"tag":172,"props":2544,"children":2545},{"style":212},[2546],{"type":135,"value":1152},{"type":130,"tag":172,"props":2548,"children":2549},{"style":202},[2550],{"type":135,"value":1157},{"type":130,"tag":172,"props":2552,"children":2553},{"style":196},[2554],{"type":135,"value":2555},"Resized with Smart Crop",{"type":130,"tag":172,"props":2557,"children":2558},{"style":202},[2559],{"type":135,"value":1167},{"type":130,"tag":172,"props":2561,"children":2562},{"style":212},[2563],{"type":135,"value":1152},{"type":130,"tag":172,"props":2565,"children":2566},{"style":202},[2567],{"type":135,"value":1157},{"type":130,"tag":172,"props":2569,"children":2570},{"class":174,"line":1367},[2571,2575],{"type":130,"tag":172,"props":2572,"children":2573},{"style":202},[2574],{"type":135,"value":870},{"type":130,"tag":172,"props":2576,"children":2577},{"style":212},[2578],{"type":135,"value":875},{"type":130,"tag":172,"props":2580,"children":2581},{"class":174,"line":1391},[2582,2586,2590,2594,2598],{"type":130,"tag":172,"props":2583,"children":2584},{"style":878},[2585],{"type":135,"value":1298},{"type":130,"tag":172,"props":2587,"children":2588},{"style":202},[2589],{"type":135,"value":886},{"type":130,"tag":172,"props":2591,"children":2592},{"style":202},[2593],{"type":135,"value":891},{"type":130,"tag":172,"props":2595,"children":2596},{"style":263},[2597],{"type":135,"value":2450},{"type":130,"tag":172,"props":2599,"children":2600},{"style":202},[2601],{"type":135,"value":891},{"type":130,"tag":172,"props":2603,"children":2604},{"class":174,"line":1399},[2605,2609,2613,2617,2621],{"type":130,"tag":172,"props":2606,"children":2607},{"style":878},[2608],{"type":135,"value":1324},{"type":130,"tag":172,"props":2610,"children":2611},{"style":202},[2612],{"type":135,"value":886},{"type":130,"tag":172,"props":2614,"children":2615},{"style":202},[2616],{"type":135,"value":891},{"type":130,"tag":172,"props":2618,"children":2619},{"style":263},[2620],{"type":135,"value":2474},{"type":130,"tag":172,"props":2622,"children":2623},{"style":202},[2624],{"type":135,"value":891},{"type":130,"tag":172,"props":2626,"children":2627},{"class":174,"line":1403},[2628,2632,2636,2640,2645],{"type":130,"tag":172,"props":2629,"children":2630},{"style":878},[2631],{"type":135,"value":1828},{"type":130,"tag":172,"props":2633,"children":2634},{"style":202},[2635],{"type":135,"value":886},{"type":130,"tag":172,"props":2637,"children":2638},{"style":202},[2639],{"type":135,"value":891},{"type":130,"tag":172,"props":2641,"children":2642},{"style":263},[2643],{"type":135,"value":2644},"{ smart: true }",{"type":130,"tag":172,"props":2646,"children":2647},{"style":202},[2648],{"type":135,"value":891},{"type":130,"tag":172,"props":2650,"children":2651},{"class":174,"line":1436},[2652,2656,2660,2664,2668],{"type":130,"tag":172,"props":2653,"children":2654},{"style":878},[2655],{"type":135,"value":1194},{"type":130,"tag":172,"props":2657,"children":2658},{"style":202},[2659],{"type":135,"value":886},{"type":130,"tag":172,"props":2661,"children":2662},{"style":202},[2663],{"type":135,"value":891},{"type":130,"tag":172,"props":2665,"children":2666},{"style":263},[2667],{"type":135,"value":1207},{"type":130,"tag":172,"props":2669,"children":2670},{"style":202},[2671],{"type":135,"value":891},{"type":130,"tag":172,"props":2673,"children":2674},{"class":174,"line":1448},[2675,2679,2683,2687,2691],{"type":130,"tag":172,"props":2676,"children":2677},{"style":878},[2678],{"type":135,"value":1219},{"type":130,"tag":172,"props":2680,"children":2681},{"style":202},[2682],{"type":135,"value":886},{"type":130,"tag":172,"props":2684,"children":2685},{"style":202},[2686],{"type":135,"value":891},{"type":130,"tag":172,"props":2688,"children":2689},{"style":263},[2690],{"type":135,"value":2521},{"type":130,"tag":172,"props":2692,"children":2693},{"style":202},[2694],{"type":135,"value":891},{"type":130,"tag":172,"props":2696,"children":2697},{"class":174,"line":1472},[2698],{"type":130,"tag":172,"props":2699,"children":2700},{"style":202},[2701],{"type":135,"value":1244},{"type":130,"tag":349,"props":2703,"children":2705},{"id":2704},"custom-focal-point",[2706],{"type":135,"value":2707},"Custom focal point",{"type":130,"tag":131,"props":2709,"children":2710},{},[2711,2712,2718],{"type":135,"value":1101},{"type":130,"tag":138,"props":2713,"children":2716},{"href":2714,"rel":2715},"https://www.storyblok.com/docs/image-service#custom-focal-point",[142],[2717],{"type":135,"value":1108},{"type":135,"value":1110},{"type":130,"tag":131,"props":2720,"children":2721},{},[2722,2724,2729],{"type":135,"value":2723},"Storyblok offer you the focalize on a specific part of your image. Just use ",{"type":130,"tag":153,"props":2725,"children":2726},{"className":118},[2727],{"type":135,"value":2728},"focal",{"type":135,"value":2730}," filters.",{"type":130,"tag":131,"props":2732,"children":2733},{},[2734],{"type":135,"value":1133},{"type":130,"tag":161,"props":2736,"children":2738},{"className":855,"code":2737,"language":858,"meta":118,"style":118},"\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",[2739],{"type":130,"tag":153,"props":2740,"children":2741},{"__ignoreMap":118},[2742,2774,2785,2808,2831,2855,2878,2902,2909,2912,2944,2955,2978,3001,3025,3048,3071],{"type":130,"tag":172,"props":2743,"children":2744},{"class":174,"line":175},[2745,2749,2753,2757,2762,2766,2770],{"type":130,"tag":172,"props":2746,"children":2747},{"style":202},[2748],{"type":135,"value":870},{"type":130,"tag":172,"props":2750,"children":2751},{"style":212},[2752],{"type":135,"value":1152},{"type":130,"tag":172,"props":2754,"children":2755},{"style":202},[2756],{"type":135,"value":1157},{"type":130,"tag":172,"props":2758,"children":2759},{"style":196},[2760],{"type":135,"value":2761},"Focus on the bottom of the image",{"type":130,"tag":172,"props":2763,"children":2764},{"style":202},[2765],{"type":135,"value":1167},{"type":130,"tag":172,"props":2767,"children":2768},{"style":212},[2769],{"type":135,"value":1152},{"type":130,"tag":172,"props":2771,"children":2772},{"style":202},[2773],{"type":135,"value":1157},{"type":130,"tag":172,"props":2775,"children":2776},{"class":174,"line":208},[2777,2781],{"type":130,"tag":172,"props":2778,"children":2779},{"style":202},[2780],{"type":135,"value":870},{"type":130,"tag":172,"props":2782,"children":2783},{"style":212},[2784],{"type":135,"value":875},{"type":130,"tag":172,"props":2786,"children":2787},{"class":174,"line":228},[2788,2792,2796,2800,2804],{"type":130,"tag":172,"props":2789,"children":2790},{"style":878},[2791],{"type":135,"value":1298},{"type":130,"tag":172,"props":2793,"children":2794},{"style":202},[2795],{"type":135,"value":886},{"type":130,"tag":172,"props":2797,"children":2798},{"style":202},[2799],{"type":135,"value":891},{"type":130,"tag":172,"props":2801,"children":2802},{"style":263},[2803],{"type":135,"value":2450},{"type":130,"tag":172,"props":2805,"children":2806},{"style":202},[2807],{"type":135,"value":891},{"type":130,"tag":172,"props":2809,"children":2810},{"class":174,"line":245},[2811,2815,2819,2823,2827],{"type":130,"tag":172,"props":2812,"children":2813},{"style":878},[2814],{"type":135,"value":1324},{"type":130,"tag":172,"props":2816,"children":2817},{"style":202},[2818],{"type":135,"value":886},{"type":130,"tag":172,"props":2820,"children":2821},{"style":202},[2822],{"type":135,"value":891},{"type":130,"tag":172,"props":2824,"children":2825},{"style":263},[2826],{"type":135,"value":2474},{"type":130,"tag":172,"props":2828,"children":2829},{"style":202},[2830],{"type":135,"value":891},{"type":130,"tag":172,"props":2832,"children":2833},{"class":174,"line":279},[2834,2838,2842,2846,2851],{"type":130,"tag":172,"props":2835,"children":2836},{"style":878},[2837],{"type":135,"value":1828},{"type":130,"tag":172,"props":2839,"children":2840},{"style":202},[2841],{"type":135,"value":886},{"type":130,"tag":172,"props":2843,"children":2844},{"style":202},[2845],{"type":135,"value":891},{"type":130,"tag":172,"props":2847,"children":2848},{"style":263},[2849],{"type":135,"value":2850},"{ filters: { focal: '450x500:550x600' } }",{"type":130,"tag":172,"props":2852,"children":2853},{"style":202},[2854],{"type":135,"value":891},{"type":130,"tag":172,"props":2856,"children":2857},{"class":174,"line":289},[2858,2862,2866,2870,2874],{"type":130,"tag":172,"props":2859,"children":2860},{"style":878},[2861],{"type":135,"value":1194},{"type":130,"tag":172,"props":2863,"children":2864},{"style":202},[2865],{"type":135,"value":886},{"type":130,"tag":172,"props":2867,"children":2868},{"style":202},[2869],{"type":135,"value":891},{"type":130,"tag":172,"props":2871,"children":2872},{"style":263},[2873],{"type":135,"value":1207},{"type":130,"tag":172,"props":2875,"children":2876},{"style":202},[2877],{"type":135,"value":891},{"type":130,"tag":172,"props":2879,"children":2880},{"class":174,"line":298},[2881,2885,2889,2893,2898],{"type":130,"tag":172,"props":2882,"children":2883},{"style":878},[2884],{"type":135,"value":1219},{"type":130,"tag":172,"props":2886,"children":2887},{"style":202},[2888],{"type":135,"value":886},{"type":130,"tag":172,"props":2890,"children":2891},{"style":202},[2892],{"type":135,"value":891},{"type":130,"tag":172,"props":2894,"children":2895},{"style":263},[2896],{"type":135,"value":2897},"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg",{"type":130,"tag":172,"props":2899,"children":2900},{"style":202},[2901],{"type":135,"value":891},{"type":130,"tag":172,"props":2903,"children":2904},{"class":174,"line":307},[2905],{"type":130,"tag":172,"props":2906,"children":2907},{"style":202},[2908],{"type":135,"value":1244},{"type":130,"tag":172,"props":2910,"children":2911},{"class":174,"line":316},[],{"type":130,"tag":172,"props":2913,"children":2914},{"class":174,"line":1318},[2915,2919,2923,2927,2932,2936,2940],{"type":130,"tag":172,"props":2916,"children":2917},{"style":202},[2918],{"type":135,"value":870},{"type":130,"tag":172,"props":2920,"children":2921},{"style":212},[2922],{"type":135,"value":1152},{"type":130,"tag":172,"props":2924,"children":2925},{"style":202},[2926],{"type":135,"value":1157},{"type":130,"tag":172,"props":2928,"children":2929},{"style":196},[2930],{"type":135,"value":2931},"Focus on the top of the image",{"type":130,"tag":172,"props":2933,"children":2934},{"style":202},[2935],{"type":135,"value":1167},{"type":130,"tag":172,"props":2937,"children":2938},{"style":212},[2939],{"type":135,"value":1152},{"type":130,"tag":172,"props":2941,"children":2942},{"style":202},[2943],{"type":135,"value":1157},{"type":130,"tag":172,"props":2945,"children":2946},{"class":174,"line":1343},[2947,2951],{"type":130,"tag":172,"props":2948,"children":2949},{"style":202},[2950],{"type":135,"value":870},{"type":130,"tag":172,"props":2952,"children":2953},{"style":212},[2954],{"type":135,"value":875},{"type":130,"tag":172,"props":2956,"children":2957},{"class":174,"line":1367},[2958,2962,2966,2970,2974],{"type":130,"tag":172,"props":2959,"children":2960},{"style":878},[2961],{"type":135,"value":1298},{"type":130,"tag":172,"props":2963,"children":2964},{"style":202},[2965],{"type":135,"value":886},{"type":130,"tag":172,"props":2967,"children":2968},{"style":202},[2969],{"type":135,"value":891},{"type":130,"tag":172,"props":2971,"children":2972},{"style":263},[2973],{"type":135,"value":2450},{"type":130,"tag":172,"props":2975,"children":2976},{"style":202},[2977],{"type":135,"value":891},{"type":130,"tag":172,"props":2979,"children":2980},{"class":174,"line":1391},[2981,2985,2989,2993,2997],{"type":130,"tag":172,"props":2982,"children":2983},{"style":878},[2984],{"type":135,"value":1324},{"type":130,"tag":172,"props":2986,"children":2987},{"style":202},[2988],{"type":135,"value":886},{"type":130,"tag":172,"props":2990,"children":2991},{"style":202},[2992],{"type":135,"value":891},{"type":130,"tag":172,"props":2994,"children":2995},{"style":263},[2996],{"type":135,"value":2474},{"type":130,"tag":172,"props":2998,"children":2999},{"style":202},[3000],{"type":135,"value":891},{"type":130,"tag":172,"props":3002,"children":3003},{"class":174,"line":1399},[3004,3008,3012,3016,3021],{"type":130,"tag":172,"props":3005,"children":3006},{"style":878},[3007],{"type":135,"value":1828},{"type":130,"tag":172,"props":3009,"children":3010},{"style":202},[3011],{"type":135,"value":886},{"type":130,"tag":172,"props":3013,"children":3014},{"style":202},[3015],{"type":135,"value":891},{"type":130,"tag":172,"props":3017,"children":3018},{"style":263},[3019],{"type":135,"value":3020},"{ filters: { focal: '450x0:550x100' } }",{"type":130,"tag":172,"props":3022,"children":3023},{"style":202},[3024],{"type":135,"value":891},{"type":130,"tag":172,"props":3026,"children":3027},{"class":174,"line":1403},[3028,3032,3036,3040,3044],{"type":130,"tag":172,"props":3029,"children":3030},{"style":878},[3031],{"type":135,"value":1194},{"type":130,"tag":172,"props":3033,"children":3034},{"style":202},[3035],{"type":135,"value":886},{"type":130,"tag":172,"props":3037,"children":3038},{"style":202},[3039],{"type":135,"value":891},{"type":130,"tag":172,"props":3041,"children":3042},{"style":263},[3043],{"type":135,"value":1207},{"type":130,"tag":172,"props":3045,"children":3046},{"style":202},[3047],{"type":135,"value":891},{"type":130,"tag":172,"props":3049,"children":3050},{"class":174,"line":1436},[3051,3055,3059,3063,3067],{"type":130,"tag":172,"props":3052,"children":3053},{"style":878},[3054],{"type":135,"value":1219},{"type":130,"tag":172,"props":3056,"children":3057},{"style":202},[3058],{"type":135,"value":886},{"type":130,"tag":172,"props":3060,"children":3061},{"style":202},[3062],{"type":135,"value":891},{"type":130,"tag":172,"props":3064,"children":3065},{"style":263},[3066],{"type":135,"value":2897},{"type":130,"tag":172,"props":3068,"children":3069},{"style":202},[3070],{"type":135,"value":891},{"type":130,"tag":172,"props":3072,"children":3073},{"class":174,"line":1448},[3074],{"type":130,"tag":172,"props":3075,"children":3076},{"style":202},[3077],{"type":135,"value":1244},{"type":130,"tag":717,"props":3079,"children":3080},{},[3081],{"type":135,"value":721},{"title":118,"searchDepth":208,"depth":208,"links":3083},[3084],{"id":1076,"depth":208,"text":1079,"children":3085},[3086,3087,3088,3089,3090,3091],{"id":1093,"depth":228,"text":1096},{"id":1657,"depth":228,"text":1660},{"id":658,"depth":228,"text":1903},{"id":2093,"depth":228,"text":2096},{"id":2323,"depth":228,"text":2326},{"id":2704,"depth":228,"text":2707},"content:3.providers:storyblok.md","3.providers/storyblok.md",1697713006417]