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