[{"data":1,"prerenderedAt":7851},["Reactive",2],{"navigation":3,"docs-/providers/strapi":115,"docs-/providers/strapi-surround":700},[4,20,33,105],{"title":5,"_path":6,"children":7},"Get Started","/get-started",[8,11,14,17],{"title":9,"_path":10},"Installation","/get-started/installation",{"title":12,"_path":13},"Configuration","/get-started/configuration",{"title":15,"_path":16},"Providers","/get-started/providers",{"title":18,"_path":19},"Contributing","/get-started/contributing",{"title":21,"_path":22,"children":23},"Usage","/usage",[24,27,30],{"title":25,"_path":26},"\u003CNuxtImg>","/usage/nuxt-img",{"title":28,"_path":29},"\u003CNuxtPicture>","/usage/nuxt-picture",{"title":31,"_path":32},"useImage()","/usage/use-image",{"title":15,"_path":34,"children":35},"/providers",[36,39,42,45,48,51,54,57,60,63,66,69,72,75,78,81,84,87,90,93,96,99,102],{"title":37,"_path":38},"Cloudflare","/providers/cloudflare",{"title":40,"_path":41},"Cloudimage","/providers/cloudimage",{"title":43,"_path":44},"Cloudinary","/providers/cloudinary",{"title":46,"_path":47},"Contentful","/providers/contentful",{"title":49,"_path":50},"Directus","/providers/directus",{"title":52,"_path":53},"Edgio","/providers/edgio",{"title":55,"_path":56},"Fastly","/providers/fastly",{"title":58,"_path":59},"Glide","/providers/glide",{"title":61,"_path":62},"Gumlet","/providers/gumlet",{"title":64,"_path":65},"ImageEngine","/providers/imageengine",{"title":67,"_path":68},"ImageKit","/providers/imagekit",{"title":70,"_path":71},"Imgix","/providers/imgix",{"title":73,"_path":74},"IPX","/providers/ipx",{"title":76,"_path":77},"Netlify","/providers/netlify",{"title":79,"_path":80},"Prepr","/providers/prepr",{"title":82,"_path":83},"Prismic","/providers/prismic",{"title":85,"_path":86},"Sanity","/providers/sanity",{"title":88,"_path":89},"Storyblok","/providers/storyblok",{"title":91,"_path":92},"Strapi","/providers/strapi",{"title":94,"_path":95},"Twicpics","/providers/twicpics",{"title":97,"_path":98},"Unsplash","/providers/unsplash",{"title":100,"_path":101},"Uploadcare","/providers/uploadcare",{"title":103,"_path":104},"Vercel","/providers/vercel",{"title":106,"_path":107,"children":108},"Advanced","/advanced",[109,112],{"title":110,"_path":111},"Custom Provider","/advanced/custom-provider",{"title":113,"_path":114},"Static Images","/advanced/static-images",{"_path":92,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":91,"description":119,"links":120,"body":126,"_type":695,"_id":696,"_source":697,"_file":698,"_extension":699},"providers",false,"","Nuxt Image with Strapi integration.",[121],{"label":122,"icon":123,"to":124,"size":125},"Source","i-simple-icons-github","https://github.com/nuxt/image/blob/main/src/runtime/providers/strapi.ts","xs",{"type":127,"children":128,"toc":692},"root",[129,147,160,267,272,388,395,407,420,496,510,515,588,593,677,686],{"type":130,"tag":131,"props":132,"children":133},"element","p",{},[134,137,145],{"type":135,"value":136},"text","Integration between ",{"type":130,"tag":138,"props":139,"children":143},"a",{"href":140,"rel":141},"https://strapi.io",[142],"nofollow",[144],{"type":135,"value":91},{"type":135,"value":146}," and the image module.",{"type":130,"tag":131,"props":148,"children":149},{},[150,152,158],{"type":135,"value":151},"No specific configuration is required. You just need to specify ",{"type":130,"tag":153,"props":154,"children":155},"code",{"className":118},[156],{"type":135,"value":157},"strapi",{"type":135,"value":159}," in your configuration to make it the default:",{"type":130,"tag":161,"props":162,"children":167},"pre",{"className":163,"code":164,"filename":165,"language":166,"meta":118,"style":118},"language-ts shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","export default defineNuxtConfig({\n image: {\n strapi: {}\n }\n})\n","nuxt.config.ts","ts",[168],{"type":130,"tag":153,"props":169,"children":170},{"__ignoreMap":118},[171,206,226,244,253],{"type":130,"tag":172,"props":173,"children":176},"span",{"class":174,"line":175},"line",1,[177,183,188,194,200],{"type":130,"tag":172,"props":178,"children":180},{"style":179},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[181],{"type":135,"value":182},"export",{"type":130,"tag":172,"props":184,"children":185},{"style":179},[186],{"type":135,"value":187}," default",{"type":130,"tag":172,"props":189,"children":191},{"style":190},"color:#82AAFF;--shiki-dark:#82AAFF;--shiki-light:#6182B8",[192],{"type":135,"value":193}," defineNuxtConfig",{"type":130,"tag":172,"props":195,"children":197},{"style":196},"color:#EEFFFF;--shiki-dark:#BABED8;--shiki-light:#90A4AE",[198],{"type":135,"value":199},"(",{"type":130,"tag":172,"props":201,"children":203},{"style":202},"color:#89DDFF;--shiki-dark:#89DDFF;--shiki-light:#39ADB5",[204],{"type":135,"value":205},"{",{"type":130,"tag":172,"props":207,"children":209},{"class":174,"line":208},2,[210,216,221],{"type":130,"tag":172,"props":211,"children":213},{"style":212},"color:#F07178;--shiki-dark:#F07178;--shiki-light:#E53935",[214],{"type":135,"value":215}," image",{"type":130,"tag":172,"props":217,"children":218},{"style":202},[219],{"type":135,"value":220},":",{"type":130,"tag":172,"props":222,"children":223},{"style":202},[224],{"type":135,"value":225}," {",{"type":130,"tag":172,"props":227,"children":229},{"class":174,"line":228},3,[230,235,239],{"type":130,"tag":172,"props":231,"children":232},{"style":212},[233],{"type":135,"value":234}," strapi",{"type":130,"tag":172,"props":236,"children":237},{"style":202},[238],{"type":135,"value":220},{"type":130,"tag":172,"props":240,"children":241},{"style":202},[242],{"type":135,"value":243}," {}",{"type":130,"tag":172,"props":245,"children":247},{"class":174,"line":246},4,[248],{"type":130,"tag":172,"props":249,"children":250},{"style":202},[251],{"type":135,"value":252}," }",{"type":130,"tag":172,"props":254,"children":256},{"class":174,"line":255},5,[257,262],{"type":130,"tag":172,"props":258,"children":259},{"style":202},[260],{"type":135,"value":261},"}",{"type":130,"tag":172,"props":263,"children":264},{"style":196},[265],{"type":135,"value":266},")",{"type":130,"tag":131,"props":268,"children":269},{},[270],{"type":135,"value":271},"Override default options:",{"type":130,"tag":161,"props":273,"children":275},{"className":163,"code":274,"filename":165,"language":166,"meta":118,"style":118},"export default defineNuxtConfig({\n image: {\n strapi: {\n baseURL: 'http://localhost:1337/uploads/'\n }\n }\n})\n",[276],{"type":130,"tag":153,"props":277,"children":278},{"__ignoreMap":118},[279,302,317,332,360,368,376],{"type":130,"tag":172,"props":280,"children":281},{"class":174,"line":175},[282,286,290,294,298],{"type":130,"tag":172,"props":283,"children":284},{"style":179},[285],{"type":135,"value":182},{"type":130,"tag":172,"props":287,"children":288},{"style":179},[289],{"type":135,"value":187},{"type":130,"tag":172,"props":291,"children":292},{"style":190},[293],{"type":135,"value":193},{"type":130,"tag":172,"props":295,"children":296},{"style":196},[297],{"type":135,"value":199},{"type":130,"tag":172,"props":299,"children":300},{"style":202},[301],{"type":135,"value":205},{"type":130,"tag":172,"props":303,"children":304},{"class":174,"line":208},[305,309,313],{"type":130,"tag":172,"props":306,"children":307},{"style":212},[308],{"type":135,"value":215},{"type":130,"tag":172,"props":310,"children":311},{"style":202},[312],{"type":135,"value":220},{"type":130,"tag":172,"props":314,"children":315},{"style":202},[316],{"type":135,"value":225},{"type":130,"tag":172,"props":318,"children":319},{"class":174,"line":228},[320,324,328],{"type":130,"tag":172,"props":321,"children":322},{"style":212},[323],{"type":135,"value":234},{"type":130,"tag":172,"props":325,"children":326},{"style":202},[327],{"type":135,"value":220},{"type":130,"tag":172,"props":329,"children":330},{"style":202},[331],{"type":135,"value":225},{"type":130,"tag":172,"props":333,"children":334},{"class":174,"line":246},[335,340,344,349,355],{"type":130,"tag":172,"props":336,"children":337},{"style":212},[338],{"type":135,"value":339}," baseURL",{"type":130,"tag":172,"props":341,"children":342},{"style":202},[343],{"type":135,"value":220},{"type":130,"tag":172,"props":345,"children":346},{"style":202},[347],{"type":135,"value":348}," '",{"type":130,"tag":172,"props":350,"children":352},{"style":351},"color:#C3E88D;--shiki-dark:#C3E88D;--shiki-light:#91B859",[353],{"type":135,"value":354},"http://localhost:1337/uploads/",{"type":130,"tag":172,"props":356,"children":357},{"style":202},[358],{"type":135,"value":359},"'",{"type":130,"tag":172,"props":361,"children":362},{"class":174,"line":255},[363],{"type":130,"tag":172,"props":364,"children":365},{"style":202},[366],{"type":135,"value":367}," }",{"type":130,"tag":172,"props":369,"children":371},{"class":174,"line":370},6,[372],{"type":130,"tag":172,"props":373,"children":374},{"style":202},[375],{"type":135,"value":252},{"type":130,"tag":172,"props":377,"children":379},{"class":174,"line":378},7,[380,384],{"type":130,"tag":172,"props":381,"children":382},{"style":202},[383],{"type":135,"value":261},{"type":130,"tag":172,"props":385,"children":386},{"style":196},[387],{"type":135,"value":266},{"type":130,"tag":389,"props":390,"children":392},"h2",{"id":391},"modifiers",[393],{"type":135,"value":394},"Modifiers",{"type":130,"tag":131,"props":396,"children":397},{},[398,400,405],{"type":135,"value":399},"The ",{"type":130,"tag":153,"props":401,"children":402},{"className":118},[403],{"type":135,"value":404},"breakpoint",{"type":135,"value":406}," modifier is used to specify the size of the image.",{"type":130,"tag":131,"props":408,"children":409},{},[410,412,418],{"type":135,"value":411},"By default, when the image is uploaded and ",{"type":130,"tag":413,"props":414,"children":415},"strong",{},[416],{"type":135,"value":417},"Enable responsive friendly upload",{"type":135,"value":419}," Strapi setting is enabled in the settings panel the plugin will generate the following responsive image sizes:",{"type":130,"tag":421,"props":422,"children":423},"table",{},[424,443],{"type":130,"tag":425,"props":426,"children":427},"thead",{},[428],{"type":130,"tag":429,"props":430,"children":431},"tr",{},[432,438],{"type":130,"tag":433,"props":434,"children":435},"th",{},[436],{"type":135,"value":437},"Name",{"type":130,"tag":433,"props":439,"children":440},{},[441],{"type":135,"value":442},"Largest Dimension",{"type":130,"tag":444,"props":445,"children":446},"tbody",{},[447,464,480],{"type":130,"tag":429,"props":448,"children":449},{},[450,459],{"type":130,"tag":451,"props":452,"children":453},"td",{},[454],{"type":130,"tag":153,"props":455,"children":456},{"className":118},[457],{"type":135,"value":458},"small",{"type":130,"tag":451,"props":460,"children":461},{},[462],{"type":135,"value":463},"500px",{"type":130,"tag":429,"props":465,"children":466},{},[467,475],{"type":130,"tag":451,"props":468,"children":469},{},[470],{"type":130,"tag":153,"props":471,"children":472},{"className":118},[473],{"type":135,"value":474},"medium",{"type":130,"tag":451,"props":476,"children":477},{},[478],{"type":135,"value":479},"750px",{"type":130,"tag":429,"props":481,"children":482},{},[483,491],{"type":130,"tag":451,"props":484,"children":485},{},[486],{"type":130,"tag":153,"props":487,"children":488},{"className":118},[489],{"type":135,"value":490},"large",{"type":130,"tag":451,"props":492,"children":493},{},[494],{"type":135,"value":495},"1000px",{"type":130,"tag":131,"props":497,"children":498},{},[499,501,508],{"type":135,"value":500},"You can override the default breakpoints. See the ",{"type":130,"tag":138,"props":502,"children":505},{"href":503,"rel":504},"https://strapi.io/documentation/developer-docs/latest/development/plugins/upload.html#configuration",[142],[506],{"type":135,"value":507},"Upload configuration",{"type":135,"value":509}," in the Strapi documentation.",{"type":130,"tag":131,"props":511,"children":512},{},[513],{"type":135,"value":514},"If you don't set breakpoint modifier, the original image size will be used:",{"type":130,"tag":161,"props":516,"children":520},{"className":517,"code":518,"language":519,"meta":118,"style":118},"language-html shiki shiki-themes material-theme material-theme-palenight material-theme-lighter","\u003CNuxtImg provider=\"strapi\" src=\"...\" />\n","html",[521],{"type":130,"tag":153,"props":522,"children":523},{"__ignoreMap":118},[524],{"type":130,"tag":172,"props":525,"children":526},{"class":174,"line":175},[527,532,537,543,548,553,557,561,566,570,574,579,583],{"type":130,"tag":172,"props":528,"children":529},{"style":202},[530],{"type":135,"value":531},"\u003C",{"type":130,"tag":172,"props":533,"children":534},{"style":212},[535],{"type":135,"value":536},"NuxtImg",{"type":130,"tag":172,"props":538,"children":540},{"style":539},"color:#C792EA;--shiki-dark:#C792EA;--shiki-light:#9C3EDA",[541],{"type":135,"value":542}," provider",{"type":130,"tag":172,"props":544,"children":545},{"style":202},[546],{"type":135,"value":547},"=",{"type":130,"tag":172,"props":549,"children":550},{"style":202},[551],{"type":135,"value":552},"\"",{"type":130,"tag":172,"props":554,"children":555},{"style":351},[556],{"type":135,"value":157},{"type":130,"tag":172,"props":558,"children":559},{"style":202},[560],{"type":135,"value":552},{"type":130,"tag":172,"props":562,"children":563},{"style":539},[564],{"type":135,"value":565}," src",{"type":130,"tag":172,"props":567,"children":568},{"style":202},[569],{"type":135,"value":547},{"type":130,"tag":172,"props":571,"children":572},{"style":202},[573],{"type":135,"value":552},{"type":130,"tag":172,"props":575,"children":576},{"style":351},[577],{"type":135,"value":578},"...",{"type":130,"tag":172,"props":580,"children":581},{"style":202},[582],{"type":135,"value":552},{"type":130,"tag":172,"props":584,"children":585},{"style":202},[586],{"type":135,"value":587}," />",{"type":130,"tag":131,"props":589,"children":590},{},[591],{"type":135,"value":592},"Define breakpoint modifier:",{"type":130,"tag":161,"props":594,"children":596},{"className":517,"code":595,"language":519,"meta":118,"style":118},"\u003CNuxtImg provider=\"strapi\" src=\"...\" :modifiers=\"{ breakpoint: 'small' }\" />\n",[597],{"type":130,"tag":153,"props":598,"children":599},{"__ignoreMap":118},[600],{"type":130,"tag":172,"props":601,"children":602},{"class":174,"line":175},[603,607,611,615,619,623,627,631,635,639,643,647,651,656,660,664,669,673],{"type":130,"tag":172,"props":604,"children":605},{"style":202},[606],{"type":135,"value":531},{"type":130,"tag":172,"props":608,"children":609},{"style":212},[610],{"type":135,"value":536},{"type":130,"tag":172,"props":612,"children":613},{"style":539},[614],{"type":135,"value":542},{"type":130,"tag":172,"props":616,"children":617},{"style":202},[618],{"type":135,"value":547},{"type":130,"tag":172,"props":620,"children":621},{"style":202},[622],{"type":135,"value":552},{"type":130,"tag":172,"props":624,"children":625},{"style":351},[626],{"type":135,"value":157},{"type":130,"tag":172,"props":628,"children":629},{"style":202},[630],{"type":135,"value":552},{"type":130,"tag":172,"props":632,"children":633},{"style":539},[634],{"type":135,"value":565},{"type":130,"tag":172,"props":636,"children":637},{"style":202},[638],{"type":135,"value":547},{"type":130,"tag":172,"props":640,"children":641},{"style":202},[642],{"type":135,"value":552},{"type":130,"tag":172,"props":644,"children":645},{"style":351},[646],{"type":135,"value":578},{"type":130,"tag":172,"props":648,"children":649},{"style":202},[650],{"type":135,"value":552},{"type":130,"tag":172,"props":652,"children":653},{"style":539},[654],{"type":135,"value":655}," :modifiers",{"type":130,"tag":172,"props":657,"children":658},{"style":202},[659],{"type":135,"value":547},{"type":130,"tag":172,"props":661,"children":662},{"style":202},[663],{"type":135,"value":552},{"type":130,"tag":172,"props":665,"children":666},{"style":351},[667],{"type":135,"value":668},"{ breakpoint: 'small' }",{"type":130,"tag":172,"props":670,"children":671},{"style":202},[672],{"type":135,"value":552},{"type":130,"tag":172,"props":674,"children":675},{"style":202},[676],{"type":135,"value":587},{"type":130,"tag":678,"props":679,"children":680},"callout",{},[681],{"type":130,"tag":131,"props":682,"children":683},{},[684],{"type":135,"value":685},"Only one breakpoint can be modified per image.",{"type":130,"tag":687,"props":688,"children":689},"style",{},[690],{"type":135,"value":691},"html.dark .shiki span {color: var(--shiki-dark) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}html.light .shiki span {color: var(--shiki-light) !important;background: var(--shiki-light-bg) !important;font-style: var(--shiki-light-font-style) !important;font-weight: var(--shiki-light-font-weight) !important;text-decoration: var(--shiki-light-text-decoration) !important;}",{"title":118,"searchDepth":208,"depth":208,"links":693},[694],{"id":391,"depth":208,"text":394},"markdown","content:3.providers:strapi.md","content","3.providers/strapi.md","md",[701,2859],{"_path":89,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":88,"description":702,"links":703,"body":706,"_type":695,"_id":2857,"_source":697,"_file":2858,"_extension":699},"Nuxt Image internally use Storyblok as static provider.",[704],{"label":122,"icon":123,"to":705,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/storyblok.ts",{"type":127,"children":707,"toc":2847},[708,720,830,836,847,854,868,873,888,893,1416,1422,1433,1452,1457,1461,1661,1667,1678,1703,1707,1856,1862,1873,1878,1882,2086,2092,2103,2108,2112,2467,2473,2484,2496,2500,2843],{"type":130,"tag":131,"props":709,"children":710},{},[711,712,718],{"type":135,"value":136},{"type":130,"tag":138,"props":713,"children":716},{"href":714,"rel":715},"https://www.storyblok.com/docs/image-service/",[142],[717],{"type":135,"value":88},{"type":135,"value":719}," and the image module. To use this provider you just need to specify the base url of your service in Storyblok.",{"type":130,"tag":161,"props":721,"children":723},{"className":163,"code":722,"filename":165,"language":166,"meta":118,"style":118},"export default defineNuxtConfig({\n image: {\n storyblok: {\n baseURL: 'https://a.storyblok.com'\n }\n }\n})\n",[724],{"type":130,"tag":153,"props":725,"children":726},{"__ignoreMap":118},[727,750,765,781,805,812,819],{"type":130,"tag":172,"props":728,"children":729},{"class":174,"line":175},[730,734,738,742,746],{"type":130,"tag":172,"props":731,"children":732},{"style":179},[733],{"type":135,"value":182},{"type":130,"tag":172,"props":735,"children":736},{"style":179},[737],{"type":135,"value":187},{"type":130,"tag":172,"props":739,"children":740},{"style":190},[741],{"type":135,"value":193},{"type":130,"tag":172,"props":743,"children":744},{"style":196},[745],{"type":135,"value":199},{"type":130,"tag":172,"props":747,"children":748},{"style":202},[749],{"type":135,"value":205},{"type":130,"tag":172,"props":751,"children":752},{"class":174,"line":208},[753,757,761],{"type":130,"tag":172,"props":754,"children":755},{"style":212},[756],{"type":135,"value":215},{"type":130,"tag":172,"props":758,"children":759},{"style":202},[760],{"type":135,"value":220},{"type":130,"tag":172,"props":762,"children":763},{"style":202},[764],{"type":135,"value":225},{"type":130,"tag":172,"props":766,"children":767},{"class":174,"line":228},[768,773,777],{"type":130,"tag":172,"props":769,"children":770},{"style":212},[771],{"type":135,"value":772}," storyblok",{"type":130,"tag":172,"props":774,"children":775},{"style":202},[776],{"type":135,"value":220},{"type":130,"tag":172,"props":778,"children":779},{"style":202},[780],{"type":135,"value":225},{"type":130,"tag":172,"props":782,"children":783},{"class":174,"line":246},[784,788,792,796,801],{"type":130,"tag":172,"props":785,"children":786},{"style":212},[787],{"type":135,"value":339},{"type":130,"tag":172,"props":789,"children":790},{"style":202},[791],{"type":135,"value":220},{"type":130,"tag":172,"props":793,"children":794},{"style":202},[795],{"type":135,"value":348},{"type":130,"tag":172,"props":797,"children":798},{"style":351},[799],{"type":135,"value":800},"https://a.storyblok.com",{"type":130,"tag":172,"props":802,"children":803},{"style":202},[804],{"type":135,"value":359},{"type":130,"tag":172,"props":806,"children":807},{"class":174,"line":255},[808],{"type":130,"tag":172,"props":809,"children":810},{"style":202},[811],{"type":135,"value":367},{"type":130,"tag":172,"props":813,"children":814},{"class":174,"line":370},[815],{"type":130,"tag":172,"props":816,"children":817},{"style":202},[818],{"type":135,"value":252},{"type":130,"tag":172,"props":820,"children":821},{"class":174,"line":378},[822,826],{"type":130,"tag":172,"props":823,"children":824},{"style":202},[825],{"type":135,"value":261},{"type":130,"tag":172,"props":827,"children":828},{"style":196},[829],{"type":135,"value":266},{"type":130,"tag":389,"props":831,"children":833},{"id":832},"storyblok-modifiers",[834],{"type":135,"value":835},"Storyblok modifiers",{"type":130,"tag":131,"props":837,"children":838},{},[839,841],{"type":135,"value":840},"I am following all modifiers present on ",{"type":130,"tag":138,"props":842,"children":844},{"href":714,"rel":843},[142],[845],{"type":135,"value":846},"Storyblok image service",{"type":130,"tag":848,"props":849,"children":851},"h3",{"id":850},"resizing",[852],{"type":135,"value":853},"Resizing",{"type":130,"tag":131,"props":855,"children":856},{},[857,859,866],{"type":135,"value":858},"Check ",{"type":130,"tag":138,"props":860,"children":863},{"href":861,"rel":862},"https://www.storyblok.com/docs/image-service#resizing",[142],[864],{"type":135,"value":865},"Storyblok documentation",{"type":135,"value":867}," if you want to know more.",{"type":130,"tag":131,"props":869,"children":870},{},[871],{"type":135,"value":872},"the logic is:",{"type":130,"tag":874,"props":875,"children":876},"ul",{},[877,883],{"type":130,"tag":878,"props":879,"children":880},"li",{},[881],{"type":135,"value":882},"If you do not define either width or height, the image will not be resized.",{"type":130,"tag":878,"props":884,"children":885},{},[886],{"type":135,"value":887},"If you define only width or only height the image will be proportionately resized based on the one you defined.",{"type":130,"tag":131,"props":889,"children":890},{},[891],{"type":135,"value":892},"Example:",{"type":130,"tag":161,"props":894,"children":896},{"className":517,"code":895,"language":519,"meta":118,"style":118},"\u003Cdiv>Original\u003C/div>\n\u003CNuxtImg\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Resized static\u003C/div>\n\u003CNuxtImg\n width=\"500\"\n height=\"500\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Proportional to Width\u003C/div>\n\u003CNuxtImg\n width=\"500\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\n\u003Cdiv>Proportional to Height\u003C/div>\n\u003CNuxtImg\n height=\"500\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n",[897],{"type":130,"tag":153,"props":898,"children":899},{"__ignoreMap":118},[900,935,946,971,996,1004,1007,1039,1051,1077,1102,1126,1150,1158,1162,1195,1207,1231,1255,1279,1287,1291,1324,1336,1360,1384,1408],{"type":130,"tag":172,"props":901,"children":902},{"class":174,"line":175},[903,907,912,917,922,927,931],{"type":130,"tag":172,"props":904,"children":905},{"style":202},[906],{"type":135,"value":531},{"type":130,"tag":172,"props":908,"children":909},{"style":212},[910],{"type":135,"value":911},"div",{"type":130,"tag":172,"props":913,"children":914},{"style":202},[915],{"type":135,"value":916},">",{"type":130,"tag":172,"props":918,"children":919},{"style":196},[920],{"type":135,"value":921},"Original",{"type":130,"tag":172,"props":923,"children":924},{"style":202},[925],{"type":135,"value":926},"\u003C/",{"type":130,"tag":172,"props":928,"children":929},{"style":212},[930],{"type":135,"value":911},{"type":130,"tag":172,"props":932,"children":933},{"style":202},[934],{"type":135,"value":916},{"type":130,"tag":172,"props":936,"children":937},{"class":174,"line":208},[938,942],{"type":130,"tag":172,"props":939,"children":940},{"style":202},[941],{"type":135,"value":531},{"type":130,"tag":172,"props":943,"children":944},{"style":212},[945],{"type":135,"value":536},{"type":130,"tag":172,"props":947,"children":948},{"class":174,"line":228},[949,954,958,962,967],{"type":130,"tag":172,"props":950,"children":951},{"style":539},[952],{"type":135,"value":953}," provider",{"type":130,"tag":172,"props":955,"children":956},{"style":202},[957],{"type":135,"value":547},{"type":130,"tag":172,"props":959,"children":960},{"style":202},[961],{"type":135,"value":552},{"type":130,"tag":172,"props":963,"children":964},{"style":351},[965],{"type":135,"value":966},"storyblok",{"type":130,"tag":172,"props":968,"children":969},{"style":202},[970],{"type":135,"value":552},{"type":130,"tag":172,"props":972,"children":973},{"class":174,"line":246},[974,979,983,987,992],{"type":130,"tag":172,"props":975,"children":976},{"style":539},[977],{"type":135,"value":978}," src",{"type":130,"tag":172,"props":980,"children":981},{"style":202},[982],{"type":135,"value":547},{"type":130,"tag":172,"props":984,"children":985},{"style":202},[986],{"type":135,"value":552},{"type":130,"tag":172,"props":988,"children":989},{"style":351},[990],{"type":135,"value":991},"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg",{"type":130,"tag":172,"props":993,"children":994},{"style":202},[995],{"type":135,"value":552},{"type":130,"tag":172,"props":997,"children":998},{"class":174,"line":255},[999],{"type":130,"tag":172,"props":1000,"children":1001},{"style":202},[1002],{"type":135,"value":1003},"/>",{"type":130,"tag":172,"props":1005,"children":1006},{"class":174,"line":370},[],{"type":130,"tag":172,"props":1008,"children":1009},{"class":174,"line":378},[1010,1014,1018,1022,1027,1031,1035],{"type":130,"tag":172,"props":1011,"children":1012},{"style":202},[1013],{"type":135,"value":531},{"type":130,"tag":172,"props":1015,"children":1016},{"style":212},[1017],{"type":135,"value":911},{"type":130,"tag":172,"props":1019,"children":1020},{"style":202},[1021],{"type":135,"value":916},{"type":130,"tag":172,"props":1023,"children":1024},{"style":196},[1025],{"type":135,"value":1026},"Resized static",{"type":130,"tag":172,"props":1028,"children":1029},{"style":202},[1030],{"type":135,"value":926},{"type":130,"tag":172,"props":1032,"children":1033},{"style":212},[1034],{"type":135,"value":911},{"type":130,"tag":172,"props":1036,"children":1037},{"style":202},[1038],{"type":135,"value":916},{"type":130,"tag":172,"props":1040,"children":1042},{"class":174,"line":1041},8,[1043,1047],{"type":130,"tag":172,"props":1044,"children":1045},{"style":202},[1046],{"type":135,"value":531},{"type":130,"tag":172,"props":1048,"children":1049},{"style":212},[1050],{"type":135,"value":536},{"type":130,"tag":172,"props":1052,"children":1054},{"class":174,"line":1053},9,[1055,1060,1064,1068,1073],{"type":130,"tag":172,"props":1056,"children":1057},{"style":539},[1058],{"type":135,"value":1059}," width",{"type":130,"tag":172,"props":1061,"children":1062},{"style":202},[1063],{"type":135,"value":547},{"type":130,"tag":172,"props":1065,"children":1066},{"style":202},[1067],{"type":135,"value":552},{"type":130,"tag":172,"props":1069,"children":1070},{"style":351},[1071],{"type":135,"value":1072},"500",{"type":130,"tag":172,"props":1074,"children":1075},{"style":202},[1076],{"type":135,"value":552},{"type":130,"tag":172,"props":1078,"children":1080},{"class":174,"line":1079},10,[1081,1086,1090,1094,1098],{"type":130,"tag":172,"props":1082,"children":1083},{"style":539},[1084],{"type":135,"value":1085}," height",{"type":130,"tag":172,"props":1087,"children":1088},{"style":202},[1089],{"type":135,"value":547},{"type":130,"tag":172,"props":1091,"children":1092},{"style":202},[1093],{"type":135,"value":552},{"type":130,"tag":172,"props":1095,"children":1096},{"style":351},[1097],{"type":135,"value":1072},{"type":130,"tag":172,"props":1099,"children":1100},{"style":202},[1101],{"type":135,"value":552},{"type":130,"tag":172,"props":1103,"children":1105},{"class":174,"line":1104},11,[1106,1110,1114,1118,1122],{"type":130,"tag":172,"props":1107,"children":1108},{"style":539},[1109],{"type":135,"value":953},{"type":130,"tag":172,"props":1111,"children":1112},{"style":202},[1113],{"type":135,"value":547},{"type":130,"tag":172,"props":1115,"children":1116},{"style":202},[1117],{"type":135,"value":552},{"type":130,"tag":172,"props":1119,"children":1120},{"style":351},[1121],{"type":135,"value":966},{"type":130,"tag":172,"props":1123,"children":1124},{"style":202},[1125],{"type":135,"value":552},{"type":130,"tag":172,"props":1127,"children":1129},{"class":174,"line":1128},12,[1130,1134,1138,1142,1146],{"type":130,"tag":172,"props":1131,"children":1132},{"style":539},[1133],{"type":135,"value":978},{"type":130,"tag":172,"props":1135,"children":1136},{"style":202},[1137],{"type":135,"value":547},{"type":130,"tag":172,"props":1139,"children":1140},{"style":202},[1141],{"type":135,"value":552},{"type":130,"tag":172,"props":1143,"children":1144},{"style":351},[1145],{"type":135,"value":991},{"type":130,"tag":172,"props":1147,"children":1148},{"style":202},[1149],{"type":135,"value":552},{"type":130,"tag":172,"props":1151,"children":1153},{"class":174,"line":1152},13,[1154],{"type":130,"tag":172,"props":1155,"children":1156},{"style":202},[1157],{"type":135,"value":1003},{"type":130,"tag":172,"props":1159,"children":1161},{"class":174,"line":1160},14,[],{"type":130,"tag":172,"props":1163,"children":1165},{"class":174,"line":1164},15,[1166,1170,1174,1178,1183,1187,1191],{"type":130,"tag":172,"props":1167,"children":1168},{"style":202},[1169],{"type":135,"value":531},{"type":130,"tag":172,"props":1171,"children":1172},{"style":212},[1173],{"type":135,"value":911},{"type":130,"tag":172,"props":1175,"children":1176},{"style":202},[1177],{"type":135,"value":916},{"type":130,"tag":172,"props":1179,"children":1180},{"style":196},[1181],{"type":135,"value":1182},"Proportional to Width",{"type":130,"tag":172,"props":1184,"children":1185},{"style":202},[1186],{"type":135,"value":926},{"type":130,"tag":172,"props":1188,"children":1189},{"style":212},[1190],{"type":135,"value":911},{"type":130,"tag":172,"props":1192,"children":1193},{"style":202},[1194],{"type":135,"value":916},{"type":130,"tag":172,"props":1196,"children":1198},{"class":174,"line":1197},16,[1199,1203],{"type":130,"tag":172,"props":1200,"children":1201},{"style":202},[1202],{"type":135,"value":531},{"type":130,"tag":172,"props":1204,"children":1205},{"style":212},[1206],{"type":135,"value":536},{"type":130,"tag":172,"props":1208,"children":1210},{"class":174,"line":1209},17,[1211,1215,1219,1223,1227],{"type":130,"tag":172,"props":1212,"children":1213},{"style":539},[1214],{"type":135,"value":1059},{"type":130,"tag":172,"props":1216,"children":1217},{"style":202},[1218],{"type":135,"value":547},{"type":130,"tag":172,"props":1220,"children":1221},{"style":202},[1222],{"type":135,"value":552},{"type":130,"tag":172,"props":1224,"children":1225},{"style":351},[1226],{"type":135,"value":1072},{"type":130,"tag":172,"props":1228,"children":1229},{"style":202},[1230],{"type":135,"value":552},{"type":130,"tag":172,"props":1232,"children":1234},{"class":174,"line":1233},18,[1235,1239,1243,1247,1251],{"type":130,"tag":172,"props":1236,"children":1237},{"style":539},[1238],{"type":135,"value":953},{"type":130,"tag":172,"props":1240,"children":1241},{"style":202},[1242],{"type":135,"value":547},{"type":130,"tag":172,"props":1244,"children":1245},{"style":202},[1246],{"type":135,"value":552},{"type":130,"tag":172,"props":1248,"children":1249},{"style":351},[1250],{"type":135,"value":966},{"type":130,"tag":172,"props":1252,"children":1253},{"style":202},[1254],{"type":135,"value":552},{"type":130,"tag":172,"props":1256,"children":1258},{"class":174,"line":1257},19,[1259,1263,1267,1271,1275],{"type":130,"tag":172,"props":1260,"children":1261},{"style":539},[1262],{"type":135,"value":978},{"type":130,"tag":172,"props":1264,"children":1265},{"style":202},[1266],{"type":135,"value":547},{"type":130,"tag":172,"props":1268,"children":1269},{"style":202},[1270],{"type":135,"value":552},{"type":130,"tag":172,"props":1272,"children":1273},{"style":351},[1274],{"type":135,"value":991},{"type":130,"tag":172,"props":1276,"children":1277},{"style":202},[1278],{"type":135,"value":552},{"type":130,"tag":172,"props":1280,"children":1282},{"class":174,"line":1281},20,[1283],{"type":130,"tag":172,"props":1284,"children":1285},{"style":202},[1286],{"type":135,"value":1003},{"type":130,"tag":172,"props":1288,"children":1290},{"class":174,"line":1289},21,[],{"type":130,"tag":172,"props":1292,"children":1294},{"class":174,"line":1293},22,[1295,1299,1303,1307,1312,1316,1320],{"type":130,"tag":172,"props":1296,"children":1297},{"style":202},[1298],{"type":135,"value":531},{"type":130,"tag":172,"props":1300,"children":1301},{"style":212},[1302],{"type":135,"value":911},{"type":130,"tag":172,"props":1304,"children":1305},{"style":202},[1306],{"type":135,"value":916},{"type":130,"tag":172,"props":1308,"children":1309},{"style":196},[1310],{"type":135,"value":1311},"Proportional to Height",{"type":130,"tag":172,"props":1313,"children":1314},{"style":202},[1315],{"type":135,"value":926},{"type":130,"tag":172,"props":1317,"children":1318},{"style":212},[1319],{"type":135,"value":911},{"type":130,"tag":172,"props":1321,"children":1322},{"style":202},[1323],{"type":135,"value":916},{"type":130,"tag":172,"props":1325,"children":1327},{"class":174,"line":1326},23,[1328,1332],{"type":130,"tag":172,"props":1329,"children":1330},{"style":202},[1331],{"type":135,"value":531},{"type":130,"tag":172,"props":1333,"children":1334},{"style":212},[1335],{"type":135,"value":536},{"type":130,"tag":172,"props":1337,"children":1339},{"class":174,"line":1338},24,[1340,1344,1348,1352,1356],{"type":130,"tag":172,"props":1341,"children":1342},{"style":539},[1343],{"type":135,"value":1085},{"type":130,"tag":172,"props":1345,"children":1346},{"style":202},[1347],{"type":135,"value":547},{"type":130,"tag":172,"props":1349,"children":1350},{"style":202},[1351],{"type":135,"value":552},{"type":130,"tag":172,"props":1353,"children":1354},{"style":351},[1355],{"type":135,"value":1072},{"type":130,"tag":172,"props":1357,"children":1358},{"style":202},[1359],{"type":135,"value":552},{"type":130,"tag":172,"props":1361,"children":1363},{"class":174,"line":1362},25,[1364,1368,1372,1376,1380],{"type":130,"tag":172,"props":1365,"children":1366},{"style":539},[1367],{"type":135,"value":953},{"type":130,"tag":172,"props":1369,"children":1370},{"style":202},[1371],{"type":135,"value":547},{"type":130,"tag":172,"props":1373,"children":1374},{"style":202},[1375],{"type":135,"value":552},{"type":130,"tag":172,"props":1377,"children":1378},{"style":351},[1379],{"type":135,"value":966},{"type":130,"tag":172,"props":1381,"children":1382},{"style":202},[1383],{"type":135,"value":552},{"type":130,"tag":172,"props":1385,"children":1387},{"class":174,"line":1386},26,[1388,1392,1396,1400,1404],{"type":130,"tag":172,"props":1389,"children":1390},{"style":539},[1391],{"type":135,"value":978},{"type":130,"tag":172,"props":1393,"children":1394},{"style":202},[1395],{"type":135,"value":547},{"type":130,"tag":172,"props":1397,"children":1398},{"style":202},[1399],{"type":135,"value":552},{"type":130,"tag":172,"props":1401,"children":1402},{"style":351},[1403],{"type":135,"value":991},{"type":130,"tag":172,"props":1405,"children":1406},{"style":202},[1407],{"type":135,"value":552},{"type":130,"tag":172,"props":1409,"children":1411},{"class":174,"line":1410},27,[1412],{"type":130,"tag":172,"props":1413,"children":1414},{"style":202},[1415],{"type":135,"value":1003},{"type":130,"tag":848,"props":1417,"children":1419},{"id":1418},"fit-in-with-background-or-not",[1420],{"type":135,"value":1421},"Fit in with background or not",{"type":130,"tag":131,"props":1423,"children":1424},{},[1425,1426,1432],{"type":135,"value":858},{"type":130,"tag":138,"props":1427,"children":1430},{"href":1428,"rel":1429},"https://www.storyblok.com/docs/image-service#fit-in",[142],[1431],{"type":135,"value":865},{"type":135,"value":867},{"type":130,"tag":131,"props":1434,"children":1435},{},[1436,1438,1443,1445,1450],{"type":135,"value":1437},"If you want to use it just add a props ",{"type":130,"tag":153,"props":1439,"children":1440},{"className":118},[1441],{"type":135,"value":1442},"fit=\"in\"",{"type":135,"value":1444},". Take care that storyblok only support ",{"type":130,"tag":153,"props":1446,"children":1447},{"className":118},[1448],{"type":135,"value":1449},"fit-in",{"type":135,"value":1451},".",{"type":130,"tag":131,"props":1453,"children":1454},{},[1455],{"type":135,"value":1456},"You can also use the fill filters to fill your fit-in with a specific background. If you not defining value it will be transparent.",{"type":130,"tag":131,"props":1458,"children":1459},{},[1460],{"type":135,"value":892},{"type":130,"tag":161,"props":1462,"children":1464},{"className":517,"code":1463,"language":519,"meta":118,"style":118},"\u003Cdiv>Fit in with background CCCCCC\u003C/div>\n\u003CNuxtImg\n width=\"200\"\n height=\"200\"\n fit=\"in\"\n :modifiers=\"{ filters: { fill: 'CCCCCC' } }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n",[1465],{"type":130,"tag":153,"props":1466,"children":1467},{"__ignoreMap":118},[1468,1500,1511,1535,1558,1583,1608,1631,1654],{"type":130,"tag":172,"props":1469,"children":1470},{"class":174,"line":175},[1471,1475,1479,1483,1488,1492,1496],{"type":130,"tag":172,"props":1472,"children":1473},{"style":202},[1474],{"type":135,"value":531},{"type":130,"tag":172,"props":1476,"children":1477},{"style":212},[1478],{"type":135,"value":911},{"type":130,"tag":172,"props":1480,"children":1481},{"style":202},[1482],{"type":135,"value":916},{"type":130,"tag":172,"props":1484,"children":1485},{"style":196},[1486],{"type":135,"value":1487},"Fit in with background CCCCCC",{"type":130,"tag":172,"props":1489,"children":1490},{"style":202},[1491],{"type":135,"value":926},{"type":130,"tag":172,"props":1493,"children":1494},{"style":212},[1495],{"type":135,"value":911},{"type":130,"tag":172,"props":1497,"children":1498},{"style":202},[1499],{"type":135,"value":916},{"type":130,"tag":172,"props":1501,"children":1502},{"class":174,"line":208},[1503,1507],{"type":130,"tag":172,"props":1504,"children":1505},{"style":202},[1506],{"type":135,"value":531},{"type":130,"tag":172,"props":1508,"children":1509},{"style":212},[1510],{"type":135,"value":536},{"type":130,"tag":172,"props":1512,"children":1513},{"class":174,"line":228},[1514,1518,1522,1526,1531],{"type":130,"tag":172,"props":1515,"children":1516},{"style":539},[1517],{"type":135,"value":1059},{"type":130,"tag":172,"props":1519,"children":1520},{"style":202},[1521],{"type":135,"value":547},{"type":130,"tag":172,"props":1523,"children":1524},{"style":202},[1525],{"type":135,"value":552},{"type":130,"tag":172,"props":1527,"children":1528},{"style":351},[1529],{"type":135,"value":1530},"200",{"type":130,"tag":172,"props":1532,"children":1533},{"style":202},[1534],{"type":135,"value":552},{"type":130,"tag":172,"props":1536,"children":1537},{"class":174,"line":246},[1538,1542,1546,1550,1554],{"type":130,"tag":172,"props":1539,"children":1540},{"style":539},[1541],{"type":135,"value":1085},{"type":130,"tag":172,"props":1543,"children":1544},{"style":202},[1545],{"type":135,"value":547},{"type":130,"tag":172,"props":1547,"children":1548},{"style":202},[1549],{"type":135,"value":552},{"type":130,"tag":172,"props":1551,"children":1552},{"style":351},[1553],{"type":135,"value":1530},{"type":130,"tag":172,"props":1555,"children":1556},{"style":202},[1557],{"type":135,"value":552},{"type":130,"tag":172,"props":1559,"children":1560},{"class":174,"line":255},[1561,1566,1570,1574,1579],{"type":130,"tag":172,"props":1562,"children":1563},{"style":539},[1564],{"type":135,"value":1565}," fit",{"type":130,"tag":172,"props":1567,"children":1568},{"style":202},[1569],{"type":135,"value":547},{"type":130,"tag":172,"props":1571,"children":1572},{"style":202},[1573],{"type":135,"value":552},{"type":130,"tag":172,"props":1575,"children":1576},{"style":351},[1577],{"type":135,"value":1578},"in",{"type":130,"tag":172,"props":1580,"children":1581},{"style":202},[1582],{"type":135,"value":552},{"type":130,"tag":172,"props":1584,"children":1585},{"class":174,"line":370},[1586,1591,1595,1599,1604],{"type":130,"tag":172,"props":1587,"children":1588},{"style":539},[1589],{"type":135,"value":1590}," :modifiers",{"type":130,"tag":172,"props":1592,"children":1593},{"style":202},[1594],{"type":135,"value":547},{"type":130,"tag":172,"props":1596,"children":1597},{"style":202},[1598],{"type":135,"value":552},{"type":130,"tag":172,"props":1600,"children":1601},{"style":351},[1602],{"type":135,"value":1603},"{ filters: { fill: 'CCCCCC' } }",{"type":130,"tag":172,"props":1605,"children":1606},{"style":202},[1607],{"type":135,"value":552},{"type":130,"tag":172,"props":1609,"children":1610},{"class":174,"line":378},[1611,1615,1619,1623,1627],{"type":130,"tag":172,"props":1612,"children":1613},{"style":539},[1614],{"type":135,"value":953},{"type":130,"tag":172,"props":1616,"children":1617},{"style":202},[1618],{"type":135,"value":547},{"type":130,"tag":172,"props":1620,"children":1621},{"style":202},[1622],{"type":135,"value":552},{"type":130,"tag":172,"props":1624,"children":1625},{"style":351},[1626],{"type":135,"value":966},{"type":130,"tag":172,"props":1628,"children":1629},{"style":202},[1630],{"type":135,"value":552},{"type":130,"tag":172,"props":1632,"children":1633},{"class":174,"line":1041},[1634,1638,1642,1646,1650],{"type":130,"tag":172,"props":1635,"children":1636},{"style":539},[1637],{"type":135,"value":978},{"type":130,"tag":172,"props":1639,"children":1640},{"style":202},[1641],{"type":135,"value":547},{"type":130,"tag":172,"props":1643,"children":1644},{"style":202},[1645],{"type":135,"value":552},{"type":130,"tag":172,"props":1647,"children":1648},{"style":351},[1649],{"type":135,"value":991},{"type":130,"tag":172,"props":1651,"children":1652},{"style":202},[1653],{"type":135,"value":552},{"type":130,"tag":172,"props":1655,"children":1656},{"class":174,"line":1053},[1657],{"type":130,"tag":172,"props":1658,"children":1659},{"style":202},[1660],{"type":135,"value":1003},{"type":130,"tag":848,"props":1662,"children":1664},{"id":1663},"format",[1665],{"type":135,"value":1666},"Format",{"type":130,"tag":131,"props":1668,"children":1669},{},[1670,1671,1677],{"type":135,"value":858},{"type":130,"tag":138,"props":1672,"children":1675},{"href":1673,"rel":1674},"https://www.storyblok.com/docs/image-service#changing-the-format",[142],[1676],{"type":135,"value":865},{"type":135,"value":867},{"type":130,"tag":131,"props":1679,"children":1680},{},[1681,1683,1688,1690,1695,1697,1702],{"type":135,"value":1682},"You can modify your image format. Supported format are ",{"type":130,"tag":153,"props":1684,"children":1685},{"className":118},[1686],{"type":135,"value":1687},"webp",{"type":135,"value":1689},", ",{"type":130,"tag":153,"props":1691,"children":1692},{"className":118},[1693],{"type":135,"value":1694},"jpeg",{"type":135,"value":1696}," and ",{"type":130,"tag":153,"props":1698,"children":1699},{"className":118},[1700],{"type":135,"value":1701},"png",{"type":135,"value":1451},{"type":130,"tag":131,"props":1704,"children":1705},{},[1706],{"type":135,"value":892},{"type":130,"tag":161,"props":1708,"children":1710},{"className":517,"code":1709,"language":519,"meta":118,"style":118},"\u003Ch3>Format\u003C/h3>\n\u003CNuxtImg\n width=\"200\"\n format=\"webp\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n",[1711],{"type":130,"tag":153,"props":1712,"children":1713},{"__ignoreMap":118},[1714,1745,1756,1779,1803,1826,1849],{"type":130,"tag":172,"props":1715,"children":1716},{"class":174,"line":175},[1717,1721,1725,1729,1733,1737,1741],{"type":130,"tag":172,"props":1718,"children":1719},{"style":202},[1720],{"type":135,"value":531},{"type":130,"tag":172,"props":1722,"children":1723},{"style":212},[1724],{"type":135,"value":848},{"type":130,"tag":172,"props":1726,"children":1727},{"style":202},[1728],{"type":135,"value":916},{"type":130,"tag":172,"props":1730,"children":1731},{"style":196},[1732],{"type":135,"value":1666},{"type":130,"tag":172,"props":1734,"children":1735},{"style":202},[1736],{"type":135,"value":926},{"type":130,"tag":172,"props":1738,"children":1739},{"style":212},[1740],{"type":135,"value":848},{"type":130,"tag":172,"props":1742,"children":1743},{"style":202},[1744],{"type":135,"value":916},{"type":130,"tag":172,"props":1746,"children":1747},{"class":174,"line":208},[1748,1752],{"type":130,"tag":172,"props":1749,"children":1750},{"style":202},[1751],{"type":135,"value":531},{"type":130,"tag":172,"props":1753,"children":1754},{"style":212},[1755],{"type":135,"value":536},{"type":130,"tag":172,"props":1757,"children":1758},{"class":174,"line":228},[1759,1763,1767,1771,1775],{"type":130,"tag":172,"props":1760,"children":1761},{"style":539},[1762],{"type":135,"value":1059},{"type":130,"tag":172,"props":1764,"children":1765},{"style":202},[1766],{"type":135,"value":547},{"type":130,"tag":172,"props":1768,"children":1769},{"style":202},[1770],{"type":135,"value":552},{"type":130,"tag":172,"props":1772,"children":1773},{"style":351},[1774],{"type":135,"value":1530},{"type":130,"tag":172,"props":1776,"children":1777},{"style":202},[1778],{"type":135,"value":552},{"type":130,"tag":172,"props":1780,"children":1781},{"class":174,"line":246},[1782,1787,1791,1795,1799],{"type":130,"tag":172,"props":1783,"children":1784},{"style":539},[1785],{"type":135,"value":1786}," format",{"type":130,"tag":172,"props":1788,"children":1789},{"style":202},[1790],{"type":135,"value":547},{"type":130,"tag":172,"props":1792,"children":1793},{"style":202},[1794],{"type":135,"value":552},{"type":130,"tag":172,"props":1796,"children":1797},{"style":351},[1798],{"type":135,"value":1687},{"type":130,"tag":172,"props":1800,"children":1801},{"style":202},[1802],{"type":135,"value":552},{"type":130,"tag":172,"props":1804,"children":1805},{"class":174,"line":255},[1806,1810,1814,1818,1822],{"type":130,"tag":172,"props":1807,"children":1808},{"style":539},[1809],{"type":135,"value":953},{"type":130,"tag":172,"props":1811,"children":1812},{"style":202},[1813],{"type":135,"value":547},{"type":130,"tag":172,"props":1815,"children":1816},{"style":202},[1817],{"type":135,"value":552},{"type":130,"tag":172,"props":1819,"children":1820},{"style":351},[1821],{"type":135,"value":966},{"type":130,"tag":172,"props":1823,"children":1824},{"style":202},[1825],{"type":135,"value":552},{"type":130,"tag":172,"props":1827,"children":1828},{"class":174,"line":370},[1829,1833,1837,1841,1845],{"type":130,"tag":172,"props":1830,"children":1831},{"style":539},[1832],{"type":135,"value":978},{"type":130,"tag":172,"props":1834,"children":1835},{"style":202},[1836],{"type":135,"value":547},{"type":130,"tag":172,"props":1838,"children":1839},{"style":202},[1840],{"type":135,"value":552},{"type":130,"tag":172,"props":1842,"children":1843},{"style":351},[1844],{"type":135,"value":991},{"type":130,"tag":172,"props":1846,"children":1847},{"style":202},[1848],{"type":135,"value":552},{"type":130,"tag":172,"props":1850,"children":1851},{"class":174,"line":378},[1852],{"type":130,"tag":172,"props":1853,"children":1854},{"style":202},[1855],{"type":135,"value":1003},{"type":130,"tag":848,"props":1857,"children":1859},{"id":1858},"quality",[1860],{"type":135,"value":1861},"Quality",{"type":130,"tag":131,"props":1863,"children":1864},{},[1865,1866,1872],{"type":135,"value":858},{"type":130,"tag":138,"props":1867,"children":1870},{"href":1868,"rel":1869},"https://www.storyblok.com/docs/image-service#quality-optimization",[142],[1871],{"type":135,"value":865},{"type":135,"value":867},{"type":130,"tag":131,"props":1874,"children":1875},{},[1876],{"type":135,"value":1877},"You can update your image quality by defining the quality filters.",{"type":130,"tag":131,"props":1879,"children":1880},{},[1881],{"type":135,"value":892},{"type":130,"tag":161,"props":1883,"children":1885},{"className":517,"code":1884,"language":519,"meta":118,"style":118}," \u003Cdiv class=\"flex\">\n\u003Cdiv>Resized and 10% Quality\u003C/div>\n\u003CNuxtImg\n provider=\"storyblok\"\n width=\"200\"\n quality=\"10\"\n src=\"https://a.storyblok.com/f/39898/3310x2192/e4ec08624e/demo-image.jpeg\"\n/>\n\u003C/div>\n",[1886],{"type":130,"tag":153,"props":1887,"children":1888},{"__ignoreMap":118},[1889,1927,1959,1970,1993,2016,2041,2064,2071],{"type":130,"tag":172,"props":1890,"children":1891},{"class":174,"line":175},[1892,1897,1901,1906,1910,1914,1919,1923],{"type":130,"tag":172,"props":1893,"children":1894},{"style":202},[1895],{"type":135,"value":1896}," \u003C",{"type":130,"tag":172,"props":1898,"children":1899},{"style":212},[1900],{"type":135,"value":911},{"type":130,"tag":172,"props":1902,"children":1903},{"style":539},[1904],{"type":135,"value":1905}," class",{"type":130,"tag":172,"props":1907,"children":1908},{"style":202},[1909],{"type":135,"value":547},{"type":130,"tag":172,"props":1911,"children":1912},{"style":202},[1913],{"type":135,"value":552},{"type":130,"tag":172,"props":1915,"children":1916},{"style":351},[1917],{"type":135,"value":1918},"flex",{"type":130,"tag":172,"props":1920,"children":1921},{"style":202},[1922],{"type":135,"value":552},{"type":130,"tag":172,"props":1924,"children":1925},{"style":202},[1926],{"type":135,"value":916},{"type":130,"tag":172,"props":1928,"children":1929},{"class":174,"line":208},[1930,1934,1938,1942,1947,1951,1955],{"type":130,"tag":172,"props":1931,"children":1932},{"style":202},[1933],{"type":135,"value":531},{"type":130,"tag":172,"props":1935,"children":1936},{"style":212},[1937],{"type":135,"value":911},{"type":130,"tag":172,"props":1939,"children":1940},{"style":202},[1941],{"type":135,"value":916},{"type":130,"tag":172,"props":1943,"children":1944},{"style":196},[1945],{"type":135,"value":1946},"Resized and 10% Quality",{"type":130,"tag":172,"props":1948,"children":1949},{"style":202},[1950],{"type":135,"value":926},{"type":130,"tag":172,"props":1952,"children":1953},{"style":212},[1954],{"type":135,"value":911},{"type":130,"tag":172,"props":1956,"children":1957},{"style":202},[1958],{"type":135,"value":916},{"type":130,"tag":172,"props":1960,"children":1961},{"class":174,"line":228},[1962,1966],{"type":130,"tag":172,"props":1963,"children":1964},{"style":202},[1965],{"type":135,"value":531},{"type":130,"tag":172,"props":1967,"children":1968},{"style":212},[1969],{"type":135,"value":536},{"type":130,"tag":172,"props":1971,"children":1972},{"class":174,"line":246},[1973,1977,1981,1985,1989],{"type":130,"tag":172,"props":1974,"children":1975},{"style":539},[1976],{"type":135,"value":953},{"type":130,"tag":172,"props":1978,"children":1979},{"style":202},[1980],{"type":135,"value":547},{"type":130,"tag":172,"props":1982,"children":1983},{"style":202},[1984],{"type":135,"value":552},{"type":130,"tag":172,"props":1986,"children":1987},{"style":351},[1988],{"type":135,"value":966},{"type":130,"tag":172,"props":1990,"children":1991},{"style":202},[1992],{"type":135,"value":552},{"type":130,"tag":172,"props":1994,"children":1995},{"class":174,"line":255},[1996,2000,2004,2008,2012],{"type":130,"tag":172,"props":1997,"children":1998},{"style":539},[1999],{"type":135,"value":1059},{"type":130,"tag":172,"props":2001,"children":2002},{"style":202},[2003],{"type":135,"value":547},{"type":130,"tag":172,"props":2005,"children":2006},{"style":202},[2007],{"type":135,"value":552},{"type":130,"tag":172,"props":2009,"children":2010},{"style":351},[2011],{"type":135,"value":1530},{"type":130,"tag":172,"props":2013,"children":2014},{"style":202},[2015],{"type":135,"value":552},{"type":130,"tag":172,"props":2017,"children":2018},{"class":174,"line":370},[2019,2024,2028,2032,2037],{"type":130,"tag":172,"props":2020,"children":2021},{"style":539},[2022],{"type":135,"value":2023}," quality",{"type":130,"tag":172,"props":2025,"children":2026},{"style":202},[2027],{"type":135,"value":547},{"type":130,"tag":172,"props":2029,"children":2030},{"style":202},[2031],{"type":135,"value":552},{"type":130,"tag":172,"props":2033,"children":2034},{"style":351},[2035],{"type":135,"value":2036},"10",{"type":130,"tag":172,"props":2038,"children":2039},{"style":202},[2040],{"type":135,"value":552},{"type":130,"tag":172,"props":2042,"children":2043},{"class":174,"line":378},[2044,2048,2052,2056,2060],{"type":130,"tag":172,"props":2045,"children":2046},{"style":539},[2047],{"type":135,"value":978},{"type":130,"tag":172,"props":2049,"children":2050},{"style":202},[2051],{"type":135,"value":547},{"type":130,"tag":172,"props":2053,"children":2054},{"style":202},[2055],{"type":135,"value":552},{"type":130,"tag":172,"props":2057,"children":2058},{"style":351},[2059],{"type":135,"value":991},{"type":130,"tag":172,"props":2061,"children":2062},{"style":202},[2063],{"type":135,"value":552},{"type":130,"tag":172,"props":2065,"children":2066},{"class":174,"line":1041},[2067],{"type":130,"tag":172,"props":2068,"children":2069},{"style":202},[2070],{"type":135,"value":1003},{"type":130,"tag":172,"props":2072,"children":2073},{"class":174,"line":1053},[2074,2078,2082],{"type":130,"tag":172,"props":2075,"children":2076},{"style":202},[2077],{"type":135,"value":926},{"type":130,"tag":172,"props":2079,"children":2080},{"style":212},[2081],{"type":135,"value":911},{"type":130,"tag":172,"props":2083,"children":2084},{"style":202},[2085],{"type":135,"value":916},{"type":130,"tag":848,"props":2087,"children":2089},{"id":2088},"facial-detection",[2090],{"type":135,"value":2091},"Facial detection",{"type":130,"tag":131,"props":2093,"children":2094},{},[2095,2096,2102],{"type":135,"value":858},{"type":130,"tag":138,"props":2097,"children":2100},{"href":2098,"rel":2099},"https://www.storyblok.com/docs/image-service#facial-detection-and-smart-cropping",[142],[2101],{"type":135,"value":865},{"type":135,"value":867},{"type":130,"tag":131,"props":2104,"children":2105},{},[2106],{"type":135,"value":2107},"To have a smart crop just define a smart property inside modifier.",{"type":130,"tag":131,"props":2109,"children":2110},{},[2111],{"type":135,"value":892},{"type":130,"tag":161,"props":2113,"children":2115},{"className":517,"code":2114,"language":519,"meta":118,"style":118},"\u003Ch3>Facial detection\u003C/h3>\n\n\u003Cdiv>Resized without Smart Crop\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg\"\n/>\n\n\u003Cdiv>Resized with Smart Crop\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n :modifiers=\"{ smart: true }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg\"\n/>\n",[2116],{"type":130,"tag":153,"props":2117,"children":2118},{"__ignoreMap":118},[2119,2150,2153,2185,2196,2220,2244,2267,2291,2298,2301,2333,2344,2367,2390,2414,2437,2460],{"type":130,"tag":172,"props":2120,"children":2121},{"class":174,"line":175},[2122,2126,2130,2134,2138,2142,2146],{"type":130,"tag":172,"props":2123,"children":2124},{"style":202},[2125],{"type":135,"value":531},{"type":130,"tag":172,"props":2127,"children":2128},{"style":212},[2129],{"type":135,"value":848},{"type":130,"tag":172,"props":2131,"children":2132},{"style":202},[2133],{"type":135,"value":916},{"type":130,"tag":172,"props":2135,"children":2136},{"style":196},[2137],{"type":135,"value":2091},{"type":130,"tag":172,"props":2139,"children":2140},{"style":202},[2141],{"type":135,"value":926},{"type":130,"tag":172,"props":2143,"children":2144},{"style":212},[2145],{"type":135,"value":848},{"type":130,"tag":172,"props":2147,"children":2148},{"style":202},[2149],{"type":135,"value":916},{"type":130,"tag":172,"props":2151,"children":2152},{"class":174,"line":208},[],{"type":130,"tag":172,"props":2154,"children":2155},{"class":174,"line":228},[2156,2160,2164,2168,2173,2177,2181],{"type":130,"tag":172,"props":2157,"children":2158},{"style":202},[2159],{"type":135,"value":531},{"type":130,"tag":172,"props":2161,"children":2162},{"style":212},[2163],{"type":135,"value":911},{"type":130,"tag":172,"props":2165,"children":2166},{"style":202},[2167],{"type":135,"value":916},{"type":130,"tag":172,"props":2169,"children":2170},{"style":196},[2171],{"type":135,"value":2172},"Resized without Smart Crop",{"type":130,"tag":172,"props":2174,"children":2175},{"style":202},[2176],{"type":135,"value":926},{"type":130,"tag":172,"props":2178,"children":2179},{"style":212},[2180],{"type":135,"value":911},{"type":130,"tag":172,"props":2182,"children":2183},{"style":202},[2184],{"type":135,"value":916},{"type":130,"tag":172,"props":2186,"children":2187},{"class":174,"line":246},[2188,2192],{"type":130,"tag":172,"props":2189,"children":2190},{"style":202},[2191],{"type":135,"value":531},{"type":130,"tag":172,"props":2193,"children":2194},{"style":212},[2195],{"type":135,"value":536},{"type":130,"tag":172,"props":2197,"children":2198},{"class":174,"line":255},[2199,2203,2207,2211,2216],{"type":130,"tag":172,"props":2200,"children":2201},{"style":539},[2202],{"type":135,"value":1059},{"type":130,"tag":172,"props":2204,"children":2205},{"style":202},[2206],{"type":135,"value":547},{"type":130,"tag":172,"props":2208,"children":2209},{"style":202},[2210],{"type":135,"value":552},{"type":130,"tag":172,"props":2212,"children":2213},{"style":351},[2214],{"type":135,"value":2215},"600",{"type":130,"tag":172,"props":2217,"children":2218},{"style":202},[2219],{"type":135,"value":552},{"type":130,"tag":172,"props":2221,"children":2222},{"class":174,"line":370},[2223,2227,2231,2235,2240],{"type":130,"tag":172,"props":2224,"children":2225},{"style":539},[2226],{"type":135,"value":1085},{"type":130,"tag":172,"props":2228,"children":2229},{"style":202},[2230],{"type":135,"value":547},{"type":130,"tag":172,"props":2232,"children":2233},{"style":202},[2234],{"type":135,"value":552},{"type":130,"tag":172,"props":2236,"children":2237},{"style":351},[2238],{"type":135,"value":2239},"130",{"type":130,"tag":172,"props":2241,"children":2242},{"style":202},[2243],{"type":135,"value":552},{"type":130,"tag":172,"props":2245,"children":2246},{"class":174,"line":378},[2247,2251,2255,2259,2263],{"type":130,"tag":172,"props":2248,"children":2249},{"style":539},[2250],{"type":135,"value":953},{"type":130,"tag":172,"props":2252,"children":2253},{"style":202},[2254],{"type":135,"value":547},{"type":130,"tag":172,"props":2256,"children":2257},{"style":202},[2258],{"type":135,"value":552},{"type":130,"tag":172,"props":2260,"children":2261},{"style":351},[2262],{"type":135,"value":966},{"type":130,"tag":172,"props":2264,"children":2265},{"style":202},[2266],{"type":135,"value":552},{"type":130,"tag":172,"props":2268,"children":2269},{"class":174,"line":1041},[2270,2274,2278,2282,2287],{"type":130,"tag":172,"props":2271,"children":2272},{"style":539},[2273],{"type":135,"value":978},{"type":130,"tag":172,"props":2275,"children":2276},{"style":202},[2277],{"type":135,"value":547},{"type":130,"tag":172,"props":2279,"children":2280},{"style":202},[2281],{"type":135,"value":552},{"type":130,"tag":172,"props":2283,"children":2284},{"style":351},[2285],{"type":135,"value":2286},"https://a.storyblok.com/f/39898/2250x1500/c15735a73c/demo-image-human.jpeg",{"type":130,"tag":172,"props":2288,"children":2289},{"style":202},[2290],{"type":135,"value":552},{"type":130,"tag":172,"props":2292,"children":2293},{"class":174,"line":1053},[2294],{"type":130,"tag":172,"props":2295,"children":2296},{"style":202},[2297],{"type":135,"value":1003},{"type":130,"tag":172,"props":2299,"children":2300},{"class":174,"line":1079},[],{"type":130,"tag":172,"props":2302,"children":2303},{"class":174,"line":1104},[2304,2308,2312,2316,2321,2325,2329],{"type":130,"tag":172,"props":2305,"children":2306},{"style":202},[2307],{"type":135,"value":531},{"type":130,"tag":172,"props":2309,"children":2310},{"style":212},[2311],{"type":135,"value":911},{"type":130,"tag":172,"props":2313,"children":2314},{"style":202},[2315],{"type":135,"value":916},{"type":130,"tag":172,"props":2317,"children":2318},{"style":196},[2319],{"type":135,"value":2320},"Resized with Smart Crop",{"type":130,"tag":172,"props":2322,"children":2323},{"style":202},[2324],{"type":135,"value":926},{"type":130,"tag":172,"props":2326,"children":2327},{"style":212},[2328],{"type":135,"value":911},{"type":130,"tag":172,"props":2330,"children":2331},{"style":202},[2332],{"type":135,"value":916},{"type":130,"tag":172,"props":2334,"children":2335},{"class":174,"line":1128},[2336,2340],{"type":130,"tag":172,"props":2337,"children":2338},{"style":202},[2339],{"type":135,"value":531},{"type":130,"tag":172,"props":2341,"children":2342},{"style":212},[2343],{"type":135,"value":536},{"type":130,"tag":172,"props":2345,"children":2346},{"class":174,"line":1152},[2347,2351,2355,2359,2363],{"type":130,"tag":172,"props":2348,"children":2349},{"style":539},[2350],{"type":135,"value":1059},{"type":130,"tag":172,"props":2352,"children":2353},{"style":202},[2354],{"type":135,"value":547},{"type":130,"tag":172,"props":2356,"children":2357},{"style":202},[2358],{"type":135,"value":552},{"type":130,"tag":172,"props":2360,"children":2361},{"style":351},[2362],{"type":135,"value":2215},{"type":130,"tag":172,"props":2364,"children":2365},{"style":202},[2366],{"type":135,"value":552},{"type":130,"tag":172,"props":2368,"children":2369},{"class":174,"line":1160},[2370,2374,2378,2382,2386],{"type":130,"tag":172,"props":2371,"children":2372},{"style":539},[2373],{"type":135,"value":1085},{"type":130,"tag":172,"props":2375,"children":2376},{"style":202},[2377],{"type":135,"value":547},{"type":130,"tag":172,"props":2379,"children":2380},{"style":202},[2381],{"type":135,"value":552},{"type":130,"tag":172,"props":2383,"children":2384},{"style":351},[2385],{"type":135,"value":2239},{"type":130,"tag":172,"props":2387,"children":2388},{"style":202},[2389],{"type":135,"value":552},{"type":130,"tag":172,"props":2391,"children":2392},{"class":174,"line":1164},[2393,2397,2401,2405,2410],{"type":130,"tag":172,"props":2394,"children":2395},{"style":539},[2396],{"type":135,"value":1590},{"type":130,"tag":172,"props":2398,"children":2399},{"style":202},[2400],{"type":135,"value":547},{"type":130,"tag":172,"props":2402,"children":2403},{"style":202},[2404],{"type":135,"value":552},{"type":130,"tag":172,"props":2406,"children":2407},{"style":351},[2408],{"type":135,"value":2409},"{ smart: true }",{"type":130,"tag":172,"props":2411,"children":2412},{"style":202},[2413],{"type":135,"value":552},{"type":130,"tag":172,"props":2415,"children":2416},{"class":174,"line":1197},[2417,2421,2425,2429,2433],{"type":130,"tag":172,"props":2418,"children":2419},{"style":539},[2420],{"type":135,"value":953},{"type":130,"tag":172,"props":2422,"children":2423},{"style":202},[2424],{"type":135,"value":547},{"type":130,"tag":172,"props":2426,"children":2427},{"style":202},[2428],{"type":135,"value":552},{"type":130,"tag":172,"props":2430,"children":2431},{"style":351},[2432],{"type":135,"value":966},{"type":130,"tag":172,"props":2434,"children":2435},{"style":202},[2436],{"type":135,"value":552},{"type":130,"tag":172,"props":2438,"children":2439},{"class":174,"line":1209},[2440,2444,2448,2452,2456],{"type":130,"tag":172,"props":2441,"children":2442},{"style":539},[2443],{"type":135,"value":978},{"type":130,"tag":172,"props":2445,"children":2446},{"style":202},[2447],{"type":135,"value":547},{"type":130,"tag":172,"props":2449,"children":2450},{"style":202},[2451],{"type":135,"value":552},{"type":130,"tag":172,"props":2453,"children":2454},{"style":351},[2455],{"type":135,"value":2286},{"type":130,"tag":172,"props":2457,"children":2458},{"style":202},[2459],{"type":135,"value":552},{"type":130,"tag":172,"props":2461,"children":2462},{"class":174,"line":1233},[2463],{"type":130,"tag":172,"props":2464,"children":2465},{"style":202},[2466],{"type":135,"value":1003},{"type":130,"tag":848,"props":2468,"children":2470},{"id":2469},"custom-focal-point",[2471],{"type":135,"value":2472},"Custom focal point",{"type":130,"tag":131,"props":2474,"children":2475},{},[2476,2477,2483],{"type":135,"value":858},{"type":130,"tag":138,"props":2478,"children":2481},{"href":2479,"rel":2480},"https://www.storyblok.com/docs/image-service#custom-focal-point",[142],[2482],{"type":135,"value":865},{"type":135,"value":867},{"type":130,"tag":131,"props":2485,"children":2486},{},[2487,2489,2494],{"type":135,"value":2488},"Storyblok offer you the focalize on a specific part of your image. Just use ",{"type":130,"tag":153,"props":2490,"children":2491},{"className":118},[2492],{"type":135,"value":2493},"focal",{"type":135,"value":2495}," filters.",{"type":130,"tag":131,"props":2497,"children":2498},{},[2499],{"type":135,"value":892},{"type":130,"tag":161,"props":2501,"children":2503},{"className":517,"code":2502,"language":519,"meta":118,"style":118},"\u003Cdiv>Focus on the bottom of the image\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n :modifiers=\"{ filters: { focal: '450x500:550x600' } }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n/>\n\n\u003Cdiv>Focus on the top of the image\u003C/div>\n\u003CNuxtImg\n width=\"600\"\n height=\"130\"\n :modifiers=\"{ filters: { focal: '450x0:550x100' } }\"\n provider=\"storyblok\"\n src=\"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg\"\n/>\n",[2504],{"type":130,"tag":153,"props":2505,"children":2506},{"__ignoreMap":118},[2507,2539,2550,2573,2596,2620,2643,2667,2674,2677,2709,2720,2743,2766,2790,2813,2836],{"type":130,"tag":172,"props":2508,"children":2509},{"class":174,"line":175},[2510,2514,2518,2522,2527,2531,2535],{"type":130,"tag":172,"props":2511,"children":2512},{"style":202},[2513],{"type":135,"value":531},{"type":130,"tag":172,"props":2515,"children":2516},{"style":212},[2517],{"type":135,"value":911},{"type":130,"tag":172,"props":2519,"children":2520},{"style":202},[2521],{"type":135,"value":916},{"type":130,"tag":172,"props":2523,"children":2524},{"style":196},[2525],{"type":135,"value":2526},"Focus on the bottom of the image",{"type":130,"tag":172,"props":2528,"children":2529},{"style":202},[2530],{"type":135,"value":926},{"type":130,"tag":172,"props":2532,"children":2533},{"style":212},[2534],{"type":135,"value":911},{"type":130,"tag":172,"props":2536,"children":2537},{"style":202},[2538],{"type":135,"value":916},{"type":130,"tag":172,"props":2540,"children":2541},{"class":174,"line":208},[2542,2546],{"type":130,"tag":172,"props":2543,"children":2544},{"style":202},[2545],{"type":135,"value":531},{"type":130,"tag":172,"props":2547,"children":2548},{"style":212},[2549],{"type":135,"value":536},{"type":130,"tag":172,"props":2551,"children":2552},{"class":174,"line":228},[2553,2557,2561,2565,2569],{"type":130,"tag":172,"props":2554,"children":2555},{"style":539},[2556],{"type":135,"value":1059},{"type":130,"tag":172,"props":2558,"children":2559},{"style":202},[2560],{"type":135,"value":547},{"type":130,"tag":172,"props":2562,"children":2563},{"style":202},[2564],{"type":135,"value":552},{"type":130,"tag":172,"props":2566,"children":2567},{"style":351},[2568],{"type":135,"value":2215},{"type":130,"tag":172,"props":2570,"children":2571},{"style":202},[2572],{"type":135,"value":552},{"type":130,"tag":172,"props":2574,"children":2575},{"class":174,"line":246},[2576,2580,2584,2588,2592],{"type":130,"tag":172,"props":2577,"children":2578},{"style":539},[2579],{"type":135,"value":1085},{"type":130,"tag":172,"props":2581,"children":2582},{"style":202},[2583],{"type":135,"value":547},{"type":130,"tag":172,"props":2585,"children":2586},{"style":202},[2587],{"type":135,"value":552},{"type":130,"tag":172,"props":2589,"children":2590},{"style":351},[2591],{"type":135,"value":2239},{"type":130,"tag":172,"props":2593,"children":2594},{"style":202},[2595],{"type":135,"value":552},{"type":130,"tag":172,"props":2597,"children":2598},{"class":174,"line":255},[2599,2603,2607,2611,2616],{"type":130,"tag":172,"props":2600,"children":2601},{"style":539},[2602],{"type":135,"value":1590},{"type":130,"tag":172,"props":2604,"children":2605},{"style":202},[2606],{"type":135,"value":547},{"type":130,"tag":172,"props":2608,"children":2609},{"style":202},[2610],{"type":135,"value":552},{"type":130,"tag":172,"props":2612,"children":2613},{"style":351},[2614],{"type":135,"value":2615},"{ filters: { focal: '450x500:550x600' } }",{"type":130,"tag":172,"props":2617,"children":2618},{"style":202},[2619],{"type":135,"value":552},{"type":130,"tag":172,"props":2621,"children":2622},{"class":174,"line":370},[2623,2627,2631,2635,2639],{"type":130,"tag":172,"props":2624,"children":2625},{"style":539},[2626],{"type":135,"value":953},{"type":130,"tag":172,"props":2628,"children":2629},{"style":202},[2630],{"type":135,"value":547},{"type":130,"tag":172,"props":2632,"children":2633},{"style":202},[2634],{"type":135,"value":552},{"type":130,"tag":172,"props":2636,"children":2637},{"style":351},[2638],{"type":135,"value":966},{"type":130,"tag":172,"props":2640,"children":2641},{"style":202},[2642],{"type":135,"value":552},{"type":130,"tag":172,"props":2644,"children":2645},{"class":174,"line":378},[2646,2650,2654,2658,2663],{"type":130,"tag":172,"props":2647,"children":2648},{"style":539},[2649],{"type":135,"value":978},{"type":130,"tag":172,"props":2651,"children":2652},{"style":202},[2653],{"type":135,"value":547},{"type":130,"tag":172,"props":2655,"children":2656},{"style":202},[2657],{"type":135,"value":552},{"type":130,"tag":172,"props":2659,"children":2660},{"style":351},[2661],{"type":135,"value":2662},"https://a.storyblok.com/f/39898/1000x600/d962430746/demo-image-human.jpeg",{"type":130,"tag":172,"props":2664,"children":2665},{"style":202},[2666],{"type":135,"value":552},{"type":130,"tag":172,"props":2668,"children":2669},{"class":174,"line":1041},[2670],{"type":130,"tag":172,"props":2671,"children":2672},{"style":202},[2673],{"type":135,"value":1003},{"type":130,"tag":172,"props":2675,"children":2676},{"class":174,"line":1053},[],{"type":130,"tag":172,"props":2678,"children":2679},{"class":174,"line":1079},[2680,2684,2688,2692,2697,2701,2705],{"type":130,"tag":172,"props":2681,"children":2682},{"style":202},[2683],{"type":135,"value":531},{"type":130,"tag":172,"props":2685,"children":2686},{"style":212},[2687],{"type":135,"value":911},{"type":130,"tag":172,"props":2689,"children":2690},{"style":202},[2691],{"type":135,"value":916},{"type":130,"tag":172,"props":2693,"children":2694},{"style":196},[2695],{"type":135,"value":2696},"Focus on the top of the image",{"type":130,"tag":172,"props":2698,"children":2699},{"style":202},[2700],{"type":135,"value":926},{"type":130,"tag":172,"props":2702,"children":2703},{"style":212},[2704],{"type":135,"value":911},{"type":130,"tag":172,"props":2706,"children":2707},{"style":202},[2708],{"type":135,"value":916},{"type":130,"tag":172,"props":2710,"children":2711},{"class":174,"line":1104},[2712,2716],{"type":130,"tag":172,"props":2713,"children":2714},{"style":202},[2715],{"type":135,"value":531},{"type":130,"tag":172,"props":2717,"children":2718},{"style":212},[2719],{"type":135,"value":536},{"type":130,"tag":172,"props":2721,"children":2722},{"class":174,"line":1128},[2723,2727,2731,2735,2739],{"type":130,"tag":172,"props":2724,"children":2725},{"style":539},[2726],{"type":135,"value":1059},{"type":130,"tag":172,"props":2728,"children":2729},{"style":202},[2730],{"type":135,"value":547},{"type":130,"tag":172,"props":2732,"children":2733},{"style":202},[2734],{"type":135,"value":552},{"type":130,"tag":172,"props":2736,"children":2737},{"style":351},[2738],{"type":135,"value":2215},{"type":130,"tag":172,"props":2740,"children":2741},{"style":202},[2742],{"type":135,"value":552},{"type":130,"tag":172,"props":2744,"children":2745},{"class":174,"line":1152},[2746,2750,2754,2758,2762],{"type":130,"tag":172,"props":2747,"children":2748},{"style":539},[2749],{"type":135,"value":1085},{"type":130,"tag":172,"props":2751,"children":2752},{"style":202},[2753],{"type":135,"value":547},{"type":130,"tag":172,"props":2755,"children":2756},{"style":202},[2757],{"type":135,"value":552},{"type":130,"tag":172,"props":2759,"children":2760},{"style":351},[2761],{"type":135,"value":2239},{"type":130,"tag":172,"props":2763,"children":2764},{"style":202},[2765],{"type":135,"value":552},{"type":130,"tag":172,"props":2767,"children":2768},{"class":174,"line":1160},[2769,2773,2777,2781,2786],{"type":130,"tag":172,"props":2770,"children":2771},{"style":539},[2772],{"type":135,"value":1590},{"type":130,"tag":172,"props":2774,"children":2775},{"style":202},[2776],{"type":135,"value":547},{"type":130,"tag":172,"props":2778,"children":2779},{"style":202},[2780],{"type":135,"value":552},{"type":130,"tag":172,"props":2782,"children":2783},{"style":351},[2784],{"type":135,"value":2785},"{ filters: { focal: '450x0:550x100' } }",{"type":130,"tag":172,"props":2787,"children":2788},{"style":202},[2789],{"type":135,"value":552},{"type":130,"tag":172,"props":2791,"children":2792},{"class":174,"line":1164},[2793,2797,2801,2805,2809],{"type":130,"tag":172,"props":2794,"children":2795},{"style":539},[2796],{"type":135,"value":953},{"type":130,"tag":172,"props":2798,"children":2799},{"style":202},[2800],{"type":135,"value":547},{"type":130,"tag":172,"props":2802,"children":2803},{"style":202},[2804],{"type":135,"value":552},{"type":130,"tag":172,"props":2806,"children":2807},{"style":351},[2808],{"type":135,"value":966},{"type":130,"tag":172,"props":2810,"children":2811},{"style":202},[2812],{"type":135,"value":552},{"type":130,"tag":172,"props":2814,"children":2815},{"class":174,"line":1197},[2816,2820,2824,2828,2832],{"type":130,"tag":172,"props":2817,"children":2818},{"style":539},[2819],{"type":135,"value":978},{"type":130,"tag":172,"props":2821,"children":2822},{"style":202},[2823],{"type":135,"value":547},{"type":130,"tag":172,"props":2825,"children":2826},{"style":202},[2827],{"type":135,"value":552},{"type":130,"tag":172,"props":2829,"children":2830},{"style":351},[2831],{"type":135,"value":2662},{"type":130,"tag":172,"props":2833,"children":2834},{"style":202},[2835],{"type":135,"value":552},{"type":130,"tag":172,"props":2837,"children":2838},{"class":174,"line":1209},[2839],{"type":130,"tag":172,"props":2840,"children":2841},{"style":202},[2842],{"type":135,"value":1003},{"type":130,"tag":687,"props":2844,"children":2845},{},[2846],{"type":135,"value":691},{"title":118,"searchDepth":208,"depth":208,"links":2848},[2849],{"id":832,"depth":208,"text":835,"children":2850},[2851,2852,2853,2854,2855,2856],{"id":850,"depth":228,"text":853},{"id":1418,"depth":228,"text":1421},{"id":1663,"depth":228,"text":1666},{"id":1858,"depth":228,"text":1861},{"id":2088,"depth":228,"text":2091},{"id":2469,"depth":228,"text":2472},"content:3.providers:storyblok.md","3.providers/storyblok.md",{"_path":95,"_dir":116,"_draft":117,"_partial":117,"_locale":118,"title":94,"description":2860,"links":2861,"body":2864,"_type":695,"_id":7849,"_source":697,"_file":7850,"_extension":699},"Nuxt Image internally use Twicpics as static provider.",[2862],{"label":122,"icon":123,"to":2863,"size":125},"https://github.com/nuxt/image/blob/main/src/runtime/providers/twicpics.ts",{"type":127,"children":2865,"toc":7827},[2866,2877,2883,2893,2898,2934,2981,2987,3000,3006,3033,3160,3166,3183,3188,3209,3228,3240,3245,3349,3354,3479,3484,3610,3623,3760,3764,3782,3791,3808,3813,3824,3918,3929,4024,4037,4041,4046,4065,4081,4091,4106,4110,4197,4209,4213,4222,4241,4245,4342,4478,4490,4496,4518,4642,4653,4657,4672,4706,5055,5073,5077,5086,5095,5427,5443,5448,5457,5469,5493,5871,5881,5897,5902,5911,5916,5926,5943,6238,6254,6258,6267,6289,6536,6552,6556,6561,6582,7155,7171,7177,7189,7194,7198,7203,7222,7227,7322,7327,7345,7350,7469,7475,7480,7613,7624,7757,7763,7777,7810,7823],{"type":130,"tag":131,"props":2867,"children":2868},{},[2869,2870,2876],{"type":135,"value":136},{"type":130,"tag":138,"props":2871,"children":2874},{"href":2872,"rel":2873},"https://www.twicpics.com/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[142],[2875],{"type":135,"value":94},{"type":135,"value":146},{"type":130,"tag":389,"props":2878,"children":2880},{"id":2879},"what-is-twicpics",[2881],{"type":135,"value":2882},"What is TwicPics?",{"type":130,"tag":131,"props":2884,"children":2885},{},[2886,2891],{"type":130,"tag":138,"props":2887,"children":2889},{"href":2872,"rel":2888},[142],[2890],{"type":135,"value":94},{"type":135,"value":2892}," is a Responsive Image Service Solution (SaaS) that enables on-demand responsive image generation.",{"type":130,"tag":131,"props":2894,"children":2895},{},[2896],{"type":135,"value":2897},"Using the TwicPics Provider you can, out of the box, benefit from at least :",{"type":130,"tag":874,"props":2899,"children":2900},{},[2901,2906],{"type":130,"tag":878,"props":2902,"children":2903},{},[2904],{"type":135,"value":2905},"performance of our network: global CDN, optimized protocols and competitive caching",{"type":130,"tag":878,"props":2907,"children":2908},{},[2909,2911,2921,2923,2933],{"type":135,"value":2910},"ideal compression: modern technology and Next-Gen formats (TwicPics delivers ",{"type":130,"tag":138,"props":2912,"children":2915},{"href":2913,"rel":2914},"https://en.wikipedia.org/wiki/WebP",[142],[2916],{"type":130,"tag":153,"props":2917,"children":2918},{"className":118},[2919],{"type":135,"value":2920},"WebP",{"type":135,"value":2922}," natively for accounting browsers and can also delivers ",{"type":130,"tag":138,"props":2924,"children":2927},{"href":2925,"rel":2926},"https://en.wikipedia.org/wiki/AVIF",[142],[2928],{"type":130,"tag":153,"props":2929,"children":2930},{"className":118},[2931],{"type":135,"value":2932},"avif",{"type":135,"value":266},{"type":130,"tag":131,"props":2935,"children":2936},{},[2937,2939,2945,2946,2952,2953,2959,2960,2966,2967,2973,2974,2980],{"type":135,"value":2938},"And using the TwicPics API, you will be able to access all these features: ",{"type":130,"tag":138,"props":2940,"children":2942},{"href":2941},"#focus",[2943],{"type":135,"value":2944},"smart cropping with TwicPics focus auto",{"type":135,"value":1689},{"type":130,"tag":138,"props":2947,"children":2949},{"href":2948},"#truecolor",[2950],{"type":135,"value":2951},"true color",{"type":135,"value":1689},{"type":130,"tag":138,"props":2954,"children":2956},{"href":2955},"#flip",[2957],{"type":135,"value":2958},"flip",{"type":135,"value":1689},{"type":130,"tag":138,"props":2961,"children":2963},{"href":2962},"#turn",[2964],{"type":135,"value":2965},"turn",{"type":135,"value":1689},{"type":130,"tag":138,"props":2968,"children":2970},{"href":2969},"#crop",[2971],{"type":135,"value":2972},"crop",{"type":135,"value":1689},{"type":130,"tag":138,"props":2975,"children":2977},{"href":2976},"#zoom",[2978],{"type":135,"value":2979},"zoom",{"type":135,"value":1451},{"type":130,"tag":389,"props":2982,"children":2984},{"id":2983},"requirement",[2985],{"type":135,"value":2986},"Requirement",{"type":130,"tag":131,"props":2988,"children":2989},{},[2990,2992,2999],{"type":135,"value":2991},"The only requirement is to have a TwicPics account.\nIf you don't already have one, you can easily ",{"type":130,"tag":138,"props":2993,"children":2996},{"href":2994,"rel":2995},"https://account.twicpics.com/signup/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[142],[2997],{"type":135,"value":2998},"create your own TwicPics account for free",{"type":135,"value":1451},{"type":130,"tag":389,"props":3001,"children":3003},{"id":3002},"setup",[3004],{"type":135,"value":3005},"Setup",{"type":130,"tag":131,"props":3007,"children":3008},{},[3009,3011,3016,3018,3023,3025,3032],{"type":135,"value":3010},"You just need to configure the ",{"type":130,"tag":153,"props":3012,"children":3013},{"className":118},[3014],{"type":135,"value":3015},"TwicPics",{"type":135,"value":3017}," provider with the ",{"type":130,"tag":153,"props":3019,"children":3020},{"className":118},[3021],{"type":135,"value":3022},"baseURL",{"type":135,"value":3024}," set to your TwicPics ",{"type":130,"tag":138,"props":3026,"children":3029},{"href":3027,"rel":3028},"https://www.twicpics.com/docs/getting-started/subdomain/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[142],[3030],{"type":135,"value":3031},"Domain",{"type":135,"value":1451},{"type":130,"tag":161,"props":3034,"children":3036},{"className":163,"code":3035,"filename":165,"language":166,"meta":118,"style":118},"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",[3037],{"type":130,"tag":153,"props":3038,"children":3039},{"__ignoreMap":118},[3040,3063,3078,3094,3118,3127,3135,3142,3149],{"type":130,"tag":172,"props":3041,"children":3042},{"class":174,"line":175},[3043,3047,3051,3055,3059],{"type":130,"tag":172,"props":3044,"children":3045},{"style":179},[3046],{"type":135,"value":182},{"type":130,"tag":172,"props":3048,"children":3049},{"style":179},[3050],{"type":135,"value":187},{"type":130,"tag":172,"props":3052,"children":3053},{"style":190},[3054],{"type":135,"value":193},{"type":130,"tag":172,"props":3056,"children":3057},{"style":196},[3058],{"type":135,"value":199},{"type":130,"tag":172,"props":3060,"children":3061},{"style":202},[3062],{"type":135,"value":205},{"type":130,"tag":172,"props":3064,"children":3065},{"class":174,"line":208},[3066,3070,3074],{"type":130,"tag":172,"props":3067,"children":3068},{"style":212},[3069],{"type":135,"value":215},{"type":130,"tag":172,"props":3071,"children":3072},{"style":202},[3073],{"type":135,"value":220},{"type":130,"tag":172,"props":3075,"children":3076},{"style":202},[3077],{"type":135,"value":225},{"type":130,"tag":172,"props":3079,"children":3080},{"class":174,"line":228},[3081,3086,3090],{"type":130,"tag":172,"props":3082,"children":3083},{"style":212},[3084],{"type":135,"value":3085}," twicpics",{"type":130,"tag":172,"props":3087,"children":3088},{"style":202},[3089],{"type":135,"value":220},{"type":130,"tag":172,"props":3091,"children":3092},{"style":202},[3093],{"type":135,"value":225},{"type":130,"tag":172,"props":3095,"children":3096},{"class":174,"line":246},[3097,3101,3105,3109,3114],{"type":130,"tag":172,"props":3098,"children":3099},{"style":212},[3100],{"type":135,"value":339},{"type":130,"tag":172,"props":3102,"children":3103},{"style":202},[3104],{"type":135,"value":220},{"type":130,"tag":172,"props":3106,"children":3107},{"style":202},[3108],{"type":135,"value":348},{"type":130,"tag":172,"props":3110,"children":3111},{"style":351},[3112],{"type":135,"value":3113},"https://\u003Cyour-twicpics-domain>/",{"type":130,"tag":172,"props":3115,"children":3116},{"style":202},[3117],{"type":135,"value":359},{"type":130,"tag":172,"props":3119,"children":3120},{"class":174,"line":255},[3121],{"type":130,"tag":172,"props":3122,"children":3124},{"style":3123},"color:#546E7A;--shiki-dark:#676E95;--shiki-light:#90A4AE;font-style:italic;--shiki-dark-font-style:italic;--shiki-light-font-style:italic",[3125],{"type":135,"value":3126}," // Feel free to use our demo domain to try the following examples.",{"type":130,"tag":172,"props":3128,"children":3129},{"class":174,"line":370},[3130],{"type":130,"tag":172,"props":3131,"children":3132},{"style":3123},[3133],{"type":135,"value":3134}," // baseUrl: 'https://demo.twic.pics/'",{"type":130,"tag":172,"props":3136,"children":3137},{"class":174,"line":378},[3138],{"type":130,"tag":172,"props":3139,"children":3140},{"style":202},[3141],{"type":135,"value":367},{"type":130,"tag":172,"props":3143,"children":3144},{"class":174,"line":1041},[3145],{"type":130,"tag":172,"props":3146,"children":3147},{"style":202},[3148],{"type":135,"value":252},{"type":130,"tag":172,"props":3150,"children":3151},{"class":174,"line":1053},[3152,3156],{"type":130,"tag":172,"props":3153,"children":3154},{"style":202},[3155],{"type":135,"value":261},{"type":130,"tag":172,"props":3157,"children":3158},{"style":196},[3159],{"type":135,"value":266},{"type":130,"tag":389,"props":3161,"children":3163},{"id":3162},"standard-properties",[3164],{"type":135,"value":3165},"Standard properties",{"type":130,"tag":131,"props":3167,"children":3168},{},[3169,3171,3176,3177,3182],{"type":135,"value":3170},"TwicPics Provider complies with the documentation of ",{"type":130,"tag":138,"props":3172,"children":3173},{"href":26},[3174],{"type":135,"value":3175},"nuxt-img",{"type":135,"value":1696},{"type":130,"tag":138,"props":3178,"children":3179},{"href":29},[3180],{"type":135,"value":3181},"nuxt-picture",{"type":135,"value":1451},{"type":130,"tag":848,"props":3184,"children":3186},{"id":3185},"fit",[3187],{"type":135,"value":3185},{"type":130,"tag":131,"props":3189,"children":3190},{},[3191,3195,3197,3202,3203,3208],{"type":130,"tag":153,"props":3192,"children":3193},{"className":118},[3194],{"type":135,"value":3185},{"type":135,"value":3196}," determines how the image is resized in relation to the parameters ",{"type":130,"tag":153,"props":3198,"children":3199},{"className":118},[3200],{"type":135,"value":3201},"height",{"type":135,"value":1696},{"type":130,"tag":153,"props":3204,"children":3205},{"className":118},[3206],{"type":135,"value":3207},"width",{"type":135,"value":1451},{"type":130,"tag":131,"props":3210,"children":3211},{},[3212,3214,3226],{"type":135,"value":3213},"TwicPics Provider supports all the ",{"type":130,"tag":138,"props":3215,"children":3217},{"href":3216},"/usage/nuxt-img#fit",[3218,3220,3224],{"type":135,"value":3219},"the standard values for ",{"type":130,"tag":153,"props":3221,"children":3222},{"className":118},[3223],{"type":135,"value":3185},{"type":135,"value":3225}," property",{"type":135,"value":3227}," of Nuxt image and Nuxt picture.",{"type":130,"tag":131,"props":3229,"children":3230},{},[3231,3233,3238],{"type":135,"value":3232},"Syntax: ",{"type":130,"tag":153,"props":3234,"children":3235},{"className":118},[3236],{"type":135,"value":3237},"fit='__cover__'",{"type":135,"value":3239}," (default value)",{"type":130,"tag":131,"props":3241,"children":3242},{},[3243],{"type":135,"value":3244},"This will return a variant of your master image cropped to 300x300 while preserving aspect ratio.",{"type":130,"tag":161,"props":3246,"children":3248},{"className":517,"code":3247,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/football.jpg\"\n height=300\n width=300\n/>\n",[3249],{"type":130,"tag":153,"props":3250,"children":3251},{"__ignoreMap":118},[3252,3263,3287,3311,3327,3342],{"type":130,"tag":172,"props":3253,"children":3254},{"class":174,"line":175},[3255,3259],{"type":130,"tag":172,"props":3256,"children":3257},{"style":202},[3258],{"type":135,"value":531},{"type":130,"tag":172,"props":3260,"children":3261},{"style":212},[3262],{"type":135,"value":536},{"type":130,"tag":172,"props":3264,"children":3265},{"class":174,"line":208},[3266,3270,3274,3278,3283],{"type":130,"tag":172,"props":3267,"children":3268},{"style":539},[3269],{"type":135,"value":953},{"type":130,"tag":172,"props":3271,"children":3272},{"style":202},[3273],{"type":135,"value":547},{"type":130,"tag":172,"props":3275,"children":3276},{"style":202},[3277],{"type":135,"value":552},{"type":130,"tag":172,"props":3279,"children":3280},{"style":351},[3281],{"type":135,"value":3282},"twicpics",{"type":130,"tag":172,"props":3284,"children":3285},{"style":202},[3286],{"type":135,"value":552},{"type":130,"tag":172,"props":3288,"children":3289},{"class":174,"line":228},[3290,3294,3298,3302,3307],{"type":130,"tag":172,"props":3291,"children":3292},{"style":539},[3293],{"type":135,"value":978},{"type":130,"tag":172,"props":3295,"children":3296},{"style":202},[3297],{"type":135,"value":547},{"type":130,"tag":172,"props":3299,"children":3300},{"style":202},[3301],{"type":135,"value":552},{"type":130,"tag":172,"props":3303,"children":3304},{"style":351},[3305],{"type":135,"value":3306},"/football.jpg",{"type":130,"tag":172,"props":3308,"children":3309},{"style":202},[3310],{"type":135,"value":552},{"type":130,"tag":172,"props":3312,"children":3313},{"class":174,"line":246},[3314,3318,3322],{"type":130,"tag":172,"props":3315,"children":3316},{"style":539},[3317],{"type":135,"value":1085},{"type":130,"tag":172,"props":3319,"children":3320},{"style":202},[3321],{"type":135,"value":547},{"type":130,"tag":172,"props":3323,"children":3324},{"style":351},[3325],{"type":135,"value":3326},"300",{"type":130,"tag":172,"props":3328,"children":3329},{"class":174,"line":255},[3330,3334,3338],{"type":130,"tag":172,"props":3331,"children":3332},{"style":539},[3333],{"type":135,"value":1059},{"type":130,"tag":172,"props":3335,"children":3336},{"style":202},[3337],{"type":135,"value":547},{"type":130,"tag":172,"props":3339,"children":3340},{"style":351},[3341],{"type":135,"value":3326},{"type":130,"tag":172,"props":3343,"children":3344},{"class":174,"line":370},[3345],{"type":130,"tag":172,"props":3346,"children":3347},{"style":202},[3348],{"type":135,"value":1003},{"type":130,"tag":131,"props":3350,"children":3351},{},[3352],{"type":135,"value":3353},"This will return a variant of your master image resized to 300x300 with distortion.",{"type":130,"tag":161,"props":3355,"children":3357},{"className":517,"code":3356,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/football.jpg\"\n fit=\"resize\"\n height=300\n width=300\n/>\n",[3358],{"type":130,"tag":153,"props":3359,"children":3360},{"__ignoreMap":118},[3361,3372,3395,3418,3442,3457,3472],{"type":130,"tag":172,"props":3362,"children":3363},{"class":174,"line":175},[3364,3368],{"type":130,"tag":172,"props":3365,"children":3366},{"style":202},[3367],{"type":135,"value":531},{"type":130,"tag":172,"props":3369,"children":3370},{"style":212},[3371],{"type":135,"value":536},{"type":130,"tag":172,"props":3373,"children":3374},{"class":174,"line":208},[3375,3379,3383,3387,3391],{"type":130,"tag":172,"props":3376,"children":3377},{"style":539},[3378],{"type":135,"value":953},{"type":130,"tag":172,"props":3380,"children":3381},{"style":202},[3382],{"type":135,"value":547},{"type":130,"tag":172,"props":3384,"children":3385},{"style":202},[3386],{"type":135,"value":552},{"type":130,"tag":172,"props":3388,"children":3389},{"style":351},[3390],{"type":135,"value":3282},{"type":130,"tag":172,"props":3392,"children":3393},{"style":202},[3394],{"type":135,"value":552},{"type":130,"tag":172,"props":3396,"children":3397},{"class":174,"line":228},[3398,3402,3406,3410,3414],{"type":130,"tag":172,"props":3399,"children":3400},{"style":539},[3401],{"type":135,"value":978},{"type":130,"tag":172,"props":3403,"children":3404},{"style":202},[3405],{"type":135,"value":547},{"type":130,"tag":172,"props":3407,"children":3408},{"style":202},[3409],{"type":135,"value":552},{"type":130,"tag":172,"props":3411,"children":3412},{"style":351},[3413],{"type":135,"value":3306},{"type":130,"tag":172,"props":3415,"children":3416},{"style":202},[3417],{"type":135,"value":552},{"type":130,"tag":172,"props":3419,"children":3420},{"class":174,"line":246},[3421,3425,3429,3433,3438],{"type":130,"tag":172,"props":3422,"children":3423},{"style":539},[3424],{"type":135,"value":1565},{"type":130,"tag":172,"props":3426,"children":3427},{"style":202},[3428],{"type":135,"value":547},{"type":130,"tag":172,"props":3430,"children":3431},{"style":202},[3432],{"type":135,"value":552},{"type":130,"tag":172,"props":3434,"children":3435},{"style":351},[3436],{"type":135,"value":3437},"resize",{"type":130,"tag":172,"props":3439,"children":3440},{"style":202},[3441],{"type":135,"value":552},{"type":130,"tag":172,"props":3443,"children":3444},{"class":174,"line":255},[3445,3449,3453],{"type":130,"tag":172,"props":3446,"children":3447},{"style":539},[3448],{"type":135,"value":1085},{"type":130,"tag":172,"props":3450,"children":3451},{"style":202},[3452],{"type":135,"value":547},{"type":130,"tag":172,"props":3454,"children":3455},{"style":351},[3456],{"type":135,"value":3326},{"type":130,"tag":172,"props":3458,"children":3459},{"class":174,"line":370},[3460,3464,3468],{"type":130,"tag":172,"props":3461,"children":3462},{"style":539},[3463],{"type":135,"value":1059},{"type":130,"tag":172,"props":3465,"children":3466},{"style":202},[3467],{"type":135,"value":547},{"type":130,"tag":172,"props":3469,"children":3470},{"style":351},[3471],{"type":135,"value":3326},{"type":130,"tag":172,"props":3473,"children":3474},{"class":174,"line":378},[3475],{"type":130,"tag":172,"props":3476,"children":3477},{"style":202},[3478],{"type":135,"value":1003},{"type":130,"tag":131,"props":3480,"children":3481},{},[3482],{"type":135,"value":3483},"This will bring your image back to a 300x600 area with respect to the ratio (1:1) using letterboxing.",{"type":130,"tag":161,"props":3485,"children":3487},{"className":517,"code":3486,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n fit=\"contain\"\n height=600\n width=300\n/>\n",[3488],{"type":130,"tag":153,"props":3489,"children":3490},{"__ignoreMap":118},[3491,3502,3525,3549,3573,3588,3603],{"type":130,"tag":172,"props":3492,"children":3493},{"class":174,"line":175},[3494,3498],{"type":130,"tag":172,"props":3495,"children":3496},{"style":202},[3497],{"type":135,"value":531},{"type":130,"tag":172,"props":3499,"children":3500},{"style":212},[3501],{"type":135,"value":536},{"type":130,"tag":172,"props":3503,"children":3504},{"class":174,"line":208},[3505,3509,3513,3517,3521],{"type":130,"tag":172,"props":3506,"children":3507},{"style":539},[3508],{"type":135,"value":953},{"type":130,"tag":172,"props":3510,"children":3511},{"style":202},[3512],{"type":135,"value":547},{"type":130,"tag":172,"props":3514,"children":3515},{"style":202},[3516],{"type":135,"value":552},{"type":130,"tag":172,"props":3518,"children":3519},{"style":351},[3520],{"type":135,"value":3282},{"type":130,"tag":172,"props":3522,"children":3523},{"style":202},[3524],{"type":135,"value":552},{"type":130,"tag":172,"props":3526,"children":3527},{"class":174,"line":228},[3528,3532,3536,3540,3545],{"type":130,"tag":172,"props":3529,"children":3530},{"style":539},[3531],{"type":135,"value":978},{"type":130,"tag":172,"props":3533,"children":3534},{"style":202},[3535],{"type":135,"value":547},{"type":130,"tag":172,"props":3537,"children":3538},{"style":202},[3539],{"type":135,"value":552},{"type":130,"tag":172,"props":3541,"children":3542},{"style":351},[3543],{"type":135,"value":3544},"/cat_1x1.jpg",{"type":130,"tag":172,"props":3546,"children":3547},{"style":202},[3548],{"type":135,"value":552},{"type":130,"tag":172,"props":3550,"children":3551},{"class":174,"line":246},[3552,3556,3560,3564,3569],{"type":130,"tag":172,"props":3553,"children":3554},{"style":539},[3555],{"type":135,"value":1565},{"type":130,"tag":172,"props":3557,"children":3558},{"style":202},[3559],{"type":135,"value":547},{"type":130,"tag":172,"props":3561,"children":3562},{"style":202},[3563],{"type":135,"value":552},{"type":130,"tag":172,"props":3565,"children":3566},{"style":351},[3567],{"type":135,"value":3568},"contain",{"type":130,"tag":172,"props":3570,"children":3571},{"style":202},[3572],{"type":135,"value":552},{"type":130,"tag":172,"props":3574,"children":3575},{"class":174,"line":255},[3576,3580,3584],{"type":130,"tag":172,"props":3577,"children":3578},{"style":539},[3579],{"type":135,"value":1085},{"type":130,"tag":172,"props":3581,"children":3582},{"style":202},[3583],{"type":135,"value":547},{"type":130,"tag":172,"props":3585,"children":3586},{"style":351},[3587],{"type":135,"value":2215},{"type":130,"tag":172,"props":3589,"children":3590},{"class":174,"line":370},[3591,3595,3599],{"type":130,"tag":172,"props":3592,"children":3593},{"style":539},[3594],{"type":135,"value":1059},{"type":130,"tag":172,"props":3596,"children":3597},{"style":202},[3598],{"type":135,"value":547},{"type":130,"tag":172,"props":3600,"children":3601},{"style":351},[3602],{"type":135,"value":3326},{"type":130,"tag":172,"props":3604,"children":3605},{"class":174,"line":378},[3606],{"type":130,"tag":172,"props":3607,"children":3608},{"style":202},[3609],{"type":135,"value":1003},{"type":130,"tag":131,"props":3611,"children":3612},{},[3613,3615,3621],{"type":135,"value":3614},"The letterboxing strips are transparent areas. Feel free to select the color of your choice by using the ",{"type":130,"tag":138,"props":3616,"children":3618},{"href":3617},"#background",[3619],{"type":135,"value":3620},"background",{"type":135,"value":3622}," property.",{"type":130,"tag":161,"props":3624,"children":3626},{"className":517,"code":3625,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n fit=\"contain\"\n height=600\n width=300\n background: \"red\"\n/>\n",[3627],{"type":130,"tag":153,"props":3628,"children":3629},{"__ignoreMap":118},[3630,3641,3664,3687,3710,3725,3740,3753],{"type":130,"tag":172,"props":3631,"children":3632},{"class":174,"line":175},[3633,3637],{"type":130,"tag":172,"props":3634,"children":3635},{"style":202},[3636],{"type":135,"value":531},{"type":130,"tag":172,"props":3638,"children":3639},{"style":212},[3640],{"type":135,"value":536},{"type":130,"tag":172,"props":3642,"children":3643},{"class":174,"line":208},[3644,3648,3652,3656,3660],{"type":130,"tag":172,"props":3645,"children":3646},{"style":539},[3647],{"type":135,"value":953},{"type":130,"tag":172,"props":3649,"children":3650},{"style":202},[3651],{"type":135,"value":547},{"type":130,"tag":172,"props":3653,"children":3654},{"style":202},[3655],{"type":135,"value":552},{"type":130,"tag":172,"props":3657,"children":3658},{"style":351},[3659],{"type":135,"value":3282},{"type":130,"tag":172,"props":3661,"children":3662},{"style":202},[3663],{"type":135,"value":552},{"type":130,"tag":172,"props":3665,"children":3666},{"class":174,"line":228},[3667,3671,3675,3679,3683],{"type":130,"tag":172,"props":3668,"children":3669},{"style":539},[3670],{"type":135,"value":978},{"type":130,"tag":172,"props":3672,"children":3673},{"style":202},[3674],{"type":135,"value":547},{"type":130,"tag":172,"props":3676,"children":3677},{"style":202},[3678],{"type":135,"value":552},{"type":130,"tag":172,"props":3680,"children":3681},{"style":351},[3682],{"type":135,"value":3544},{"type":130,"tag":172,"props":3684,"children":3685},{"style":202},[3686],{"type":135,"value":552},{"type":130,"tag":172,"props":3688,"children":3689},{"class":174,"line":246},[3690,3694,3698,3702,3706],{"type":130,"tag":172,"props":3691,"children":3692},{"style":539},[3693],{"type":135,"value":1565},{"type":130,"tag":172,"props":3695,"children":3696},{"style":202},[3697],{"type":135,"value":547},{"type":130,"tag":172,"props":3699,"children":3700},{"style":202},[3701],{"type":135,"value":552},{"type":130,"tag":172,"props":3703,"children":3704},{"style":351},[3705],{"type":135,"value":3568},{"type":130,"tag":172,"props":3707,"children":3708},{"style":202},[3709],{"type":135,"value":552},{"type":130,"tag":172,"props":3711,"children":3712},{"class":174,"line":255},[3713,3717,3721],{"type":130,"tag":172,"props":3714,"children":3715},{"style":539},[3716],{"type":135,"value":1085},{"type":130,"tag":172,"props":3718,"children":3719},{"style":202},[3720],{"type":135,"value":547},{"type":130,"tag":172,"props":3722,"children":3723},{"style":351},[3724],{"type":135,"value":2215},{"type":130,"tag":172,"props":3726,"children":3727},{"class":174,"line":370},[3728,3732,3736],{"type":130,"tag":172,"props":3729,"children":3730},{"style":539},[3731],{"type":135,"value":1059},{"type":130,"tag":172,"props":3733,"children":3734},{"style":202},[3735],{"type":135,"value":547},{"type":130,"tag":172,"props":3737,"children":3738},{"style":351},[3739],{"type":135,"value":3326},{"type":130,"tag":172,"props":3741,"children":3742},{"class":174,"line":378},[3743,3748],{"type":130,"tag":172,"props":3744,"children":3745},{"style":539},[3746],{"type":135,"value":3747}," background:",{"type":130,"tag":172,"props":3749,"children":3750},{"style":202},[3751],{"type":135,"value":3752}," \"red\"",{"type":130,"tag":172,"props":3754,"children":3755},{"class":174,"line":1041},[3756],{"type":130,"tag":172,"props":3757,"children":3758},{"style":202},[3759],{"type":135,"value":1003},{"type":130,"tag":848,"props":3761,"children":3762},{"id":1663},[3763],{"type":135,"value":1663},{"type":130,"tag":131,"props":3765,"children":3766},{},[3767,3769,3774,3776,3780],{"type":135,"value":3768},"Specifies the output format. It can be an image format or a preview format. By default, ",{"type":130,"tag":138,"props":3770,"children":3772},{"href":2872,"rel":3771},[142],[3773],{"type":135,"value":3015},{"type":135,"value":3775}," will \"guess\" the best output format for the requesting browser, but you can use ",{"type":130,"tag":153,"props":3777,"children":3778},{"className":118},[3779],{"type":135,"value":1663},{"type":135,"value":3781}," to change this behavior.",{"type":130,"tag":131,"props":3783,"children":3784},{},[3785,3786],{"type":135,"value":3232},{"type":130,"tag":153,"props":3787,"children":3788},{"className":118},[3789],{"type":135,"value":3790},"format='avif'|'heif'|'jpeg'|'png'|__'webp'__",{"type":130,"tag":131,"props":3792,"children":3793},{},[3794,3799,3801,3806],{"type":130,"tag":138,"props":3795,"children":3797},{"href":2913,"rel":3796},[142],[3798],{"type":135,"value":2920},{"type":135,"value":3800}," is the default format provided by ",{"type":130,"tag":138,"props":3802,"children":3804},{"href":2872,"rel":3803},[142],[3805],{"type":135,"value":3015},{"type":135,"value":3807}," (if the browser supports it).",{"type":130,"tag":131,"props":3809,"children":3810},{},[3811],{"type":135,"value":3812},"Examples:",{"type":130,"tag":131,"props":3814,"children":3815},{},[3816,3818,3822],{"type":135,"value":3817},"This will return a variant of your image in ",{"type":130,"tag":153,"props":3819,"children":3820},{"className":118},[3821],{"type":135,"value":2932},{"type":135,"value":3823}," format.",{"type":130,"tag":161,"props":3825,"children":3827},{"className":517,"code":3826,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n format=\"avif\"\n/>\n",[3828],{"type":130,"tag":153,"props":3829,"children":3830},{"__ignoreMap":118},[3831,3842,3865,3888,3911],{"type":130,"tag":172,"props":3832,"children":3833},{"class":174,"line":175},[3834,3838],{"type":130,"tag":172,"props":3835,"children":3836},{"style":202},[3837],{"type":135,"value":531},{"type":130,"tag":172,"props":3839,"children":3840},{"style":212},[3841],{"type":135,"value":536},{"type":130,"tag":172,"props":3843,"children":3844},{"class":174,"line":208},[3845,3849,3853,3857,3861],{"type":130,"tag":172,"props":3846,"children":3847},{"style":539},[3848],{"type":135,"value":953},{"type":130,"tag":172,"props":3850,"children":3851},{"style":202},[3852],{"type":135,"value":547},{"type":130,"tag":172,"props":3854,"children":3855},{"style":202},[3856],{"type":135,"value":552},{"type":130,"tag":172,"props":3858,"children":3859},{"style":351},[3860],{"type":135,"value":3282},{"type":130,"tag":172,"props":3862,"children":3863},{"style":202},[3864],{"type":135,"value":552},{"type":130,"tag":172,"props":3866,"children":3867},{"class":174,"line":228},[3868,3872,3876,3880,3884],{"type":130,"tag":172,"props":3869,"children":3870},{"style":539},[3871],{"type":135,"value":978},{"type":130,"tag":172,"props":3873,"children":3874},{"style":202},[3875],{"type":135,"value":547},{"type":130,"tag":172,"props":3877,"children":3878},{"style":202},[3879],{"type":135,"value":552},{"type":130,"tag":172,"props":3881,"children":3882},{"style":351},[3883],{"type":135,"value":3544},{"type":130,"tag":172,"props":3885,"children":3886},{"style":202},[3887],{"type":135,"value":552},{"type":130,"tag":172,"props":3889,"children":3890},{"class":174,"line":246},[3891,3895,3899,3903,3907],{"type":130,"tag":172,"props":3892,"children":3893},{"style":539},[3894],{"type":135,"value":1786},{"type":130,"tag":172,"props":3896,"children":3897},{"style":202},[3898],{"type":135,"value":547},{"type":130,"tag":172,"props":3900,"children":3901},{"style":202},[3902],{"type":135,"value":552},{"type":130,"tag":172,"props":3904,"children":3905},{"style":351},[3906],{"type":135,"value":2932},{"type":130,"tag":172,"props":3908,"children":3909},{"style":202},[3910],{"type":135,"value":552},{"type":130,"tag":172,"props":3912,"children":3913},{"class":174,"line":255},[3914],{"type":130,"tag":172,"props":3915,"children":3916},{"style":202},[3917],{"type":135,"value":1003},{"type":130,"tag":131,"props":3919,"children":3920},{},[3921,3923,3928],{"type":135,"value":3922},"This will return a blurry preview of your image in ",{"type":130,"tag":153,"props":3924,"children":3925},{"className":118},[3926],{"type":135,"value":3927},"svg",{"type":135,"value":3823},{"type":130,"tag":161,"props":3930,"children":3932},{"className":517,"code":3931,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n format=\"preview\"\n/>\n",[3933],{"type":130,"tag":153,"props":3934,"children":3935},{"__ignoreMap":118},[3936,3947,3970,3993,4017],{"type":130,"tag":172,"props":3937,"children":3938},{"class":174,"line":175},[3939,3943],{"type":130,"tag":172,"props":3940,"children":3941},{"style":202},[3942],{"type":135,"value":531},{"type":130,"tag":172,"props":3944,"children":3945},{"style":212},[3946],{"type":135,"value":536},{"type":130,"tag":172,"props":3948,"children":3949},{"class":174,"line":208},[3950,3954,3958,3962,3966],{"type":130,"tag":172,"props":3951,"children":3952},{"style":539},[3953],{"type":135,"value":953},{"type":130,"tag":172,"props":3955,"children":3956},{"style":202},[3957],{"type":135,"value":547},{"type":130,"tag":172,"props":3959,"children":3960},{"style":202},[3961],{"type":135,"value":552},{"type":130,"tag":172,"props":3963,"children":3964},{"style":351},[3965],{"type":135,"value":3282},{"type":130,"tag":172,"props":3967,"children":3968},{"style":202},[3969],{"type":135,"value":552},{"type":130,"tag":172,"props":3971,"children":3972},{"class":174,"line":228},[3973,3977,3981,3985,3989],{"type":130,"tag":172,"props":3974,"children":3975},{"style":539},[3976],{"type":135,"value":978},{"type":130,"tag":172,"props":3978,"children":3979},{"style":202},[3980],{"type":135,"value":547},{"type":130,"tag":172,"props":3982,"children":3983},{"style":202},[3984],{"type":135,"value":552},{"type":130,"tag":172,"props":3986,"children":3987},{"style":351},[3988],{"type":135,"value":3544},{"type":130,"tag":172,"props":3990,"children":3991},{"style":202},[3992],{"type":135,"value":552},{"type":130,"tag":172,"props":3994,"children":3995},{"class":174,"line":246},[3996,4000,4004,4008,4013],{"type":130,"tag":172,"props":3997,"children":3998},{"style":539},[3999],{"type":135,"value":1786},{"type":130,"tag":172,"props":4001,"children":4002},{"style":202},[4003],{"type":135,"value":547},{"type":130,"tag":172,"props":4005,"children":4006},{"style":202},[4007],{"type":135,"value":552},{"type":130,"tag":172,"props":4009,"children":4010},{"style":351},[4011],{"type":135,"value":4012},"preview",{"type":130,"tag":172,"props":4014,"children":4015},{"style":202},[4016],{"type":135,"value":552},{"type":130,"tag":172,"props":4018,"children":4019},{"class":174,"line":255},[4020],{"type":130,"tag":172,"props":4021,"children":4022},{"style":202},[4023],{"type":135,"value":1003},{"type":130,"tag":131,"props":4025,"children":4026},{},[4027,4029,4036],{"type":135,"value":4028},"More informations ",{"type":130,"tag":138,"props":4030,"children":4033},{"href":4031,"rel":4032},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#output",[142],[4034],{"type":135,"value":4035},"about format here",{"type":135,"value":1451},{"type":130,"tag":848,"props":4038,"children":4039},{"id":1858},[4040],{"type":135,"value":1858},{"type":130,"tag":131,"props":4042,"children":4043},{},[4044],{"type":135,"value":4045},"Specifies the output quality as a number between 1 (poor quality) and 100 (best quality).",{"type":130,"tag":131,"props":4047,"children":4048},{},[4049,4050,4055],{"type":135,"value":3232},{"type":130,"tag":153,"props":4051,"children":4052},{"className":118},[4053],{"type":135,"value":4054},"quality=",{"type":130,"tag":138,"props":4056,"children":4059},{"href":4057,"rel":4058},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#number",[142],[4060],{"type":130,"tag":153,"props":4061,"children":4062},{"className":118},[4063],{"type":135,"value":4064},"number",{"type":130,"tag":131,"props":4066,"children":4067},{},[4068,4073,4075,4079],{"type":130,"tag":138,"props":4069,"children":4071},{"href":2872,"rel":4070},[142],[4072],{"type":135,"value":3015},{"type":135,"value":4074}," considers ",{"type":130,"tag":153,"props":4076,"children":4077},{"className":118},[4078],{"type":135,"value":1858},{"type":135,"value":4080},"=70 as default value.",{"type":130,"tag":131,"props":4082,"children":4083},{},[4084,4089],{"type":130,"tag":413,"props":4085,"children":4086},{},[4087],{"type":135,"value":4088},"NB",{"type":135,"value":4090},": TwicPics automatically manages the returned quality according to the network performance for an optimized display speed even in difficult conditions.",{"type":130,"tag":131,"props":4092,"children":4093},{},[4094,4098,4100,4104],{"type":130,"tag":413,"props":4095,"children":4096},{},[4097],{"type":135,"value":4088},{"type":135,"value":4099}," : when Data Saver is activated (android mobile only), default ",{"type":130,"tag":153,"props":4101,"children":4102},{"className":118},[4103],{"type":135,"value":1858},{"type":135,"value":4105},"=10.",{"type":130,"tag":131,"props":4107,"children":4108},{},[4109],{"type":135,"value":892},{"type":130,"tag":161,"props":4111,"children":4113},{"className":517,"code":4112,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n quality=1\n/>\n",[4114],{"type":130,"tag":153,"props":4115,"children":4116},{"__ignoreMap":118},[4117,4128,4151,4174,4190],{"type":130,"tag":172,"props":4118,"children":4119},{"class":174,"line":175},[4120,4124],{"type":130,"tag":172,"props":4121,"children":4122},{"style":202},[4123],{"type":135,"value":531},{"type":130,"tag":172,"props":4125,"children":4126},{"style":212},[4127],{"type":135,"value":536},{"type":130,"tag":172,"props":4129,"children":4130},{"class":174,"line":208},[4131,4135,4139,4143,4147],{"type":130,"tag":172,"props":4132,"children":4133},{"style":539},[4134],{"type":135,"value":953},{"type":130,"tag":172,"props":4136,"children":4137},{"style":202},[4138],{"type":135,"value":547},{"type":130,"tag":172,"props":4140,"children":4141},{"style":202},[4142],{"type":135,"value":552},{"type":130,"tag":172,"props":4144,"children":4145},{"style":351},[4146],{"type":135,"value":3282},{"type":130,"tag":172,"props":4148,"children":4149},{"style":202},[4150],{"type":135,"value":552},{"type":130,"tag":172,"props":4152,"children":4153},{"class":174,"line":228},[4154,4158,4162,4166,4170],{"type":130,"tag":172,"props":4155,"children":4156},{"style":539},[4157],{"type":135,"value":978},{"type":130,"tag":172,"props":4159,"children":4160},{"style":202},[4161],{"type":135,"value":547},{"type":130,"tag":172,"props":4163,"children":4164},{"style":202},[4165],{"type":135,"value":552},{"type":130,"tag":172,"props":4167,"children":4168},{"style":351},[4169],{"type":135,"value":3544},{"type":130,"tag":172,"props":4171,"children":4172},{"style":202},[4173],{"type":135,"value":552},{"type":130,"tag":172,"props":4175,"children":4176},{"class":174,"line":246},[4177,4181,4185],{"type":130,"tag":172,"props":4178,"children":4179},{"style":539},[4180],{"type":135,"value":2023},{"type":130,"tag":172,"props":4182,"children":4183},{"style":202},[4184],{"type":135,"value":547},{"type":130,"tag":172,"props":4186,"children":4187},{"style":351},[4188],{"type":135,"value":4189},"1",{"type":130,"tag":172,"props":4191,"children":4192},{"class":174,"line":255},[4193],{"type":130,"tag":172,"props":4194,"children":4195},{"style":202},[4196],{"type":135,"value":1003},{"type":130,"tag":131,"props":4198,"children":4199},{},[4200,4201,4208],{"type":135,"value":4028},{"type":130,"tag":138,"props":4202,"children":4205},{"href":4203,"rel":4204},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=quality#truecolor",[142],[4206],{"type":135,"value":4207},"about quality here",{"type":135,"value":1451},{"type":130,"tag":848,"props":4210,"children":4211},{"id":3620},[4212],{"type":135,"value":3620},{"type":130,"tag":131,"props":4214,"children":4215},{},[4216,4220],{"type":130,"tag":153,"props":4217,"children":4218},{"className":118},[4219],{"type":135,"value":3620},{"type":135,"value":4221}," 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":130,"tag":131,"props":4223,"children":4224},{},[4225,4226,4231],{"type":135,"value":3232},{"type":130,"tag":153,"props":4227,"children":4228},{"className":118},[4229],{"type":135,"value":4230},"background=",{"type":130,"tag":138,"props":4232,"children":4235},{"href":4233,"rel":4234},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#color",[142],[4236],{"type":130,"tag":153,"props":4237,"children":4238},{"className":118},[4239],{"type":135,"value":4240},"color",{"type":130,"tag":131,"props":4242,"children":4243},{},[4244],{"type":135,"value":892},{"type":130,"tag":161,"props":4246,"children":4248},{"className":517,"code":4247,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/icon-500.png\"\n background=\"red\"\n/>\n",[4249],{"type":130,"tag":153,"props":4250,"children":4251},{"__ignoreMap":118},[4252,4263,4286,4310,4335],{"type":130,"tag":172,"props":4253,"children":4254},{"class":174,"line":175},[4255,4259],{"type":130,"tag":172,"props":4256,"children":4257},{"style":202},[4258],{"type":135,"value":531},{"type":130,"tag":172,"props":4260,"children":4261},{"style":212},[4262],{"type":135,"value":536},{"type":130,"tag":172,"props":4264,"children":4265},{"class":174,"line":208},[4266,4270,4274,4278,4282],{"type":130,"tag":172,"props":4267,"children":4268},{"style":539},[4269],{"type":135,"value":953},{"type":130,"tag":172,"props":4271,"children":4272},{"style":202},[4273],{"type":135,"value":547},{"type":130,"tag":172,"props":4275,"children":4276},{"style":202},[4277],{"type":135,"value":552},{"type":130,"tag":172,"props":4279,"children":4280},{"style":351},[4281],{"type":135,"value":3282},{"type":130,"tag":172,"props":4283,"children":4284},{"style":202},[4285],{"type":135,"value":552},{"type":130,"tag":172,"props":4287,"children":4288},{"class":174,"line":228},[4289,4293,4297,4301,4306],{"type":130,"tag":172,"props":4290,"children":4291},{"style":539},[4292],{"type":135,"value":978},{"type":130,"tag":172,"props":4294,"children":4295},{"style":202},[4296],{"type":135,"value":547},{"type":130,"tag":172,"props":4298,"children":4299},{"style":202},[4300],{"type":135,"value":552},{"type":130,"tag":172,"props":4302,"children":4303},{"style":351},[4304],{"type":135,"value":4305},"/icon-500.png",{"type":130,"tag":172,"props":4307,"children":4308},{"style":202},[4309],{"type":135,"value":552},{"type":130,"tag":172,"props":4311,"children":4312},{"class":174,"line":246},[4313,4318,4322,4326,4331],{"type":130,"tag":172,"props":4314,"children":4315},{"style":539},[4316],{"type":135,"value":4317}," background",{"type":130,"tag":172,"props":4319,"children":4320},{"style":202},[4321],{"type":135,"value":547},{"type":130,"tag":172,"props":4323,"children":4324},{"style":202},[4325],{"type":135,"value":552},{"type":130,"tag":172,"props":4327,"children":4328},{"style":351},[4329],{"type":135,"value":4330},"red",{"type":130,"tag":172,"props":4332,"children":4333},{"style":202},[4334],{"type":135,"value":552},{"type":130,"tag":172,"props":4336,"children":4337},{"class":174,"line":255},[4338],{"type":130,"tag":172,"props":4339,"children":4340},{"style":202},[4341],{"type":135,"value":1003},{"type":130,"tag":161,"props":4343,"children":4345},{"className":517,"code":4344,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n fit=\"contain\"\n height=600\n width=300\n background: 'red'\n/>\n",[4346],{"type":130,"tag":153,"props":4347,"children":4348},{"__ignoreMap":118},[4349,4360,4383,4406,4429,4444,4459,4471],{"type":130,"tag":172,"props":4350,"children":4351},{"class":174,"line":175},[4352,4356],{"type":130,"tag":172,"props":4353,"children":4354},{"style":202},[4355],{"type":135,"value":531},{"type":130,"tag":172,"props":4357,"children":4358},{"style":212},[4359],{"type":135,"value":536},{"type":130,"tag":172,"props":4361,"children":4362},{"class":174,"line":208},[4363,4367,4371,4375,4379],{"type":130,"tag":172,"props":4364,"children":4365},{"style":539},[4366],{"type":135,"value":953},{"type":130,"tag":172,"props":4368,"children":4369},{"style":202},[4370],{"type":135,"value":547},{"type":130,"tag":172,"props":4372,"children":4373},{"style":202},[4374],{"type":135,"value":552},{"type":130,"tag":172,"props":4376,"children":4377},{"style":351},[4378],{"type":135,"value":3282},{"type":130,"tag":172,"props":4380,"children":4381},{"style":202},[4382],{"type":135,"value":552},{"type":130,"tag":172,"props":4384,"children":4385},{"class":174,"line":228},[4386,4390,4394,4398,4402],{"type":130,"tag":172,"props":4387,"children":4388},{"style":539},[4389],{"type":135,"value":978},{"type":130,"tag":172,"props":4391,"children":4392},{"style":202},[4393],{"type":135,"value":547},{"type":130,"tag":172,"props":4395,"children":4396},{"style":202},[4397],{"type":135,"value":552},{"type":130,"tag":172,"props":4399,"children":4400},{"style":351},[4401],{"type":135,"value":3544},{"type":130,"tag":172,"props":4403,"children":4404},{"style":202},[4405],{"type":135,"value":552},{"type":130,"tag":172,"props":4407,"children":4408},{"class":174,"line":246},[4409,4413,4417,4421,4425],{"type":130,"tag":172,"props":4410,"children":4411},{"style":539},[4412],{"type":135,"value":1565},{"type":130,"tag":172,"props":4414,"children":4415},{"style":202},[4416],{"type":135,"value":547},{"type":130,"tag":172,"props":4418,"children":4419},{"style":202},[4420],{"type":135,"value":552},{"type":130,"tag":172,"props":4422,"children":4423},{"style":351},[4424],{"type":135,"value":3568},{"type":130,"tag":172,"props":4426,"children":4427},{"style":202},[4428],{"type":135,"value":552},{"type":130,"tag":172,"props":4430,"children":4431},{"class":174,"line":255},[4432,4436,4440],{"type":130,"tag":172,"props":4433,"children":4434},{"style":539},[4435],{"type":135,"value":1085},{"type":130,"tag":172,"props":4437,"children":4438},{"style":202},[4439],{"type":135,"value":547},{"type":130,"tag":172,"props":4441,"children":4442},{"style":351},[4443],{"type":135,"value":2215},{"type":130,"tag":172,"props":4445,"children":4446},{"class":174,"line":370},[4447,4451,4455],{"type":130,"tag":172,"props":4448,"children":4449},{"style":539},[4450],{"type":135,"value":1059},{"type":130,"tag":172,"props":4452,"children":4453},{"style":202},[4454],{"type":135,"value":547},{"type":130,"tag":172,"props":4456,"children":4457},{"style":351},[4458],{"type":135,"value":3326},{"type":130,"tag":172,"props":4460,"children":4461},{"class":174,"line":378},[4462,4466],{"type":130,"tag":172,"props":4463,"children":4464},{"style":539},[4465],{"type":135,"value":3747},{"type":130,"tag":172,"props":4467,"children":4468},{"style":202},[4469],{"type":135,"value":4470}," 'red'",{"type":130,"tag":172,"props":4472,"children":4473},{"class":174,"line":1041},[4474],{"type":130,"tag":172,"props":4475,"children":4476},{"style":202},[4477],{"type":135,"value":1003},{"type":130,"tag":131,"props":4479,"children":4480},{},[4481,4482,4489],{"type":135,"value":4028},{"type":130,"tag":138,"props":4483,"children":4486},{"href":4484,"rel":4485},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#background",[142],[4487],{"type":135,"value":4488},"about background here",{"type":135,"value":1451},{"type":130,"tag":389,"props":4491,"children":4493},{"id":4492},"twicpics-modifiers",[4494],{"type":135,"value":4495},"TwicPics modifiers",{"type":130,"tag":131,"props":4497,"children":4498},{},[4499,4501,4505,4507,4511,4513,4517],{"type":135,"value":4500},"In addition to the standard parameters, the specific features of the TwicPics API are accessible via the ",{"type":130,"tag":153,"props":4502,"children":4503},{"className":118},[4504],{"type":135,"value":391},{"type":135,"value":4506}," prop of ",{"type":130,"tag":153,"props":4508,"children":4509},{"className":118},[4510],{"type":135,"value":3175},{"type":135,"value":4512}," or ",{"type":130,"tag":153,"props":4514,"children":4515},{"className":118},[4516],{"type":135,"value":3181},{"type":135,"value":1451},{"type":130,"tag":161,"props":4519,"children":4521},{"className":517,"code":4520,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/path-to-nuxt-demo.jpg\"\n ...\n standard props\n ...\n :modifiers=\"{key_1: value_1, ..., key_n: value_n}\"\n/>\n",[4522],{"type":130,"tag":153,"props":4523,"children":4524},{"__ignoreMap":118},[4525,4536,4559,4583,4591,4604,4611,4635],{"type":130,"tag":172,"props":4526,"children":4527},{"class":174,"line":175},[4528,4532],{"type":130,"tag":172,"props":4529,"children":4530},{"style":202},[4531],{"type":135,"value":531},{"type":130,"tag":172,"props":4533,"children":4534},{"style":212},[4535],{"type":135,"value":536},{"type":130,"tag":172,"props":4537,"children":4538},{"class":174,"line":208},[4539,4543,4547,4551,4555],{"type":130,"tag":172,"props":4540,"children":4541},{"style":539},[4542],{"type":135,"value":953},{"type":130,"tag":172,"props":4544,"children":4545},{"style":202},[4546],{"type":135,"value":547},{"type":130,"tag":172,"props":4548,"children":4549},{"style":202},[4550],{"type":135,"value":552},{"type":130,"tag":172,"props":4552,"children":4553},{"style":351},[4554],{"type":135,"value":3282},{"type":130,"tag":172,"props":4556,"children":4557},{"style":202},[4558],{"type":135,"value":552},{"type":130,"tag":172,"props":4560,"children":4561},{"class":174,"line":228},[4562,4566,4570,4574,4579],{"type":130,"tag":172,"props":4563,"children":4564},{"style":539},[4565],{"type":135,"value":978},{"type":130,"tag":172,"props":4567,"children":4568},{"style":202},[4569],{"type":135,"value":547},{"type":130,"tag":172,"props":4571,"children":4572},{"style":202},[4573],{"type":135,"value":552},{"type":130,"tag":172,"props":4575,"children":4576},{"style":351},[4577],{"type":135,"value":4578},"/path-to-nuxt-demo.jpg",{"type":130,"tag":172,"props":4580,"children":4581},{"style":202},[4582],{"type":135,"value":552},{"type":130,"tag":172,"props":4584,"children":4585},{"class":174,"line":246},[4586],{"type":130,"tag":172,"props":4587,"children":4588},{"style":539},[4589],{"type":135,"value":4590}," ...",{"type":130,"tag":172,"props":4592,"children":4593},{"class":174,"line":255},[4594,4599],{"type":130,"tag":172,"props":4595,"children":4596},{"style":539},[4597],{"type":135,"value":4598}," standard",{"type":130,"tag":172,"props":4600,"children":4601},{"style":539},[4602],{"type":135,"value":4603}," props",{"type":130,"tag":172,"props":4605,"children":4606},{"class":174,"line":370},[4607],{"type":130,"tag":172,"props":4608,"children":4609},{"style":539},[4610],{"type":135,"value":4590},{"type":130,"tag":172,"props":4612,"children":4613},{"class":174,"line":378},[4614,4618,4622,4626,4631],{"type":130,"tag":172,"props":4615,"children":4616},{"style":539},[4617],{"type":135,"value":1590},{"type":130,"tag":172,"props":4619,"children":4620},{"style":202},[4621],{"type":135,"value":547},{"type":130,"tag":172,"props":4623,"children":4624},{"style":202},[4625],{"type":135,"value":552},{"type":130,"tag":172,"props":4627,"children":4628},{"style":351},[4629],{"type":135,"value":4630},"{key_1: value_1, ..., key_n: value_n}",{"type":130,"tag":172,"props":4632,"children":4633},{"style":202},[4634],{"type":135,"value":552},{"type":130,"tag":172,"props":4636,"children":4637},{"class":174,"line":1041},[4638],{"type":130,"tag":172,"props":4639,"children":4640},{"style":202},[4641],{"type":135,"value":1003},{"type":130,"tag":131,"props":4643,"children":4644},{},[4645,4652],{"type":130,"tag":138,"props":4646,"children":4649},{"href":4647,"rel":4648},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider",[142],[4650],{"type":135,"value":4651},"A complete list of these features and their uses is accessible here",{"type":135,"value":1451},{"type":130,"tag":848,"props":4654,"children":4655},{"id":2972},[4656],{"type":135,"value":2972},{"type":130,"tag":131,"props":4658,"children":4659},{},[4660,4664,4666,4670],{"type":130,"tag":153,"props":4661,"children":4662},{"className":118},[4663],{"type":135,"value":2972},{"type":135,"value":4665}," will extract a zone from the image which size is the given ",{"type":130,"tag":153,"props":4667,"children":4668},{"className":118},[4669],{"type":135,"value":2972},{"type":135,"value":4671}," 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":130,"tag":131,"props":4673,"children":4674},{},[4675,4676,4681,4691,4701],{"type":135,"value":3232},{"type":130,"tag":153,"props":4677,"children":4678},{"className":118},[4679],{"type":135,"value":4680},"{ crop: ",{"type":130,"tag":138,"props":4682,"children":4685},{"href":4683,"rel":4684},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop-size",[142],[4686],{"type":130,"tag":153,"props":4687,"children":4688},{"className":118},[4689],{"type":135,"value":4690},"size",{"type":130,"tag":138,"props":4692,"children":4695},{"href":4693,"rel":4694},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#coordinates",[142],[4696],{"type":130,"tag":153,"props":4697,"children":4698},{"className":118},[4699],{"type":135,"value":4700},"@coordinates",{"type":130,"tag":153,"props":4702,"children":4703},{"className":118},[4704],{"type":135,"value":4705}," }",{"type":130,"tag":161,"props":4707,"children":4709},{"className":517,"code":4708,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat.jpg\"\n :modifiers=\"{crop:'500x100'}\" \u003C!-- no coordinates given -->\n/>\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat.jpg\"\n :modifiers=\"{crop:'500x100@700x400'}\" \u003C!-- passing coordinates -->\n/>\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat.jpg\"\n :modifiers=\"{focus:'auto', crop:'500x100'}\" \u003C!-- using focus auto -->\n/>\n",[4710],{"type":130,"tag":153,"props":4711,"children":4712},{"__ignoreMap":118},[4713,4724,4747,4771,4824,4831,4842,4865,4888,4933,4940,4951,4974,4997,5048],{"type":130,"tag":172,"props":4714,"children":4715},{"class":174,"line":175},[4716,4720],{"type":130,"tag":172,"props":4717,"children":4718},{"style":202},[4719],{"type":135,"value":531},{"type":130,"tag":172,"props":4721,"children":4722},{"style":212},[4723],{"type":135,"value":536},{"type":130,"tag":172,"props":4725,"children":4726},{"class":174,"line":208},[4727,4731,4735,4739,4743],{"type":130,"tag":172,"props":4728,"children":4729},{"style":539},[4730],{"type":135,"value":953},{"type":130,"tag":172,"props":4732,"children":4733},{"style":202},[4734],{"type":135,"value":547},{"type":130,"tag":172,"props":4736,"children":4737},{"style":202},[4738],{"type":135,"value":552},{"type":130,"tag":172,"props":4740,"children":4741},{"style":351},[4742],{"type":135,"value":3282},{"type":130,"tag":172,"props":4744,"children":4745},{"style":202},[4746],{"type":135,"value":552},{"type":130,"tag":172,"props":4748,"children":4749},{"class":174,"line":228},[4750,4754,4758,4762,4767],{"type":130,"tag":172,"props":4751,"children":4752},{"style":539},[4753],{"type":135,"value":978},{"type":130,"tag":172,"props":4755,"children":4756},{"style":202},[4757],{"type":135,"value":547},{"type":130,"tag":172,"props":4759,"children":4760},{"style":202},[4761],{"type":135,"value":552},{"type":130,"tag":172,"props":4763,"children":4764},{"style":351},[4765],{"type":135,"value":4766},"/cat.jpg",{"type":130,"tag":172,"props":4768,"children":4769},{"style":202},[4770],{"type":135,"value":552},{"type":130,"tag":172,"props":4772,"children":4773},{"class":174,"line":246},[4774,4778,4782,4786,4791,4795,4800,4805,4810,4815,4820],{"type":130,"tag":172,"props":4775,"children":4776},{"style":539},[4777],{"type":135,"value":1590},{"type":130,"tag":172,"props":4779,"children":4780},{"style":202},[4781],{"type":135,"value":547},{"type":130,"tag":172,"props":4783,"children":4784},{"style":202},[4785],{"type":135,"value":552},{"type":130,"tag":172,"props":4787,"children":4788},{"style":351},[4789],{"type":135,"value":4790},"{crop:'500x100'}",{"type":130,"tag":172,"props":4792,"children":4793},{"style":202},[4794],{"type":135,"value":552},{"type":130,"tag":172,"props":4796,"children":4797},{"style":202},[4798],{"type":135,"value":4799}," \u003C!-- ",{"type":130,"tag":172,"props":4801,"children":4802},{"style":539},[4803],{"type":135,"value":4804},"no",{"type":130,"tag":172,"props":4806,"children":4807},{"style":539},[4808],{"type":135,"value":4809}," coordinates",{"type":130,"tag":172,"props":4811,"children":4812},{"style":539},[4813],{"type":135,"value":4814}," given",{"type":130,"tag":172,"props":4816,"children":4817},{"style":539},[4818],{"type":135,"value":4819}," --",{"type":130,"tag":172,"props":4821,"children":4822},{"style":202},[4823],{"type":135,"value":916},{"type":130,"tag":172,"props":4825,"children":4826},{"class":174,"line":255},[4827],{"type":130,"tag":172,"props":4828,"children":4829},{"style":196},[4830],{"type":135,"value":1003},{"type":130,"tag":172,"props":4832,"children":4833},{"class":174,"line":370},[4834,4838],{"type":130,"tag":172,"props":4835,"children":4836},{"style":202},[4837],{"type":135,"value":531},{"type":130,"tag":172,"props":4839,"children":4840},{"style":212},[4841],{"type":135,"value":536},{"type":130,"tag":172,"props":4843,"children":4844},{"class":174,"line":378},[4845,4849,4853,4857,4861],{"type":130,"tag":172,"props":4846,"children":4847},{"style":539},[4848],{"type":135,"value":953},{"type":130,"tag":172,"props":4850,"children":4851},{"style":202},[4852],{"type":135,"value":547},{"type":130,"tag":172,"props":4854,"children":4855},{"style":202},[4856],{"type":135,"value":552},{"type":130,"tag":172,"props":4858,"children":4859},{"style":351},[4860],{"type":135,"value":3282},{"type":130,"tag":172,"props":4862,"children":4863},{"style":202},[4864],{"type":135,"value":552},{"type":130,"tag":172,"props":4866,"children":4867},{"class":174,"line":1041},[4868,4872,4876,4880,4884],{"type":130,"tag":172,"props":4869,"children":4870},{"style":539},[4871],{"type":135,"value":978},{"type":130,"tag":172,"props":4873,"children":4874},{"style":202},[4875],{"type":135,"value":547},{"type":130,"tag":172,"props":4877,"children":4878},{"style":202},[4879],{"type":135,"value":552},{"type":130,"tag":172,"props":4881,"children":4882},{"style":351},[4883],{"type":135,"value":4766},{"type":130,"tag":172,"props":4885,"children":4886},{"style":202},[4887],{"type":135,"value":552},{"type":130,"tag":172,"props":4889,"children":4890},{"class":174,"line":1053},[4891,4895,4899,4903,4908,4912,4916,4921,4925,4929],{"type":130,"tag":172,"props":4892,"children":4893},{"style":539},[4894],{"type":135,"value":1590},{"type":130,"tag":172,"props":4896,"children":4897},{"style":202},[4898],{"type":135,"value":547},{"type":130,"tag":172,"props":4900,"children":4901},{"style":202},[4902],{"type":135,"value":552},{"type":130,"tag":172,"props":4904,"children":4905},{"style":351},[4906],{"type":135,"value":4907},"{crop:'500x100@700x400'}",{"type":130,"tag":172,"props":4909,"children":4910},{"style":202},[4911],{"type":135,"value":552},{"type":130,"tag":172,"props":4913,"children":4914},{"style":202},[4915],{"type":135,"value":4799},{"type":130,"tag":172,"props":4917,"children":4918},{"style":539},[4919],{"type":135,"value":4920},"passing",{"type":130,"tag":172,"props":4922,"children":4923},{"style":539},[4924],{"type":135,"value":4809},{"type":130,"tag":172,"props":4926,"children":4927},{"style":539},[4928],{"type":135,"value":4819},{"type":130,"tag":172,"props":4930,"children":4931},{"style":202},[4932],{"type":135,"value":916},{"type":130,"tag":172,"props":4934,"children":4935},{"class":174,"line":1079},[4936],{"type":130,"tag":172,"props":4937,"children":4938},{"style":196},[4939],{"type":135,"value":1003},{"type":130,"tag":172,"props":4941,"children":4942},{"class":174,"line":1104},[4943,4947],{"type":130,"tag":172,"props":4944,"children":4945},{"style":202},[4946],{"type":135,"value":531},{"type":130,"tag":172,"props":4948,"children":4949},{"style":212},[4950],{"type":135,"value":536},{"type":130,"tag":172,"props":4952,"children":4953},{"class":174,"line":1128},[4954,4958,4962,4966,4970],{"type":130,"tag":172,"props":4955,"children":4956},{"style":539},[4957],{"type":135,"value":953},{"type":130,"tag":172,"props":4959,"children":4960},{"style":202},[4961],{"type":135,"value":547},{"type":130,"tag":172,"props":4963,"children":4964},{"style":202},[4965],{"type":135,"value":552},{"type":130,"tag":172,"props":4967,"children":4968},{"style":351},[4969],{"type":135,"value":3282},{"type":130,"tag":172,"props":4971,"children":4972},{"style":202},[4973],{"type":135,"value":552},{"type":130,"tag":172,"props":4975,"children":4976},{"class":174,"line":1152},[4977,4981,4985,4989,4993],{"type":130,"tag":172,"props":4978,"children":4979},{"style":539},[4980],{"type":135,"value":978},{"type":130,"tag":172,"props":4982,"children":4983},{"style":202},[4984],{"type":135,"value":547},{"type":130,"tag":172,"props":4986,"children":4987},{"style":202},[4988],{"type":135,"value":552},{"type":130,"tag":172,"props":4990,"children":4991},{"style":351},[4992],{"type":135,"value":4766},{"type":130,"tag":172,"props":4994,"children":4995},{"style":202},[4996],{"type":135,"value":552},{"type":130,"tag":172,"props":4998,"children":4999},{"class":174,"line":1160},[5000,5004,5008,5012,5017,5021,5025,5030,5035,5040,5044],{"type":130,"tag":172,"props":5001,"children":5002},{"style":539},[5003],{"type":135,"value":1590},{"type":130,"tag":172,"props":5005,"children":5006},{"style":202},[5007],{"type":135,"value":547},{"type":130,"tag":172,"props":5009,"children":5010},{"style":202},[5011],{"type":135,"value":552},{"type":130,"tag":172,"props":5013,"children":5014},{"style":351},[5015],{"type":135,"value":5016},"{focus:'auto', crop:'500x100'}",{"type":130,"tag":172,"props":5018,"children":5019},{"style":202},[5020],{"type":135,"value":552},{"type":130,"tag":172,"props":5022,"children":5023},{"style":202},[5024],{"type":135,"value":4799},{"type":130,"tag":172,"props":5026,"children":5027},{"style":539},[5028],{"type":135,"value":5029},"using",{"type":130,"tag":172,"props":5031,"children":5032},{"style":539},[5033],{"type":135,"value":5034}," focus",{"type":130,"tag":172,"props":5036,"children":5037},{"style":539},[5038],{"type":135,"value":5039}," auto",{"type":130,"tag":172,"props":5041,"children":5042},{"style":539},[5043],{"type":135,"value":4819},{"type":130,"tag":172,"props":5045,"children":5046},{"style":202},[5047],{"type":135,"value":916},{"type":130,"tag":172,"props":5049,"children":5050},{"class":174,"line":1164},[5051],{"type":130,"tag":172,"props":5052,"children":5053},{"style":196},[5054],{"type":135,"value":1003},{"type":130,"tag":131,"props":5056,"children":5057},{},[5058,5059,5072],{"type":135,"value":4028},{"type":130,"tag":138,"props":5060,"children":5063},{"href":5061,"rel":5062},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop",[142],[5064,5066,5070],{"type":135,"value":5065},"about ",{"type":130,"tag":153,"props":5067,"children":5068},{"className":118},[5069],{"type":135,"value":2972},{"type":135,"value":5071}," here",{"type":135,"value":1451},{"type":130,"tag":848,"props":5074,"children":5075},{"id":2958},[5076],{"type":135,"value":2958},{"type":130,"tag":131,"props":5078,"children":5079},{},[5080,5084],{"type":130,"tag":153,"props":5081,"children":5082},{"className":118},[5083],{"type":135,"value":2958},{"type":135,"value":5085}," will invert the image horizontally, vertically or both depending on the expression provided.",{"type":130,"tag":131,"props":5087,"children":5088},{},[5089,5090],{"type":135,"value":3232},{"type":130,"tag":153,"props":5091,"children":5092},{"className":118},[5093],{"type":135,"value":5094},"{ flip: 'both' | 'x' | 'y' }",{"type":130,"tag":161,"props":5096,"children":5098},{"className":517,"code":5097,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/puppy.jpg\"\n :modifiers=\"{flip:'both'}\" \u003C!-- horizontal and vertical -->\n/>\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/puppy.jpg\"\n :modifiers=\"{flip:'x'}\" \u003C!-- horizontal -->\n/>\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/puppy.jpg\"\n :modifiers=\"{flip:'y'}\" \u003C!-- vertical -->\n/>\n",[5099],{"type":130,"tag":153,"props":5100,"children":5101},{"__ignoreMap":118},[5102,5113,5136,5160,5211,5218,5229,5252,5275,5315,5322,5333,5356,5379,5420],{"type":130,"tag":172,"props":5103,"children":5104},{"class":174,"line":175},[5105,5109],{"type":130,"tag":172,"props":5106,"children":5107},{"style":202},[5108],{"type":135,"value":531},{"type":130,"tag":172,"props":5110,"children":5111},{"style":212},[5112],{"type":135,"value":536},{"type":130,"tag":172,"props":5114,"children":5115},{"class":174,"line":208},[5116,5120,5124,5128,5132],{"type":130,"tag":172,"props":5117,"children":5118},{"style":539},[5119],{"type":135,"value":953},{"type":130,"tag":172,"props":5121,"children":5122},{"style":202},[5123],{"type":135,"value":547},{"type":130,"tag":172,"props":5125,"children":5126},{"style":202},[5127],{"type":135,"value":552},{"type":130,"tag":172,"props":5129,"children":5130},{"style":351},[5131],{"type":135,"value":3282},{"type":130,"tag":172,"props":5133,"children":5134},{"style":202},[5135],{"type":135,"value":552},{"type":130,"tag":172,"props":5137,"children":5138},{"class":174,"line":228},[5139,5143,5147,5151,5156],{"type":130,"tag":172,"props":5140,"children":5141},{"style":539},[5142],{"type":135,"value":978},{"type":130,"tag":172,"props":5144,"children":5145},{"style":202},[5146],{"type":135,"value":547},{"type":130,"tag":172,"props":5148,"children":5149},{"style":202},[5150],{"type":135,"value":552},{"type":130,"tag":172,"props":5152,"children":5153},{"style":351},[5154],{"type":135,"value":5155},"/puppy.jpg",{"type":130,"tag":172,"props":5157,"children":5158},{"style":202},[5159],{"type":135,"value":552},{"type":130,"tag":172,"props":5161,"children":5162},{"class":174,"line":246},[5163,5167,5171,5175,5180,5184,5188,5193,5198,5203,5207],{"type":130,"tag":172,"props":5164,"children":5165},{"style":539},[5166],{"type":135,"value":1590},{"type":130,"tag":172,"props":5168,"children":5169},{"style":202},[5170],{"type":135,"value":547},{"type":130,"tag":172,"props":5172,"children":5173},{"style":202},[5174],{"type":135,"value":552},{"type":130,"tag":172,"props":5176,"children":5177},{"style":351},[5178],{"type":135,"value":5179},"{flip:'both'}",{"type":130,"tag":172,"props":5181,"children":5182},{"style":202},[5183],{"type":135,"value":552},{"type":130,"tag":172,"props":5185,"children":5186},{"style":202},[5187],{"type":135,"value":4799},{"type":130,"tag":172,"props":5189,"children":5190},{"style":539},[5191],{"type":135,"value":5192},"horizontal",{"type":130,"tag":172,"props":5194,"children":5195},{"style":539},[5196],{"type":135,"value":5197}," and",{"type":130,"tag":172,"props":5199,"children":5200},{"style":539},[5201],{"type":135,"value":5202}," vertical",{"type":130,"tag":172,"props":5204,"children":5205},{"style":539},[5206],{"type":135,"value":4819},{"type":130,"tag":172,"props":5208,"children":5209},{"style":202},[5210],{"type":135,"value":916},{"type":130,"tag":172,"props":5212,"children":5213},{"class":174,"line":255},[5214],{"type":130,"tag":172,"props":5215,"children":5216},{"style":196},[5217],{"type":135,"value":1003},{"type":130,"tag":172,"props":5219,"children":5220},{"class":174,"line":370},[5221,5225],{"type":130,"tag":172,"props":5222,"children":5223},{"style":202},[5224],{"type":135,"value":531},{"type":130,"tag":172,"props":5226,"children":5227},{"style":212},[5228],{"type":135,"value":536},{"type":130,"tag":172,"props":5230,"children":5231},{"class":174,"line":378},[5232,5236,5240,5244,5248],{"type":130,"tag":172,"props":5233,"children":5234},{"style":539},[5235],{"type":135,"value":953},{"type":130,"tag":172,"props":5237,"children":5238},{"style":202},[5239],{"type":135,"value":547},{"type":130,"tag":172,"props":5241,"children":5242},{"style":202},[5243],{"type":135,"value":552},{"type":130,"tag":172,"props":5245,"children":5246},{"style":351},[5247],{"type":135,"value":3282},{"type":130,"tag":172,"props":5249,"children":5250},{"style":202},[5251],{"type":135,"value":552},{"type":130,"tag":172,"props":5253,"children":5254},{"class":174,"line":1041},[5255,5259,5263,5267,5271],{"type":130,"tag":172,"props":5256,"children":5257},{"style":539},[5258],{"type":135,"value":978},{"type":130,"tag":172,"props":5260,"children":5261},{"style":202},[5262],{"type":135,"value":547},{"type":130,"tag":172,"props":5264,"children":5265},{"style":202},[5266],{"type":135,"value":552},{"type":130,"tag":172,"props":5268,"children":5269},{"style":351},[5270],{"type":135,"value":5155},{"type":130,"tag":172,"props":5272,"children":5273},{"style":202},[5274],{"type":135,"value":552},{"type":130,"tag":172,"props":5276,"children":5277},{"class":174,"line":1053},[5278,5282,5286,5290,5295,5299,5303,5307,5311],{"type":130,"tag":172,"props":5279,"children":5280},{"style":539},[5281],{"type":135,"value":1590},{"type":130,"tag":172,"props":5283,"children":5284},{"style":202},[5285],{"type":135,"value":547},{"type":130,"tag":172,"props":5287,"children":5288},{"style":202},[5289],{"type":135,"value":552},{"type":130,"tag":172,"props":5291,"children":5292},{"style":351},[5293],{"type":135,"value":5294},"{flip:'x'}",{"type":130,"tag":172,"props":5296,"children":5297},{"style":202},[5298],{"type":135,"value":552},{"type":130,"tag":172,"props":5300,"children":5301},{"style":202},[5302],{"type":135,"value":4799},{"type":130,"tag":172,"props":5304,"children":5305},{"style":539},[5306],{"type":135,"value":5192},{"type":130,"tag":172,"props":5308,"children":5309},{"style":539},[5310],{"type":135,"value":4819},{"type":130,"tag":172,"props":5312,"children":5313},{"style":202},[5314],{"type":135,"value":916},{"type":130,"tag":172,"props":5316,"children":5317},{"class":174,"line":1079},[5318],{"type":130,"tag":172,"props":5319,"children":5320},{"style":196},[5321],{"type":135,"value":1003},{"type":130,"tag":172,"props":5323,"children":5324},{"class":174,"line":1104},[5325,5329],{"type":130,"tag":172,"props":5326,"children":5327},{"style":202},[5328],{"type":135,"value":531},{"type":130,"tag":172,"props":5330,"children":5331},{"style":212},[5332],{"type":135,"value":536},{"type":130,"tag":172,"props":5334,"children":5335},{"class":174,"line":1128},[5336,5340,5344,5348,5352],{"type":130,"tag":172,"props":5337,"children":5338},{"style":539},[5339],{"type":135,"value":953},{"type":130,"tag":172,"props":5341,"children":5342},{"style":202},[5343],{"type":135,"value":547},{"type":130,"tag":172,"props":5345,"children":5346},{"style":202},[5347],{"type":135,"value":552},{"type":130,"tag":172,"props":5349,"children":5350},{"style":351},[5351],{"type":135,"value":3282},{"type":130,"tag":172,"props":5353,"children":5354},{"style":202},[5355],{"type":135,"value":552},{"type":130,"tag":172,"props":5357,"children":5358},{"class":174,"line":1152},[5359,5363,5367,5371,5375],{"type":130,"tag":172,"props":5360,"children":5361},{"style":539},[5362],{"type":135,"value":978},{"type":130,"tag":172,"props":5364,"children":5365},{"style":202},[5366],{"type":135,"value":547},{"type":130,"tag":172,"props":5368,"children":5369},{"style":202},[5370],{"type":135,"value":552},{"type":130,"tag":172,"props":5372,"children":5373},{"style":351},[5374],{"type":135,"value":5155},{"type":130,"tag":172,"props":5376,"children":5377},{"style":202},[5378],{"type":135,"value":552},{"type":130,"tag":172,"props":5380,"children":5381},{"class":174,"line":1160},[5382,5386,5390,5394,5399,5403,5407,5412,5416],{"type":130,"tag":172,"props":5383,"children":5384},{"style":539},[5385],{"type":135,"value":1590},{"type":130,"tag":172,"props":5387,"children":5388},{"style":202},[5389],{"type":135,"value":547},{"type":130,"tag":172,"props":5391,"children":5392},{"style":202},[5393],{"type":135,"value":552},{"type":130,"tag":172,"props":5395,"children":5396},{"style":351},[5397],{"type":135,"value":5398},"{flip:'y'}",{"type":130,"tag":172,"props":5400,"children":5401},{"style":202},[5402],{"type":135,"value":552},{"type":130,"tag":172,"props":5404,"children":5405},{"style":202},[5406],{"type":135,"value":4799},{"type":130,"tag":172,"props":5408,"children":5409},{"style":539},[5410],{"type":135,"value":5411},"vertical",{"type":130,"tag":172,"props":5413,"children":5414},{"style":539},[5415],{"type":135,"value":4819},{"type":130,"tag":172,"props":5417,"children":5418},{"style":202},[5419],{"type":135,"value":916},{"type":130,"tag":172,"props":5421,"children":5422},{"class":174,"line":1164},[5423],{"type":130,"tag":172,"props":5424,"children":5425},{"style":196},[5426],{"type":135,"value":1003},{"type":130,"tag":131,"props":5428,"children":5429},{},[5430,5431,5442],{"type":135,"value":4028},{"type":130,"tag":138,"props":5432,"children":5435},{"href":5433,"rel":5434},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#flip",[142],[5436,5437,5441],{"type":135,"value":5065},{"type":130,"tag":153,"props":5438,"children":5439},{"className":118},[5440],{"type":135,"value":2958},{"type":135,"value":5071},{"type":135,"value":1451},{"type":130,"tag":848,"props":5444,"children":5446},{"id":5445},"focus",[5447],{"type":135,"value":5445},{"type":130,"tag":131,"props":5449,"children":5450},{},[5451,5455],{"type":130,"tag":153,"props":5452,"children":5453},{"className":118},[5454],{"type":135,"value":5445},{"type":135,"value":5456}," 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":130,"tag":131,"props":5458,"children":5459},{},[5460,5462,5467],{"type":135,"value":5461},"If ",{"type":130,"tag":153,"props":5463,"children":5464},{"className":118},[5465],{"type":135,"value":5466},"auto",{"type":135,"value":5468}," is used in place of actual coordinates, the focus point will be chosen automagically for you!",{"type":130,"tag":131,"props":5470,"children":5471},{},[5472,5473,5478,5488],{"type":135,"value":3232},{"type":130,"tag":153,"props":5474,"children":5475},{"className":118},[5476],{"type":135,"value":5477},"{ focus: ",{"type":130,"tag":138,"props":5479,"children":5482},{"href":5480,"rel":5481},"https://www.twicpics.com/docs/api/manipulations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#crop-coordinates",[142],[5483],{"type":130,"tag":153,"props":5484,"children":5485},{"className":118},[5486],{"type":135,"value":5487},"coordinates",{"type":130,"tag":153,"props":5489,"children":5490},{"className":118},[5491],{"type":135,"value":5492},"|'auto' }",{"type":130,"tag":161,"props":5494,"children":5496},{"className":517,"code":5495,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n :modifiers=\"{focus:'auto', crop:'500x500'}\" \u003C!-- using crop with focus auto -->\n/>\n\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/football.jpg\"\n :modifiers=\"{focus:'auto', cover:'1:1'}\" \u003C!-- changing ratio with focus auto -->\n/>\n\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/path-to-nuxt-demo.jpg\"\n :modifiers=\"{focus:'200x200', cover:'1:1'}\" \u003C!-- changing ratio with selected focus -->\n/>\n",[5497],{"type":130,"tag":153,"props":5498,"children":5499},{"__ignoreMap":118},[5500,5511,5534,5557,5615,5622,5625,5636,5659,5682,5740,5747,5750,5761,5784,5807,5864],{"type":130,"tag":172,"props":5501,"children":5502},{"class":174,"line":175},[5503,5507],{"type":130,"tag":172,"props":5504,"children":5505},{"style":202},[5506],{"type":135,"value":531},{"type":130,"tag":172,"props":5508,"children":5509},{"style":212},[5510],{"type":135,"value":536},{"type":130,"tag":172,"props":5512,"children":5513},{"class":174,"line":208},[5514,5518,5522,5526,5530],{"type":130,"tag":172,"props":5515,"children":5516},{"style":539},[5517],{"type":135,"value":953},{"type":130,"tag":172,"props":5519,"children":5520},{"style":202},[5521],{"type":135,"value":547},{"type":130,"tag":172,"props":5523,"children":5524},{"style":202},[5525],{"type":135,"value":552},{"type":130,"tag":172,"props":5527,"children":5528},{"style":351},[5529],{"type":135,"value":3282},{"type":130,"tag":172,"props":5531,"children":5532},{"style":202},[5533],{"type":135,"value":552},{"type":130,"tag":172,"props":5535,"children":5536},{"class":174,"line":228},[5537,5541,5545,5549,5553],{"type":130,"tag":172,"props":5538,"children":5539},{"style":539},[5540],{"type":135,"value":978},{"type":130,"tag":172,"props":5542,"children":5543},{"style":202},[5544],{"type":135,"value":547},{"type":130,"tag":172,"props":5546,"children":5547},{"style":202},[5548],{"type":135,"value":552},{"type":130,"tag":172,"props":5550,"children":5551},{"style":351},[5552],{"type":135,"value":3544},{"type":130,"tag":172,"props":5554,"children":5555},{"style":202},[5556],{"type":135,"value":552},{"type":130,"tag":172,"props":5558,"children":5559},{"class":174,"line":246},[5560,5564,5568,5572,5577,5581,5585,5589,5594,5599,5603,5607,5611],{"type":130,"tag":172,"props":5561,"children":5562},{"style":539},[5563],{"type":135,"value":1590},{"type":130,"tag":172,"props":5565,"children":5566},{"style":202},[5567],{"type":135,"value":547},{"type":130,"tag":172,"props":5569,"children":5570},{"style":202},[5571],{"type":135,"value":552},{"type":130,"tag":172,"props":5573,"children":5574},{"style":351},[5575],{"type":135,"value":5576},"{focus:'auto', crop:'500x500'}",{"type":130,"tag":172,"props":5578,"children":5579},{"style":202},[5580],{"type":135,"value":552},{"type":130,"tag":172,"props":5582,"children":5583},{"style":202},[5584],{"type":135,"value":4799},{"type":130,"tag":172,"props":5586,"children":5587},{"style":539},[5588],{"type":135,"value":5029},{"type":130,"tag":172,"props":5590,"children":5591},{"style":539},[5592],{"type":135,"value":5593}," crop",{"type":130,"tag":172,"props":5595,"children":5596},{"style":539},[5597],{"type":135,"value":5598}," with",{"type":130,"tag":172,"props":5600,"children":5601},{"style":539},[5602],{"type":135,"value":5034},{"type":130,"tag":172,"props":5604,"children":5605},{"style":539},[5606],{"type":135,"value":5039},{"type":130,"tag":172,"props":5608,"children":5609},{"style":539},[5610],{"type":135,"value":4819},{"type":130,"tag":172,"props":5612,"children":5613},{"style":202},[5614],{"type":135,"value":916},{"type":130,"tag":172,"props":5616,"children":5617},{"class":174,"line":255},[5618],{"type":130,"tag":172,"props":5619,"children":5620},{"style":196},[5621],{"type":135,"value":1003},{"type":130,"tag":172,"props":5623,"children":5624},{"class":174,"line":370},[],{"type":130,"tag":172,"props":5626,"children":5627},{"class":174,"line":378},[5628,5632],{"type":130,"tag":172,"props":5629,"children":5630},{"style":202},[5631],{"type":135,"value":531},{"type":130,"tag":172,"props":5633,"children":5634},{"style":212},[5635],{"type":135,"value":536},{"type":130,"tag":172,"props":5637,"children":5638},{"class":174,"line":1041},[5639,5643,5647,5651,5655],{"type":130,"tag":172,"props":5640,"children":5641},{"style":539},[5642],{"type":135,"value":953},{"type":130,"tag":172,"props":5644,"children":5645},{"style":202},[5646],{"type":135,"value":547},{"type":130,"tag":172,"props":5648,"children":5649},{"style":202},[5650],{"type":135,"value":552},{"type":130,"tag":172,"props":5652,"children":5653},{"style":351},[5654],{"type":135,"value":3282},{"type":130,"tag":172,"props":5656,"children":5657},{"style":202},[5658],{"type":135,"value":552},{"type":130,"tag":172,"props":5660,"children":5661},{"class":174,"line":1053},[5662,5666,5670,5674,5678],{"type":130,"tag":172,"props":5663,"children":5664},{"style":539},[5665],{"type":135,"value":978},{"type":130,"tag":172,"props":5667,"children":5668},{"style":202},[5669],{"type":135,"value":547},{"type":130,"tag":172,"props":5671,"children":5672},{"style":202},[5673],{"type":135,"value":552},{"type":130,"tag":172,"props":5675,"children":5676},{"style":351},[5677],{"type":135,"value":3306},{"type":130,"tag":172,"props":5679,"children":5680},{"style":202},[5681],{"type":135,"value":552},{"type":130,"tag":172,"props":5683,"children":5684},{"class":174,"line":1079},[5685,5689,5693,5697,5702,5706,5710,5715,5720,5724,5728,5732,5736],{"type":130,"tag":172,"props":5686,"children":5687},{"style":539},[5688],{"type":135,"value":1590},{"type":130,"tag":172,"props":5690,"children":5691},{"style":202},[5692],{"type":135,"value":547},{"type":130,"tag":172,"props":5694,"children":5695},{"style":202},[5696],{"type":135,"value":552},{"type":130,"tag":172,"props":5698,"children":5699},{"style":351},[5700],{"type":135,"value":5701},"{focus:'auto', cover:'1:1'}",{"type":130,"tag":172,"props":5703,"children":5704},{"style":202},[5705],{"type":135,"value":552},{"type":130,"tag":172,"props":5707,"children":5708},{"style":202},[5709],{"type":135,"value":4799},{"type":130,"tag":172,"props":5711,"children":5712},{"style":539},[5713],{"type":135,"value":5714},"changing",{"type":130,"tag":172,"props":5716,"children":5717},{"style":539},[5718],{"type":135,"value":5719}," ratio",{"type":130,"tag":172,"props":5721,"children":5722},{"style":539},[5723],{"type":135,"value":5598},{"type":130,"tag":172,"props":5725,"children":5726},{"style":539},[5727],{"type":135,"value":5034},{"type":130,"tag":172,"props":5729,"children":5730},{"style":539},[5731],{"type":135,"value":5039},{"type":130,"tag":172,"props":5733,"children":5734},{"style":539},[5735],{"type":135,"value":4819},{"type":130,"tag":172,"props":5737,"children":5738},{"style":202},[5739],{"type":135,"value":916},{"type":130,"tag":172,"props":5741,"children":5742},{"class":174,"line":1104},[5743],{"type":130,"tag":172,"props":5744,"children":5745},{"style":196},[5746],{"type":135,"value":1003},{"type":130,"tag":172,"props":5748,"children":5749},{"class":174,"line":1128},[],{"type":130,"tag":172,"props":5751,"children":5752},{"class":174,"line":1152},[5753,5757],{"type":130,"tag":172,"props":5754,"children":5755},{"style":202},[5756],{"type":135,"value":531},{"type":130,"tag":172,"props":5758,"children":5759},{"style":212},[5760],{"type":135,"value":536},{"type":130,"tag":172,"props":5762,"children":5763},{"class":174,"line":1160},[5764,5768,5772,5776,5780],{"type":130,"tag":172,"props":5765,"children":5766},{"style":539},[5767],{"type":135,"value":953},{"type":130,"tag":172,"props":5769,"children":5770},{"style":202},[5771],{"type":135,"value":547},{"type":130,"tag":172,"props":5773,"children":5774},{"style":202},[5775],{"type":135,"value":552},{"type":130,"tag":172,"props":5777,"children":5778},{"style":351},[5779],{"type":135,"value":3282},{"type":130,"tag":172,"props":5781,"children":5782},{"style":202},[5783],{"type":135,"value":552},{"type":130,"tag":172,"props":5785,"children":5786},{"class":174,"line":1164},[5787,5791,5795,5799,5803],{"type":130,"tag":172,"props":5788,"children":5789},{"style":539},[5790],{"type":135,"value":978},{"type":130,"tag":172,"props":5792,"children":5793},{"style":202},[5794],{"type":135,"value":547},{"type":130,"tag":172,"props":5796,"children":5797},{"style":202},[5798],{"type":135,"value":552},{"type":130,"tag":172,"props":5800,"children":5801},{"style":351},[5802],{"type":135,"value":4578},{"type":130,"tag":172,"props":5804,"children":5805},{"style":202},[5806],{"type":135,"value":552},{"type":130,"tag":172,"props":5808,"children":5809},{"class":174,"line":1197},[5810,5814,5818,5822,5827,5831,5835,5839,5843,5847,5852,5856,5860],{"type":130,"tag":172,"props":5811,"children":5812},{"style":539},[5813],{"type":135,"value":1590},{"type":130,"tag":172,"props":5815,"children":5816},{"style":202},[5817],{"type":135,"value":547},{"type":130,"tag":172,"props":5819,"children":5820},{"style":202},[5821],{"type":135,"value":552},{"type":130,"tag":172,"props":5823,"children":5824},{"style":351},[5825],{"type":135,"value":5826},"{focus:'200x200', cover:'1:1'}",{"type":130,"tag":172,"props":5828,"children":5829},{"style":202},[5830],{"type":135,"value":552},{"type":130,"tag":172,"props":5832,"children":5833},{"style":202},[5834],{"type":135,"value":4799},{"type":130,"tag":172,"props":5836,"children":5837},{"style":539},[5838],{"type":135,"value":5714},{"type":130,"tag":172,"props":5840,"children":5841},{"style":539},[5842],{"type":135,"value":5719},{"type":130,"tag":172,"props":5844,"children":5845},{"style":539},[5846],{"type":135,"value":5598},{"type":130,"tag":172,"props":5848,"children":5849},{"style":539},[5850],{"type":135,"value":5851}," selected",{"type":130,"tag":172,"props":5853,"children":5854},{"style":539},[5855],{"type":135,"value":5034},{"type":130,"tag":172,"props":5857,"children":5858},{"style":539},[5859],{"type":135,"value":4819},{"type":130,"tag":172,"props":5861,"children":5862},{"style":202},[5863],{"type":135,"value":916},{"type":130,"tag":172,"props":5865,"children":5866},{"class":174,"line":1209},[5867],{"type":130,"tag":172,"props":5868,"children":5869},{"style":196},[5870],{"type":135,"value":1003},{"type":130,"tag":131,"props":5872,"children":5873},{},[5874,5879],{"type":130,"tag":5875,"props":5876,"children":5877},"em",{},[5878],{"type":135,"value":4088},{"type":135,"value":5880}," : focus must be placed before the transformations modifying the output image (namely cover, crop and resize).",{"type":130,"tag":131,"props":5882,"children":5883},{},[5884,5885,5896],{"type":135,"value":4028},{"type":130,"tag":138,"props":5886,"children":5889},{"href":5887,"rel":5888},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#focus",[142],[5890,5891,5895],{"type":135,"value":5065},{"type":130,"tag":153,"props":5892,"children":5893},{"className":118},[5894],{"type":135,"value":5445},{"type":135,"value":5071},{"type":135,"value":1451},{"type":130,"tag":848,"props":5898,"children":5900},{"id":5899},"truecolor",[5901],{"type":135,"value":5899},{"type":130,"tag":131,"props":5903,"children":5904},{},[5905,5909],{"type":130,"tag":153,"props":5906,"children":5907},{"className":118},[5908],{"type":135,"value":5899},{"type":135,"value":5910}," can be used to prevent color quantization. If no boolean is provided, true is assumed.",{"type":130,"tag":131,"props":5912,"children":5913},{},[5914],{"type":135,"value":5915},"By default, quantization is allowed (truecolor=false).",{"type":130,"tag":131,"props":5917,"children":5918},{},[5919,5921,5925],{"type":135,"value":5920},"Quantization occurs whenever the output format is ",{"type":130,"tag":153,"props":5922,"children":5923},{"className":118},[5924],{"type":135,"value":1701},{"type":135,"value":1451},{"type":130,"tag":131,"props":5927,"children":5928},{},[5929,5931,5935,5937,5941],{"type":135,"value":5930},"Use truecolor if you want to distribute substantially larger but more accurate images with translucency to users on browsers with no ",{"type":130,"tag":153,"props":5932,"children":5933},{"className":118},[5934],{"type":135,"value":2920},{"type":135,"value":5936}," support or when ",{"type":130,"tag":153,"props":5938,"children":5939},{"className":118},[5940],{"type":135,"value":1701},{"type":135,"value":5942}," is required as output format.",{"type":130,"tag":161,"props":5944,"children":5946},{"className":517,"code":5945,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/peacock.jpg\"\n format=\"png\"\n :modifiers=\"{truecolor:true}\" \u003C!-- disallowes color quantization -->\n/>\n\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/peacock.jpg\"\n format=\"png\"\n :modifiers=\"{truecolor:false}\" \u003C!-- allowes color quantization (default value) -->\n/>\n",[5947],{"type":130,"tag":153,"props":5948,"children":5949},{"__ignoreMap":118},[5950,5961,5984,6008,6031,6082,6089,6092,6103,6126,6149,6172,6231],{"type":130,"tag":172,"props":5951,"children":5952},{"class":174,"line":175},[5953,5957],{"type":130,"tag":172,"props":5954,"children":5955},{"style":202},[5956],{"type":135,"value":531},{"type":130,"tag":172,"props":5958,"children":5959},{"style":212},[5960],{"type":135,"value":536},{"type":130,"tag":172,"props":5962,"children":5963},{"class":174,"line":208},[5964,5968,5972,5976,5980],{"type":130,"tag":172,"props":5965,"children":5966},{"style":539},[5967],{"type":135,"value":953},{"type":130,"tag":172,"props":5969,"children":5970},{"style":202},[5971],{"type":135,"value":547},{"type":130,"tag":172,"props":5973,"children":5974},{"style":202},[5975],{"type":135,"value":552},{"type":130,"tag":172,"props":5977,"children":5978},{"style":351},[5979],{"type":135,"value":3282},{"type":130,"tag":172,"props":5981,"children":5982},{"style":202},[5983],{"type":135,"value":552},{"type":130,"tag":172,"props":5985,"children":5986},{"class":174,"line":228},[5987,5991,5995,5999,6004],{"type":130,"tag":172,"props":5988,"children":5989},{"style":539},[5990],{"type":135,"value":978},{"type":130,"tag":172,"props":5992,"children":5993},{"style":202},[5994],{"type":135,"value":547},{"type":130,"tag":172,"props":5996,"children":5997},{"style":202},[5998],{"type":135,"value":552},{"type":130,"tag":172,"props":6000,"children":6001},{"style":351},[6002],{"type":135,"value":6003},"/peacock.jpg",{"type":130,"tag":172,"props":6005,"children":6006},{"style":202},[6007],{"type":135,"value":552},{"type":130,"tag":172,"props":6009,"children":6010},{"class":174,"line":246},[6011,6015,6019,6023,6027],{"type":130,"tag":172,"props":6012,"children":6013},{"style":539},[6014],{"type":135,"value":1786},{"type":130,"tag":172,"props":6016,"children":6017},{"style":202},[6018],{"type":135,"value":547},{"type":130,"tag":172,"props":6020,"children":6021},{"style":202},[6022],{"type":135,"value":552},{"type":130,"tag":172,"props":6024,"children":6025},{"style":351},[6026],{"type":135,"value":1701},{"type":130,"tag":172,"props":6028,"children":6029},{"style":202},[6030],{"type":135,"value":552},{"type":130,"tag":172,"props":6032,"children":6033},{"class":174,"line":255},[6034,6038,6042,6046,6051,6055,6059,6064,6069,6074,6078],{"type":130,"tag":172,"props":6035,"children":6036},{"style":539},[6037],{"type":135,"value":1590},{"type":130,"tag":172,"props":6039,"children":6040},{"style":202},[6041],{"type":135,"value":547},{"type":130,"tag":172,"props":6043,"children":6044},{"style":202},[6045],{"type":135,"value":552},{"type":130,"tag":172,"props":6047,"children":6048},{"style":351},[6049],{"type":135,"value":6050},"{truecolor:true}",{"type":130,"tag":172,"props":6052,"children":6053},{"style":202},[6054],{"type":135,"value":552},{"type":130,"tag":172,"props":6056,"children":6057},{"style":202},[6058],{"type":135,"value":4799},{"type":130,"tag":172,"props":6060,"children":6061},{"style":539},[6062],{"type":135,"value":6063},"disallowes",{"type":130,"tag":172,"props":6065,"children":6066},{"style":539},[6067],{"type":135,"value":6068}," color",{"type":130,"tag":172,"props":6070,"children":6071},{"style":539},[6072],{"type":135,"value":6073}," quantization",{"type":130,"tag":172,"props":6075,"children":6076},{"style":539},[6077],{"type":135,"value":4819},{"type":130,"tag":172,"props":6079,"children":6080},{"style":202},[6081],{"type":135,"value":916},{"type":130,"tag":172,"props":6083,"children":6084},{"class":174,"line":370},[6085],{"type":130,"tag":172,"props":6086,"children":6087},{"style":196},[6088],{"type":135,"value":1003},{"type":130,"tag":172,"props":6090,"children":6091},{"class":174,"line":378},[],{"type":130,"tag":172,"props":6093,"children":6094},{"class":174,"line":1041},[6095,6099],{"type":130,"tag":172,"props":6096,"children":6097},{"style":202},[6098],{"type":135,"value":531},{"type":130,"tag":172,"props":6100,"children":6101},{"style":212},[6102],{"type":135,"value":536},{"type":130,"tag":172,"props":6104,"children":6105},{"class":174,"line":1053},[6106,6110,6114,6118,6122],{"type":130,"tag":172,"props":6107,"children":6108},{"style":539},[6109],{"type":135,"value":953},{"type":130,"tag":172,"props":6111,"children":6112},{"style":202},[6113],{"type":135,"value":547},{"type":130,"tag":172,"props":6115,"children":6116},{"style":202},[6117],{"type":135,"value":552},{"type":130,"tag":172,"props":6119,"children":6120},{"style":351},[6121],{"type":135,"value":3282},{"type":130,"tag":172,"props":6123,"children":6124},{"style":202},[6125],{"type":135,"value":552},{"type":130,"tag":172,"props":6127,"children":6128},{"class":174,"line":1079},[6129,6133,6137,6141,6145],{"type":130,"tag":172,"props":6130,"children":6131},{"style":539},[6132],{"type":135,"value":978},{"type":130,"tag":172,"props":6134,"children":6135},{"style":202},[6136],{"type":135,"value":547},{"type":130,"tag":172,"props":6138,"children":6139},{"style":202},[6140],{"type":135,"value":552},{"type":130,"tag":172,"props":6142,"children":6143},{"style":351},[6144],{"type":135,"value":6003},{"type":130,"tag":172,"props":6146,"children":6147},{"style":202},[6148],{"type":135,"value":552},{"type":130,"tag":172,"props":6150,"children":6151},{"class":174,"line":1104},[6152,6156,6160,6164,6168],{"type":130,"tag":172,"props":6153,"children":6154},{"style":539},[6155],{"type":135,"value":1786},{"type":130,"tag":172,"props":6157,"children":6158},{"style":202},[6159],{"type":135,"value":547},{"type":130,"tag":172,"props":6161,"children":6162},{"style":202},[6163],{"type":135,"value":552},{"type":130,"tag":172,"props":6165,"children":6166},{"style":351},[6167],{"type":135,"value":1701},{"type":130,"tag":172,"props":6169,"children":6170},{"style":202},[6171],{"type":135,"value":552},{"type":130,"tag":172,"props":6173,"children":6174},{"class":174,"line":1128},[6175,6179,6183,6187,6192,6196,6200,6205,6209,6213,6218,6223,6227],{"type":130,"tag":172,"props":6176,"children":6177},{"style":539},[6178],{"type":135,"value":1590},{"type":130,"tag":172,"props":6180,"children":6181},{"style":202},[6182],{"type":135,"value":547},{"type":130,"tag":172,"props":6184,"children":6185},{"style":202},[6186],{"type":135,"value":552},{"type":130,"tag":172,"props":6188,"children":6189},{"style":351},[6190],{"type":135,"value":6191},"{truecolor:false}",{"type":130,"tag":172,"props":6193,"children":6194},{"style":202},[6195],{"type":135,"value":552},{"type":130,"tag":172,"props":6197,"children":6198},{"style":202},[6199],{"type":135,"value":4799},{"type":130,"tag":172,"props":6201,"children":6202},{"style":539},[6203],{"type":135,"value":6204},"allowes",{"type":130,"tag":172,"props":6206,"children":6207},{"style":539},[6208],{"type":135,"value":6068},{"type":130,"tag":172,"props":6210,"children":6211},{"style":539},[6212],{"type":135,"value":6073},{"type":130,"tag":172,"props":6214,"children":6215},{"style":539},[6216],{"type":135,"value":6217}," (default",{"type":130,"tag":172,"props":6219,"children":6220},{"style":539},[6221],{"type":135,"value":6222}," value)",{"type":130,"tag":172,"props":6224,"children":6225},{"style":539},[6226],{"type":135,"value":4819},{"type":130,"tag":172,"props":6228,"children":6229},{"style":202},[6230],{"type":135,"value":916},{"type":130,"tag":172,"props":6232,"children":6233},{"class":174,"line":1152},[6234],{"type":130,"tag":172,"props":6235,"children":6236},{"style":196},[6237],{"type":135,"value":1003},{"type":130,"tag":131,"props":6239,"children":6240},{},[6241,6242,6253],{"type":135,"value":4028},{"type":130,"tag":138,"props":6243,"children":6246},{"href":6244,"rel":6245},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#truecolor",[142],[6247,6248,6252],{"type":135,"value":5065},{"type":130,"tag":153,"props":6249,"children":6250},{"className":118},[6251],{"type":135,"value":5899},{"type":135,"value":5071},{"type":135,"value":1451},{"type":130,"tag":848,"props":6255,"children":6256},{"id":2965},[6257],{"type":135,"value":2965},{"type":130,"tag":131,"props":6259,"children":6260},{},[6261,6265],{"type":130,"tag":153,"props":6262,"children":6263},{"className":118},[6264],{"type":135,"value":2965},{"type":135,"value":6266}," 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":130,"tag":131,"props":6268,"children":6269},{},[6270,6271,6276,6284],{"type":135,"value":3232},{"type":130,"tag":153,"props":6272,"children":6273},{"className":118},[6274],{"type":135,"value":6275},"{ turn: ",{"type":130,"tag":138,"props":6277,"children":6279},{"href":4057,"rel":6278},[142],[6280],{"type":130,"tag":153,"props":6281,"children":6282},{"className":118},[6283],{"type":135,"value":4064},{"type":130,"tag":153,"props":6285,"children":6286},{"className":118},[6287],{"type":135,"value":6288}," | 'flip' | 'left' | 'right' }",{"type":130,"tag":161,"props":6290,"children":6292},{"className":517,"code":6291,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/football.jpg\"\n :modifiers=\"{turn:'left'}\" \u003C!-- turns image at -90° -->\n/>\n\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/football.jpg\"\n :modifiers=\"{turn:180}\" \u003C!-- turns image at 180° -->\n/>\n",[6293],{"type":130,"tag":153,"props":6294,"children":6295},{"__ignoreMap":118},[6296,6307,6330,6353,6409,6416,6419,6430,6453,6476,6529],{"type":130,"tag":172,"props":6297,"children":6298},{"class":174,"line":175},[6299,6303],{"type":130,"tag":172,"props":6300,"children":6301},{"style":202},[6302],{"type":135,"value":531},{"type":130,"tag":172,"props":6304,"children":6305},{"style":212},[6306],{"type":135,"value":536},{"type":130,"tag":172,"props":6308,"children":6309},{"class":174,"line":208},[6310,6314,6318,6322,6326],{"type":130,"tag":172,"props":6311,"children":6312},{"style":539},[6313],{"type":135,"value":953},{"type":130,"tag":172,"props":6315,"children":6316},{"style":202},[6317],{"type":135,"value":547},{"type":130,"tag":172,"props":6319,"children":6320},{"style":202},[6321],{"type":135,"value":552},{"type":130,"tag":172,"props":6323,"children":6324},{"style":351},[6325],{"type":135,"value":3282},{"type":130,"tag":172,"props":6327,"children":6328},{"style":202},[6329],{"type":135,"value":552},{"type":130,"tag":172,"props":6331,"children":6332},{"class":174,"line":228},[6333,6337,6341,6345,6349],{"type":130,"tag":172,"props":6334,"children":6335},{"style":539},[6336],{"type":135,"value":978},{"type":130,"tag":172,"props":6338,"children":6339},{"style":202},[6340],{"type":135,"value":547},{"type":130,"tag":172,"props":6342,"children":6343},{"style":202},[6344],{"type":135,"value":552},{"type":130,"tag":172,"props":6346,"children":6347},{"style":351},[6348],{"type":135,"value":3306},{"type":130,"tag":172,"props":6350,"children":6351},{"style":202},[6352],{"type":135,"value":552},{"type":130,"tag":172,"props":6354,"children":6355},{"class":174,"line":246},[6356,6360,6364,6368,6373,6377,6381,6386,6391,6396,6401,6405],{"type":130,"tag":172,"props":6357,"children":6358},{"style":539},[6359],{"type":135,"value":1590},{"type":130,"tag":172,"props":6361,"children":6362},{"style":202},[6363],{"type":135,"value":547},{"type":130,"tag":172,"props":6365,"children":6366},{"style":202},[6367],{"type":135,"value":552},{"type":130,"tag":172,"props":6369,"children":6370},{"style":351},[6371],{"type":135,"value":6372},"{turn:'left'}",{"type":130,"tag":172,"props":6374,"children":6375},{"style":202},[6376],{"type":135,"value":552},{"type":130,"tag":172,"props":6378,"children":6379},{"style":202},[6380],{"type":135,"value":4799},{"type":130,"tag":172,"props":6382,"children":6383},{"style":539},[6384],{"type":135,"value":6385},"turns",{"type":130,"tag":172,"props":6387,"children":6388},{"style":539},[6389],{"type":135,"value":6390}," image",{"type":130,"tag":172,"props":6392,"children":6393},{"style":539},[6394],{"type":135,"value":6395}," at",{"type":130,"tag":172,"props":6397,"children":6398},{"style":539},[6399],{"type":135,"value":6400}," -90°",{"type":130,"tag":172,"props":6402,"children":6403},{"style":539},[6404],{"type":135,"value":4819},{"type":130,"tag":172,"props":6406,"children":6407},{"style":202},[6408],{"type":135,"value":916},{"type":130,"tag":172,"props":6410,"children":6411},{"class":174,"line":255},[6412],{"type":130,"tag":172,"props":6413,"children":6414},{"style":196},[6415],{"type":135,"value":1003},{"type":130,"tag":172,"props":6417,"children":6418},{"class":174,"line":370},[],{"type":130,"tag":172,"props":6420,"children":6421},{"class":174,"line":378},[6422,6426],{"type":130,"tag":172,"props":6423,"children":6424},{"style":202},[6425],{"type":135,"value":531},{"type":130,"tag":172,"props":6427,"children":6428},{"style":212},[6429],{"type":135,"value":536},{"type":130,"tag":172,"props":6431,"children":6432},{"class":174,"line":1041},[6433,6437,6441,6445,6449],{"type":130,"tag":172,"props":6434,"children":6435},{"style":539},[6436],{"type":135,"value":953},{"type":130,"tag":172,"props":6438,"children":6439},{"style":202},[6440],{"type":135,"value":547},{"type":130,"tag":172,"props":6442,"children":6443},{"style":202},[6444],{"type":135,"value":552},{"type":130,"tag":172,"props":6446,"children":6447},{"style":351},[6448],{"type":135,"value":3282},{"type":130,"tag":172,"props":6450,"children":6451},{"style":202},[6452],{"type":135,"value":552},{"type":130,"tag":172,"props":6454,"children":6455},{"class":174,"line":1053},[6456,6460,6464,6468,6472],{"type":130,"tag":172,"props":6457,"children":6458},{"style":539},[6459],{"type":135,"value":978},{"type":130,"tag":172,"props":6461,"children":6462},{"style":202},[6463],{"type":135,"value":547},{"type":130,"tag":172,"props":6465,"children":6466},{"style":202},[6467],{"type":135,"value":552},{"type":130,"tag":172,"props":6469,"children":6470},{"style":351},[6471],{"type":135,"value":3306},{"type":130,"tag":172,"props":6473,"children":6474},{"style":202},[6475],{"type":135,"value":552},{"type":130,"tag":172,"props":6477,"children":6478},{"class":174,"line":1079},[6479,6483,6487,6491,6496,6500,6504,6508,6512,6516,6521,6525],{"type":130,"tag":172,"props":6480,"children":6481},{"style":539},[6482],{"type":135,"value":1590},{"type":130,"tag":172,"props":6484,"children":6485},{"style":202},[6486],{"type":135,"value":547},{"type":130,"tag":172,"props":6488,"children":6489},{"style":202},[6490],{"type":135,"value":552},{"type":130,"tag":172,"props":6492,"children":6493},{"style":351},[6494],{"type":135,"value":6495},"{turn:180}",{"type":130,"tag":172,"props":6497,"children":6498},{"style":202},[6499],{"type":135,"value":552},{"type":130,"tag":172,"props":6501,"children":6502},{"style":202},[6503],{"type":135,"value":4799},{"type":130,"tag":172,"props":6505,"children":6506},{"style":539},[6507],{"type":135,"value":6385},{"type":130,"tag":172,"props":6509,"children":6510},{"style":539},[6511],{"type":135,"value":6390},{"type":130,"tag":172,"props":6513,"children":6514},{"style":539},[6515],{"type":135,"value":6395},{"type":130,"tag":172,"props":6517,"children":6518},{"style":539},[6519],{"type":135,"value":6520}," 180°",{"type":130,"tag":172,"props":6522,"children":6523},{"style":539},[6524],{"type":135,"value":4819},{"type":130,"tag":172,"props":6526,"children":6527},{"style":202},[6528],{"type":135,"value":916},{"type":130,"tag":172,"props":6530,"children":6531},{"class":174,"line":1104},[6532],{"type":130,"tag":172,"props":6533,"children":6534},{"style":196},[6535],{"type":135,"value":1003},{"type":130,"tag":131,"props":6537,"children":6538},{},[6539,6540,6551],{"type":135,"value":4028},{"type":130,"tag":138,"props":6541,"children":6544},{"href":6542,"rel":6543},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#turn",[142],[6545,6546,6550],{"type":135,"value":5065},{"type":130,"tag":153,"props":6547,"children":6548},{"className":118},[6549],{"type":135,"value":2965},{"type":135,"value":5071},{"type":135,"value":1451},{"type":130,"tag":848,"props":6553,"children":6554},{"id":2979},[6555],{"type":135,"value":2979},{"type":130,"tag":131,"props":6557,"children":6558},{},[6559],{"type":135,"value":6560},"Zooms into the image by a factor equal or superior to 1 towards the focus point while preserving the image size.",{"type":130,"tag":131,"props":6562,"children":6563},{},[6564,6565,6570,6578],{"type":135,"value":3232},{"type":130,"tag":153,"props":6566,"children":6567},{"className":118},[6568],{"type":135,"value":6569},"{ zoom: ",{"type":130,"tag":138,"props":6571,"children":6573},{"href":4057,"rel":6572},[142],[6574],{"type":130,"tag":153,"props":6575,"children":6576},{"className":118},[6577],{"type":135,"value":4064},{"type":130,"tag":153,"props":6579,"children":6580},{"className":118},[6581],{"type":135,"value":4705},{"type":130,"tag":161,"props":6583,"children":6585},{"className":517,"code":6584,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cherry-3.jpg\"\n :modifiers=\"{zoom:1.5}\" \u003C!-- zooms into image by a factor 1.5 -->\n/>\n\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cherry-3.jpg\"\n :modifiers=\"{zoom:3}\" \u003C!-- zooms into image by a factor 3 -->\n/>\n\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cherry-3.jpg\"\n :modifiers=\"{focus:'auto', zoom:3}\" \u003C!-- zooms into image by a factor 3 in direction of the focus-->\n/>\n\n\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cherry-3.jpg\"\n :modifiers=\"{focus:'200x200', zoom:3}\" \u003C!-- zooms into image by a factor 3 in direction of the focus-->\n/>\n\n",[6586],{"type":130,"tag":153,"props":6587,"children":6588},{"__ignoreMap":118},[6589,6600,6623,6647,6717,6724,6727,6738,6761,6784,6849,6856,6859,6870,6893,6916,7001,7008,7011,7022,7045,7068,7148],{"type":130,"tag":172,"props":6590,"children":6591},{"class":174,"line":175},[6592,6596],{"type":130,"tag":172,"props":6593,"children":6594},{"style":202},[6595],{"type":135,"value":531},{"type":130,"tag":172,"props":6597,"children":6598},{"style":212},[6599],{"type":135,"value":536},{"type":130,"tag":172,"props":6601,"children":6602},{"class":174,"line":208},[6603,6607,6611,6615,6619],{"type":130,"tag":172,"props":6604,"children":6605},{"style":539},[6606],{"type":135,"value":953},{"type":130,"tag":172,"props":6608,"children":6609},{"style":202},[6610],{"type":135,"value":547},{"type":130,"tag":172,"props":6612,"children":6613},{"style":202},[6614],{"type":135,"value":552},{"type":130,"tag":172,"props":6616,"children":6617},{"style":351},[6618],{"type":135,"value":3282},{"type":130,"tag":172,"props":6620,"children":6621},{"style":202},[6622],{"type":135,"value":552},{"type":130,"tag":172,"props":6624,"children":6625},{"class":174,"line":228},[6626,6630,6634,6638,6643],{"type":130,"tag":172,"props":6627,"children":6628},{"style":539},[6629],{"type":135,"value":978},{"type":130,"tag":172,"props":6631,"children":6632},{"style":202},[6633],{"type":135,"value":547},{"type":130,"tag":172,"props":6635,"children":6636},{"style":202},[6637],{"type":135,"value":552},{"type":130,"tag":172,"props":6639,"children":6640},{"style":351},[6641],{"type":135,"value":6642},"/cherry-3.jpg",{"type":130,"tag":172,"props":6644,"children":6645},{"style":202},[6646],{"type":135,"value":552},{"type":130,"tag":172,"props":6648,"children":6649},{"class":174,"line":246},[6650,6654,6658,6662,6667,6671,6675,6680,6685,6689,6694,6699,6704,6709,6713],{"type":130,"tag":172,"props":6651,"children":6652},{"style":539},[6653],{"type":135,"value":1590},{"type":130,"tag":172,"props":6655,"children":6656},{"style":202},[6657],{"type":135,"value":547},{"type":130,"tag":172,"props":6659,"children":6660},{"style":202},[6661],{"type":135,"value":552},{"type":130,"tag":172,"props":6663,"children":6664},{"style":351},[6665],{"type":135,"value":6666},"{zoom:1.5}",{"type":130,"tag":172,"props":6668,"children":6669},{"style":202},[6670],{"type":135,"value":552},{"type":130,"tag":172,"props":6672,"children":6673},{"style":202},[6674],{"type":135,"value":4799},{"type":130,"tag":172,"props":6676,"children":6677},{"style":539},[6678],{"type":135,"value":6679},"zooms",{"type":130,"tag":172,"props":6681,"children":6682},{"style":539},[6683],{"type":135,"value":6684}," into",{"type":130,"tag":172,"props":6686,"children":6687},{"style":539},[6688],{"type":135,"value":6390},{"type":130,"tag":172,"props":6690,"children":6691},{"style":539},[6692],{"type":135,"value":6693}," by",{"type":130,"tag":172,"props":6695,"children":6696},{"style":539},[6697],{"type":135,"value":6698}," a",{"type":130,"tag":172,"props":6700,"children":6701},{"style":539},[6702],{"type":135,"value":6703}," factor",{"type":130,"tag":172,"props":6705,"children":6706},{"style":539},[6707],{"type":135,"value":6708}," 1.5",{"type":130,"tag":172,"props":6710,"children":6711},{"style":539},[6712],{"type":135,"value":4819},{"type":130,"tag":172,"props":6714,"children":6715},{"style":202},[6716],{"type":135,"value":916},{"type":130,"tag":172,"props":6718,"children":6719},{"class":174,"line":255},[6720],{"type":130,"tag":172,"props":6721,"children":6722},{"style":196},[6723],{"type":135,"value":1003},{"type":130,"tag":172,"props":6725,"children":6726},{"class":174,"line":370},[],{"type":130,"tag":172,"props":6728,"children":6729},{"class":174,"line":378},[6730,6734],{"type":130,"tag":172,"props":6731,"children":6732},{"style":202},[6733],{"type":135,"value":531},{"type":130,"tag":172,"props":6735,"children":6736},{"style":212},[6737],{"type":135,"value":536},{"type":130,"tag":172,"props":6739,"children":6740},{"class":174,"line":1041},[6741,6745,6749,6753,6757],{"type":130,"tag":172,"props":6742,"children":6743},{"style":539},[6744],{"type":135,"value":953},{"type":130,"tag":172,"props":6746,"children":6747},{"style":202},[6748],{"type":135,"value":547},{"type":130,"tag":172,"props":6750,"children":6751},{"style":202},[6752],{"type":135,"value":552},{"type":130,"tag":172,"props":6754,"children":6755},{"style":351},[6756],{"type":135,"value":3282},{"type":130,"tag":172,"props":6758,"children":6759},{"style":202},[6760],{"type":135,"value":552},{"type":130,"tag":172,"props":6762,"children":6763},{"class":174,"line":1053},[6764,6768,6772,6776,6780],{"type":130,"tag":172,"props":6765,"children":6766},{"style":539},[6767],{"type":135,"value":978},{"type":130,"tag":172,"props":6769,"children":6770},{"style":202},[6771],{"type":135,"value":547},{"type":130,"tag":172,"props":6773,"children":6774},{"style":202},[6775],{"type":135,"value":552},{"type":130,"tag":172,"props":6777,"children":6778},{"style":351},[6779],{"type":135,"value":6642},{"type":130,"tag":172,"props":6781,"children":6782},{"style":202},[6783],{"type":135,"value":552},{"type":130,"tag":172,"props":6785,"children":6786},{"class":174,"line":1079},[6787,6791,6795,6799,6804,6808,6812,6816,6820,6824,6828,6832,6836,6841,6845],{"type":130,"tag":172,"props":6788,"children":6789},{"style":539},[6790],{"type":135,"value":655},{"type":130,"tag":172,"props":6792,"children":6793},{"style":202},[6794],{"type":135,"value":547},{"type":130,"tag":172,"props":6796,"children":6797},{"style":202},[6798],{"type":135,"value":552},{"type":130,"tag":172,"props":6800,"children":6801},{"style":351},[6802],{"type":135,"value":6803},"{zoom:3}",{"type":130,"tag":172,"props":6805,"children":6806},{"style":202},[6807],{"type":135,"value":552},{"type":130,"tag":172,"props":6809,"children":6810},{"style":202},[6811],{"type":135,"value":4799},{"type":130,"tag":172,"props":6813,"children":6814},{"style":539},[6815],{"type":135,"value":6679},{"type":130,"tag":172,"props":6817,"children":6818},{"style":539},[6819],{"type":135,"value":6684},{"type":130,"tag":172,"props":6821,"children":6822},{"style":539},[6823],{"type":135,"value":6390},{"type":130,"tag":172,"props":6825,"children":6826},{"style":539},[6827],{"type":135,"value":6693},{"type":130,"tag":172,"props":6829,"children":6830},{"style":539},[6831],{"type":135,"value":6698},{"type":130,"tag":172,"props":6833,"children":6834},{"style":539},[6835],{"type":135,"value":6703},{"type":130,"tag":172,"props":6837,"children":6838},{"style":539},[6839],{"type":135,"value":6840}," 3",{"type":130,"tag":172,"props":6842,"children":6843},{"style":539},[6844],{"type":135,"value":4819},{"type":130,"tag":172,"props":6846,"children":6847},{"style":202},[6848],{"type":135,"value":916},{"type":130,"tag":172,"props":6850,"children":6851},{"class":174,"line":1104},[6852],{"type":130,"tag":172,"props":6853,"children":6854},{"style":196},[6855],{"type":135,"value":1003},{"type":130,"tag":172,"props":6857,"children":6858},{"class":174,"line":1128},[],{"type":130,"tag":172,"props":6860,"children":6861},{"class":174,"line":1152},[6862,6866],{"type":130,"tag":172,"props":6863,"children":6864},{"style":202},[6865],{"type":135,"value":531},{"type":130,"tag":172,"props":6867,"children":6868},{"style":212},[6869],{"type":135,"value":536},{"type":130,"tag":172,"props":6871,"children":6872},{"class":174,"line":1160},[6873,6877,6881,6885,6889],{"type":130,"tag":172,"props":6874,"children":6875},{"style":539},[6876],{"type":135,"value":953},{"type":130,"tag":172,"props":6878,"children":6879},{"style":202},[6880],{"type":135,"value":547},{"type":130,"tag":172,"props":6882,"children":6883},{"style":202},[6884],{"type":135,"value":552},{"type":130,"tag":172,"props":6886,"children":6887},{"style":351},[6888],{"type":135,"value":3282},{"type":130,"tag":172,"props":6890,"children":6891},{"style":202},[6892],{"type":135,"value":552},{"type":130,"tag":172,"props":6894,"children":6895},{"class":174,"line":1164},[6896,6900,6904,6908,6912],{"type":130,"tag":172,"props":6897,"children":6898},{"style":539},[6899],{"type":135,"value":978},{"type":130,"tag":172,"props":6901,"children":6902},{"style":202},[6903],{"type":135,"value":547},{"type":130,"tag":172,"props":6905,"children":6906},{"style":202},[6907],{"type":135,"value":552},{"type":130,"tag":172,"props":6909,"children":6910},{"style":351},[6911],{"type":135,"value":6642},{"type":130,"tag":172,"props":6913,"children":6914},{"style":202},[6915],{"type":135,"value":552},{"type":130,"tag":172,"props":6917,"children":6918},{"class":174,"line":1197},[6919,6923,6927,6931,6936,6940,6944,6948,6952,6956,6960,6964,6968,6972,6977,6982,6987,6992,6997],{"type":130,"tag":172,"props":6920,"children":6921},{"style":539},[6922],{"type":135,"value":655},{"type":130,"tag":172,"props":6924,"children":6925},{"style":202},[6926],{"type":135,"value":547},{"type":130,"tag":172,"props":6928,"children":6929},{"style":202},[6930],{"type":135,"value":552},{"type":130,"tag":172,"props":6932,"children":6933},{"style":351},[6934],{"type":135,"value":6935},"{focus:'auto', zoom:3}",{"type":130,"tag":172,"props":6937,"children":6938},{"style":202},[6939],{"type":135,"value":552},{"type":130,"tag":172,"props":6941,"children":6942},{"style":202},[6943],{"type":135,"value":4799},{"type":130,"tag":172,"props":6945,"children":6946},{"style":539},[6947],{"type":135,"value":6679},{"type":130,"tag":172,"props":6949,"children":6950},{"style":539},[6951],{"type":135,"value":6684},{"type":130,"tag":172,"props":6953,"children":6954},{"style":539},[6955],{"type":135,"value":6390},{"type":130,"tag":172,"props":6957,"children":6958},{"style":539},[6959],{"type":135,"value":6693},{"type":130,"tag":172,"props":6961,"children":6962},{"style":539},[6963],{"type":135,"value":6698},{"type":130,"tag":172,"props":6965,"children":6966},{"style":539},[6967],{"type":135,"value":6703},{"type":130,"tag":172,"props":6969,"children":6970},{"style":539},[6971],{"type":135,"value":6840},{"type":130,"tag":172,"props":6973,"children":6974},{"style":539},[6975],{"type":135,"value":6976}," in",{"type":130,"tag":172,"props":6978,"children":6979},{"style":539},[6980],{"type":135,"value":6981}," direction",{"type":130,"tag":172,"props":6983,"children":6984},{"style":539},[6985],{"type":135,"value":6986}," of",{"type":130,"tag":172,"props":6988,"children":6989},{"style":539},[6990],{"type":135,"value":6991}," the",{"type":130,"tag":172,"props":6993,"children":6994},{"style":539},[6995],{"type":135,"value":6996}," focus--",{"type":130,"tag":172,"props":6998,"children":6999},{"style":202},[7000],{"type":135,"value":916},{"type":130,"tag":172,"props":7002,"children":7003},{"class":174,"line":1209},[7004],{"type":130,"tag":172,"props":7005,"children":7006},{"style":196},[7007],{"type":135,"value":1003},{"type":130,"tag":172,"props":7009,"children":7010},{"class":174,"line":1233},[],{"type":130,"tag":172,"props":7012,"children":7013},{"class":174,"line":1257},[7014,7018],{"type":130,"tag":172,"props":7015,"children":7016},{"style":202},[7017],{"type":135,"value":531},{"type":130,"tag":172,"props":7019,"children":7020},{"style":212},[7021],{"type":135,"value":536},{"type":130,"tag":172,"props":7023,"children":7024},{"class":174,"line":1281},[7025,7029,7033,7037,7041],{"type":130,"tag":172,"props":7026,"children":7027},{"style":539},[7028],{"type":135,"value":953},{"type":130,"tag":172,"props":7030,"children":7031},{"style":202},[7032],{"type":135,"value":547},{"type":130,"tag":172,"props":7034,"children":7035},{"style":202},[7036],{"type":135,"value":552},{"type":130,"tag":172,"props":7038,"children":7039},{"style":351},[7040],{"type":135,"value":3282},{"type":130,"tag":172,"props":7042,"children":7043},{"style":202},[7044],{"type":135,"value":552},{"type":130,"tag":172,"props":7046,"children":7047},{"class":174,"line":1289},[7048,7052,7056,7060,7064],{"type":130,"tag":172,"props":7049,"children":7050},{"style":539},[7051],{"type":135,"value":978},{"type":130,"tag":172,"props":7053,"children":7054},{"style":202},[7055],{"type":135,"value":547},{"type":130,"tag":172,"props":7057,"children":7058},{"style":202},[7059],{"type":135,"value":552},{"type":130,"tag":172,"props":7061,"children":7062},{"style":351},[7063],{"type":135,"value":6642},{"type":130,"tag":172,"props":7065,"children":7066},{"style":202},[7067],{"type":135,"value":552},{"type":130,"tag":172,"props":7069,"children":7070},{"class":174,"line":1293},[7071,7075,7079,7083,7088,7092,7096,7100,7104,7108,7112,7116,7120,7124,7128,7132,7136,7140,7144],{"type":130,"tag":172,"props":7072,"children":7073},{"style":539},[7074],{"type":135,"value":655},{"type":130,"tag":172,"props":7076,"children":7077},{"style":202},[7078],{"type":135,"value":547},{"type":130,"tag":172,"props":7080,"children":7081},{"style":202},[7082],{"type":135,"value":552},{"type":130,"tag":172,"props":7084,"children":7085},{"style":351},[7086],{"type":135,"value":7087},"{focus:'200x200', zoom:3}",{"type":130,"tag":172,"props":7089,"children":7090},{"style":202},[7091],{"type":135,"value":552},{"type":130,"tag":172,"props":7093,"children":7094},{"style":202},[7095],{"type":135,"value":4799},{"type":130,"tag":172,"props":7097,"children":7098},{"style":539},[7099],{"type":135,"value":6679},{"type":130,"tag":172,"props":7101,"children":7102},{"style":539},[7103],{"type":135,"value":6684},{"type":130,"tag":172,"props":7105,"children":7106},{"style":539},[7107],{"type":135,"value":6390},{"type":130,"tag":172,"props":7109,"children":7110},{"style":539},[7111],{"type":135,"value":6693},{"type":130,"tag":172,"props":7113,"children":7114},{"style":539},[7115],{"type":135,"value":6698},{"type":130,"tag":172,"props":7117,"children":7118},{"style":539},[7119],{"type":135,"value":6703},{"type":130,"tag":172,"props":7121,"children":7122},{"style":539},[7123],{"type":135,"value":6840},{"type":130,"tag":172,"props":7125,"children":7126},{"style":539},[7127],{"type":135,"value":6976},{"type":130,"tag":172,"props":7129,"children":7130},{"style":539},[7131],{"type":135,"value":6981},{"type":130,"tag":172,"props":7133,"children":7134},{"style":539},[7135],{"type":135,"value":6986},{"type":130,"tag":172,"props":7137,"children":7138},{"style":539},[7139],{"type":135,"value":6991},{"type":130,"tag":172,"props":7141,"children":7142},{"style":539},[7143],{"type":135,"value":6996},{"type":130,"tag":172,"props":7145,"children":7146},{"style":202},[7147],{"type":135,"value":916},{"type":130,"tag":172,"props":7149,"children":7150},{"class":174,"line":1326},[7151],{"type":130,"tag":172,"props":7152,"children":7153},{"style":196},[7154],{"type":135,"value":1003},{"type":130,"tag":131,"props":7156,"children":7157},{},[7158,7159,7170],{"type":135,"value":4028},{"type":130,"tag":138,"props":7160,"children":7163},{"href":7161,"rel":7162},"https://www.twicpics.com/docs/api/transformations/?utm_source=nuxt&utm_medium=organic&utm_campaign=provider#zoom",[142],[7164,7165,7169],{"type":135,"value":5065},{"type":130,"tag":153,"props":7166,"children":7167},{"className":118},[7168],{"type":135,"value":2979},{"type":135,"value":5071},{"type":135,"value":1451},{"type":130,"tag":389,"props":7172,"children":7174},{"id":7173},"combination-of-parameters",[7175],{"type":135,"value":7176},"Combination of parameters",{"type":130,"tag":131,"props":7178,"children":7179},{},[7180,7182,7188],{"type":135,"value":7181},"You can combine several transformations of the ",{"type":130,"tag":138,"props":7183,"children":7185},{"href":4647,"rel":7184},[142],[7186],{"type":135,"value":7187},"TwicPics API",{"type":135,"value":1451},{"type":130,"tag":131,"props":7190,"children":7191},{},[7192],{"type":135,"value":7193},"Be aware that the order of the parameters can be significant.",{"type":130,"tag":131,"props":7195,"children":7196},{},[7197],{"type":135,"value":892},{"type":130,"tag":131,"props":7199,"children":7200},{},[7201],{"type":135,"value":7202},"This will return a variant of image for which we have, in order:",{"type":130,"tag":7204,"props":7205,"children":7206},"ol",{},[7207,7212,7217],{"type":130,"tag":878,"props":7208,"children":7209},{},[7210],{"type":135,"value":7211},"cropped the image from the center to 16:9 aspect ratio",{"type":130,"tag":878,"props":7213,"children":7214},{},[7215],{"type":135,"value":7216},"then placed the focus on the center of interest of the cropped image",{"type":130,"tag":878,"props":7218,"children":7219},{},[7220],{"type":135,"value":7221},"then rotate the image 90° to the left",{"type":130,"tag":131,"props":7223,"children":7224},{},[7225],{"type":135,"value":7226},"The result is a 9:16 (not 16:9) image with a possibly false area of interest.",{"type":130,"tag":161,"props":7228,"children":7230},{"className":517,"code":7229,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/football.jpg\"\n :modifiers=\"{cover:'16:9', focus:'auto', turn:'left'}\"\n/>\n",[7231],{"type":130,"tag":153,"props":7232,"children":7233},{"__ignoreMap":118},[7234,7245,7268,7291,7315],{"type":130,"tag":172,"props":7235,"children":7236},{"class":174,"line":175},[7237,7241],{"type":130,"tag":172,"props":7238,"children":7239},{"style":202},[7240],{"type":135,"value":531},{"type":130,"tag":172,"props":7242,"children":7243},{"style":212},[7244],{"type":135,"value":536},{"type":130,"tag":172,"props":7246,"children":7247},{"class":174,"line":208},[7248,7252,7256,7260,7264],{"type":130,"tag":172,"props":7249,"children":7250},{"style":539},[7251],{"type":135,"value":953},{"type":130,"tag":172,"props":7253,"children":7254},{"style":202},[7255],{"type":135,"value":547},{"type":130,"tag":172,"props":7257,"children":7258},{"style":202},[7259],{"type":135,"value":552},{"type":130,"tag":172,"props":7261,"children":7262},{"style":351},[7263],{"type":135,"value":3282},{"type":130,"tag":172,"props":7265,"children":7266},{"style":202},[7267],{"type":135,"value":552},{"type":130,"tag":172,"props":7269,"children":7270},{"class":174,"line":228},[7271,7275,7279,7283,7287],{"type":130,"tag":172,"props":7272,"children":7273},{"style":539},[7274],{"type":135,"value":978},{"type":130,"tag":172,"props":7276,"children":7277},{"style":202},[7278],{"type":135,"value":547},{"type":130,"tag":172,"props":7280,"children":7281},{"style":202},[7282],{"type":135,"value":552},{"type":130,"tag":172,"props":7284,"children":7285},{"style":351},[7286],{"type":135,"value":3306},{"type":130,"tag":172,"props":7288,"children":7289},{"style":202},[7290],{"type":135,"value":552},{"type":130,"tag":172,"props":7292,"children":7293},{"class":174,"line":246},[7294,7298,7302,7306,7311],{"type":130,"tag":172,"props":7295,"children":7296},{"style":539},[7297],{"type":135,"value":1590},{"type":130,"tag":172,"props":7299,"children":7300},{"style":202},[7301],{"type":135,"value":547},{"type":130,"tag":172,"props":7303,"children":7304},{"style":202},[7305],{"type":135,"value":552},{"type":130,"tag":172,"props":7307,"children":7308},{"style":351},[7309],{"type":135,"value":7310},"{cover:'16:9', focus:'auto', turn:'left'}",{"type":130,"tag":172,"props":7312,"children":7313},{"style":202},[7314],{"type":135,"value":552},{"type":130,"tag":172,"props":7316,"children":7317},{"class":174,"line":255},[7318],{"type":130,"tag":172,"props":7319,"children":7320},{"style":202},[7321],{"type":135,"value":1003},{"type":130,"tag":131,"props":7323,"children":7324},{},[7325],{"type":135,"value":7326},"This will return a variant of your image for which we have, in order:",{"type":130,"tag":7204,"props":7328,"children":7329},{},[7330,7335,7340],{"type":130,"tag":878,"props":7331,"children":7332},{},[7333],{"type":135,"value":7334},"placed the focus on the center of interest of the original image",{"type":130,"tag":878,"props":7336,"children":7337},{},[7338],{"type":135,"value":7339},"then cropped the image to 16:9 from the center of interest",{"type":130,"tag":878,"props":7341,"children":7342},{},[7343],{"type":135,"value":7344},"then rotated the image 90° to the left",{"type":130,"tag":131,"props":7346,"children":7347},{},[7348],{"type":135,"value":7349},"The result is a cropped image with the area of interest retained and displayed in 16:9 format.",{"type":130,"tag":161,"props":7351,"children":7353},{"className":517,"code":7352,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/football.jpg\"\n fit=\"fill\"\n :modifiers=\"{focus:'auto', turn:'left', cover:'16:9'}\"\n/>\n",[7354],{"type":130,"tag":153,"props":7355,"children":7356},{"__ignoreMap":118},[7357,7368,7391,7414,7438,7462],{"type":130,"tag":172,"props":7358,"children":7359},{"class":174,"line":175},[7360,7364],{"type":130,"tag":172,"props":7361,"children":7362},{"style":202},[7363],{"type":135,"value":531},{"type":130,"tag":172,"props":7365,"children":7366},{"style":212},[7367],{"type":135,"value":536},{"type":130,"tag":172,"props":7369,"children":7370},{"class":174,"line":208},[7371,7375,7379,7383,7387],{"type":130,"tag":172,"props":7372,"children":7373},{"style":539},[7374],{"type":135,"value":953},{"type":130,"tag":172,"props":7376,"children":7377},{"style":202},[7378],{"type":135,"value":547},{"type":130,"tag":172,"props":7380,"children":7381},{"style":202},[7382],{"type":135,"value":552},{"type":130,"tag":172,"props":7384,"children":7385},{"style":351},[7386],{"type":135,"value":3282},{"type":130,"tag":172,"props":7388,"children":7389},{"style":202},[7390],{"type":135,"value":552},{"type":130,"tag":172,"props":7392,"children":7393},{"class":174,"line":228},[7394,7398,7402,7406,7410],{"type":130,"tag":172,"props":7395,"children":7396},{"style":539},[7397],{"type":135,"value":978},{"type":130,"tag":172,"props":7399,"children":7400},{"style":202},[7401],{"type":135,"value":547},{"type":130,"tag":172,"props":7403,"children":7404},{"style":202},[7405],{"type":135,"value":552},{"type":130,"tag":172,"props":7407,"children":7408},{"style":351},[7409],{"type":135,"value":3306},{"type":130,"tag":172,"props":7411,"children":7412},{"style":202},[7413],{"type":135,"value":552},{"type":130,"tag":172,"props":7415,"children":7416},{"class":174,"line":246},[7417,7421,7425,7429,7434],{"type":130,"tag":172,"props":7418,"children":7419},{"style":539},[7420],{"type":135,"value":1565},{"type":130,"tag":172,"props":7422,"children":7423},{"style":202},[7424],{"type":135,"value":547},{"type":130,"tag":172,"props":7426,"children":7427},{"style":202},[7428],{"type":135,"value":552},{"type":130,"tag":172,"props":7430,"children":7431},{"style":351},[7432],{"type":135,"value":7433},"fill",{"type":130,"tag":172,"props":7435,"children":7436},{"style":202},[7437],{"type":135,"value":552},{"type":130,"tag":172,"props":7439,"children":7440},{"class":174,"line":255},[7441,7445,7449,7453,7458],{"type":130,"tag":172,"props":7442,"children":7443},{"style":539},[7444],{"type":135,"value":1590},{"type":130,"tag":172,"props":7446,"children":7447},{"style":202},[7448],{"type":135,"value":547},{"type":130,"tag":172,"props":7450,"children":7451},{"style":202},[7452],{"type":135,"value":552},{"type":130,"tag":172,"props":7454,"children":7455},{"style":351},[7456],{"type":135,"value":7457},"{focus:'auto', turn:'left', cover:'16:9'}",{"type":130,"tag":172,"props":7459,"children":7460},{"style":202},[7461],{"type":135,"value":552},{"type":130,"tag":172,"props":7463,"children":7464},{"class":174,"line":370},[7465],{"type":130,"tag":172,"props":7466,"children":7467},{"style":202},[7468],{"type":135,"value":1003},{"type":130,"tag":389,"props":7470,"children":7472},{"id":7471},"dealing-with-image-ratio",[7473],{"type":135,"value":7474},"Dealing with image ratio",{"type":130,"tag":131,"props":7476,"children":7477},{},[7478],{"type":135,"value":7479},"Let's say you want to display an image in 4:3 aspect ratio with a width of 300px.",{"type":130,"tag":161,"props":7481,"children":7483},{"className":517,"code":7482,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n width=300\n fit=\"fill\"\n :modifiers=\"{cover:'4:3'}\"\n/>\n",[7484],{"type":130,"tag":153,"props":7485,"children":7486},{"__ignoreMap":118},[7487,7498,7521,7544,7559,7582,7606],{"type":130,"tag":172,"props":7488,"children":7489},{"class":174,"line":175},[7490,7494],{"type":130,"tag":172,"props":7491,"children":7492},{"style":202},[7493],{"type":135,"value":531},{"type":130,"tag":172,"props":7495,"children":7496},{"style":212},[7497],{"type":135,"value":536},{"type":130,"tag":172,"props":7499,"children":7500},{"class":174,"line":208},[7501,7505,7509,7513,7517],{"type":130,"tag":172,"props":7502,"children":7503},{"style":539},[7504],{"type":135,"value":953},{"type":130,"tag":172,"props":7506,"children":7507},{"style":202},[7508],{"type":135,"value":547},{"type":130,"tag":172,"props":7510,"children":7511},{"style":202},[7512],{"type":135,"value":552},{"type":130,"tag":172,"props":7514,"children":7515},{"style":351},[7516],{"type":135,"value":3282},{"type":130,"tag":172,"props":7518,"children":7519},{"style":202},[7520],{"type":135,"value":552},{"type":130,"tag":172,"props":7522,"children":7523},{"class":174,"line":228},[7524,7528,7532,7536,7540],{"type":130,"tag":172,"props":7525,"children":7526},{"style":539},[7527],{"type":135,"value":978},{"type":130,"tag":172,"props":7529,"children":7530},{"style":202},[7531],{"type":135,"value":547},{"type":130,"tag":172,"props":7533,"children":7534},{"style":202},[7535],{"type":135,"value":552},{"type":130,"tag":172,"props":7537,"children":7538},{"style":351},[7539],{"type":135,"value":3544},{"type":130,"tag":172,"props":7541,"children":7542},{"style":202},[7543],{"type":135,"value":552},{"type":130,"tag":172,"props":7545,"children":7546},{"class":174,"line":246},[7547,7551,7555],{"type":130,"tag":172,"props":7548,"children":7549},{"style":539},[7550],{"type":135,"value":1059},{"type":130,"tag":172,"props":7552,"children":7553},{"style":202},[7554],{"type":135,"value":547},{"type":130,"tag":172,"props":7556,"children":7557},{"style":351},[7558],{"type":135,"value":3326},{"type":130,"tag":172,"props":7560,"children":7561},{"class":174,"line":255},[7562,7566,7570,7574,7578],{"type":130,"tag":172,"props":7563,"children":7564},{"style":539},[7565],{"type":135,"value":1565},{"type":130,"tag":172,"props":7567,"children":7568},{"style":202},[7569],{"type":135,"value":547},{"type":130,"tag":172,"props":7571,"children":7572},{"style":202},[7573],{"type":135,"value":552},{"type":130,"tag":172,"props":7575,"children":7576},{"style":351},[7577],{"type":135,"value":7433},{"type":130,"tag":172,"props":7579,"children":7580},{"style":202},[7581],{"type":135,"value":552},{"type":130,"tag":172,"props":7583,"children":7584},{"class":174,"line":370},[7585,7589,7593,7597,7602],{"type":130,"tag":172,"props":7586,"children":7587},{"style":539},[7588],{"type":135,"value":1590},{"type":130,"tag":172,"props":7590,"children":7591},{"style":202},[7592],{"type":135,"value":547},{"type":130,"tag":172,"props":7594,"children":7595},{"style":202},[7596],{"type":135,"value":552},{"type":130,"tag":172,"props":7598,"children":7599},{"style":351},[7600],{"type":135,"value":7601},"{cover:'4:3'}",{"type":130,"tag":172,"props":7603,"children":7604},{"style":202},[7605],{"type":135,"value":552},{"type":130,"tag":172,"props":7607,"children":7608},{"class":174,"line":378},[7609],{"type":130,"tag":172,"props":7610,"children":7611},{"style":202},[7612],{"type":135,"value":1003},{"type":130,"tag":131,"props":7614,"children":7615},{},[7616,7618,7622],{"type":135,"value":7617},"Or, with ",{"type":130,"tag":153,"props":7619,"children":7620},{"className":118},[7621],{"type":135,"value":5445},{"type":135,"value":7623},"='auto'",{"type":130,"tag":161,"props":7625,"children":7627},{"className":517,"code":7626,"language":519,"meta":118,"style":118},"\u003CNuxtImg\n provider=\"twicpics\"\n src=\"/cat_1x1.jpg\"\n width=300\n fit=\"fill\"\n :modifiers=\"{focus:'auto', cover:'4:3'}\"\n/>\n",[7628],{"type":130,"tag":153,"props":7629,"children":7630},{"__ignoreMap":118},[7631,7642,7665,7688,7703,7726,7750],{"type":130,"tag":172,"props":7632,"children":7633},{"class":174,"line":175},[7634,7638],{"type":130,"tag":172,"props":7635,"children":7636},{"style":202},[7637],{"type":135,"value":531},{"type":130,"tag":172,"props":7639,"children":7640},{"style":212},[7641],{"type":135,"value":536},{"type":130,"tag":172,"props":7643,"children":7644},{"class":174,"line":208},[7645,7649,7653,7657,7661],{"type":130,"tag":172,"props":7646,"children":7647},{"style":539},[7648],{"type":135,"value":953},{"type":130,"tag":172,"props":7650,"children":7651},{"style":202},[7652],{"type":135,"value":547},{"type":130,"tag":172,"props":7654,"children":7655},{"style":202},[7656],{"type":135,"value":552},{"type":130,"tag":172,"props":7658,"children":7659},{"style":351},[7660],{"type":135,"value":3282},{"type":130,"tag":172,"props":7662,"children":7663},{"style":202},[7664],{"type":135,"value":552},{"type":130,"tag":172,"props":7666,"children":7667},{"class":174,"line":228},[7668,7672,7676,7680,7684],{"type":130,"tag":172,"props":7669,"children":7670},{"style":539},[7671],{"type":135,"value":978},{"type":130,"tag":172,"props":7673,"children":7674},{"style":202},[7675],{"type":135,"value":547},{"type":130,"tag":172,"props":7677,"children":7678},{"style":202},[7679],{"type":135,"value":552},{"type":130,"tag":172,"props":7681,"children":7682},{"style":351},[7683],{"type":135,"value":3544},{"type":130,"tag":172,"props":7685,"children":7686},{"style":202},[7687],{"type":135,"value":552},{"type":130,"tag":172,"props":7689,"children":7690},{"class":174,"line":246},[7691,7695,7699],{"type":130,"tag":172,"props":7692,"children":7693},{"style":539},[7694],{"type":135,"value":1059},{"type":130,"tag":172,"props":7696,"children":7697},{"style":202},[7698],{"type":135,"value":547},{"type":130,"tag":172,"props":7700,"children":7701},{"style":351},[7702],{"type":135,"value":3326},{"type":130,"tag":172,"props":7704,"children":7705},{"class":174,"line":255},[7706,7710,7714,7718,7722],{"type":130,"tag":172,"props":7707,"children":7708},{"style":539},[7709],{"type":135,"value":1565},{"type":130,"tag":172,"props":7711,"children":7712},{"style":202},[7713],{"type":135,"value":547},{"type":130,"tag":172,"props":7715,"children":7716},{"style":202},[7717],{"type":135,"value":552},{"type":130,"tag":172,"props":7719,"children":7720},{"style":351},[7721],{"type":135,"value":7433},{"type":130,"tag":172,"props":7723,"children":7724},{"style":202},[7725],{"type":135,"value":552},{"type":130,"tag":172,"props":7727,"children":7728},{"class":174,"line":370},[7729,7733,7737,7741,7746],{"type":130,"tag":172,"props":7730,"children":7731},{"style":539},[7732],{"type":135,"value":1590},{"type":130,"tag":172,"props":7734,"children":7735},{"style":202},[7736],{"type":135,"value":547},{"type":130,"tag":172,"props":7738,"children":7739},{"style":202},[7740],{"type":135,"value":552},{"type":130,"tag":172,"props":7742,"children":7743},{"style":351},[7744],{"type":135,"value":7745},"{focus:'auto', cover:'4:3'}",{"type":130,"tag":172,"props":7747,"children":7748},{"style":202},[7749],{"type":135,"value":552},{"type":130,"tag":172,"props":7751,"children":7752},{"class":174,"line":378},[7753],{"type":130,"tag":172,"props":7754,"children":7755},{"style":202},[7756],{"type":135,"value":1003},{"type":130,"tag":389,"props":7758,"children":7760},{"id":7759},"go-further-with-twicpics",[7761],{"type":135,"value":7762},"Go further with TwicPics",{"type":130,"tag":131,"props":7764,"children":7765},{},[7766,7768,7775],{"type":135,"value":7767},"TwicPics offers a ",{"type":130,"tag":138,"props":7769,"children":7772},{"href":7770,"rel":7771},"https://www.npmjs.com/package/@twicpics/components",[142],[7773],{"type":135,"value":7774},"collection of web components",{"type":135,"value":7776}," that will allow you to exploit all its power :",{"type":130,"tag":874,"props":7778,"children":7779},{},[7780,7785,7790,7795,7800,7805],{"type":130,"tag":878,"props":7781,"children":7782},{},[7783],{"type":135,"value":7784},"Pixel Perfect",{"type":130,"tag":878,"props":7786,"children":7787},{},[7788],{"type":135,"value":7789},"Layout Driven",{"type":130,"tag":878,"props":7791,"children":7792},{},[7793],{"type":135,"value":7794},"Ideal Compression",{"type":130,"tag":878,"props":7796,"children":7797},{},[7798],{"type":135,"value":7799},"Lazy Loading",{"type":130,"tag":878,"props":7801,"children":7802},{},[7803],{"type":135,"value":7804},"LQIP",{"type":130,"tag":878,"props":7806,"children":7807},{},[7808],{"type":135,"value":7809},"CLS Optimization",{"type":130,"tag":131,"props":7811,"children":7812},{},[7813,7815,7822],{"type":135,"value":7814},"A specific integration to Nuxt is available ",{"type":130,"tag":138,"props":7816,"children":7819},{"href":7817,"rel":7818},"https://github.com/TwicPics/components/blob/main/documentation/nuxt2.md",[142],[7820],{"type":135,"value":7821},"here",{"type":135,"value":1451},{"type":130,"tag":687,"props":7824,"children":7825},{},[7826],{"type":135,"value":691},{"title":118,"searchDepth":208,"depth":208,"links":7828},[7829,7830,7831,7832,7838,7846,7847,7848],{"id":2879,"depth":208,"text":2882},{"id":2983,"depth":208,"text":2986},{"id":3002,"depth":208,"text":3005},{"id":3162,"depth":208,"text":3165,"children":7833},[7834,7835,7836,7837],{"id":3185,"depth":228,"text":3185},{"id":1663,"depth":228,"text":1663},{"id":1858,"depth":228,"text":1858},{"id":3620,"depth":228,"text":3620},{"id":4492,"depth":208,"text":4495,"children":7839},[7840,7841,7842,7843,7844,7845],{"id":2972,"depth":228,"text":2972},{"id":2958,"depth":228,"text":2958},{"id":5445,"depth":228,"text":5445},{"id":5899,"depth":228,"text":5899},{"id":2965,"depth":228,"text":2965},{"id":2979,"depth":228,"text":2979},{"id":7173,"depth":208,"text":7176},{"id":7471,"depth":208,"text":7474},{"id":7759,"depth":208,"text":7762},"content:3.providers:twicpics.md","3.providers/twicpics.md",1697713006419]