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