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