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