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