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