https://pika.style/_next/static/chunks/pages/whats-new-39082413d0082f3b.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4428],{22729:(e,s,a)=>{"use strict";a.r(s),a.d(s,{default:()=>p});var t=a(75038),i=a(21958),r=a(69358),n=a(56725),l=a(54725),o=a(83390),c=a(45609),d=a.n(c),h=a(84506);let p=()=>{let e=[{title:"More free features",date:"October 24, 2024",description:(0,t.jsxs)("div",{children:[(0,t.jsx)("p",{children:"These features are now available for free:"}),(0,t.jsxs)("ul",{className:"list-disc pl-4 mt-2",children:[(0,t.jsx)("li",{children:"All browser frames"}),(0,t.jsx)("li",{children:"All Background patterns"}),(0,t.jsx)("li",{children:"Backgrounds colors: custom colors and image backgrounds"})]})]})},{title:"End of free trial",date:"October 24, 2024",description:(0,t.jsx)("div",{children:(0,t.jsx)("p",{children:"To prevent abuse and to keep the service running, Pika is ending the free trials. This only affects future and new users"})})},{title:"Add arrows",date:"November 05, 2023",description:(0,t.jsxs)("div",{className:"list-disc",children:[(0,t.jsxs)("p",{children:["Now you can add annotate your screenshots with arrows. You can add an arrow using ",(0,t.jsx)(o.iM,{children:"Add → Arrow"})," option in the tool options on top of canvas"]}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:"Arrows are customizable in size, color, position and more"})]})},{title:"iPad Mini Mockup Template, Affiliate Program",date:"September 03, 2023",description:(0,t.jsxs)("ul",{className:"list-disc pl-5",children:[(0,t.jsxs)("li",{children:[(0,t.jsx)(d(),{href:"/templates/ipad-mini-mockup",className:"dark:text-white underline",children:"iPad Mini Mockup Template"}),": a new template to design iPad Mini screens"]}),(0,t.jsxs)("li",{children:[(0,t.jsx)(d(),{href:"/affiliates",className:"dark:text-white underline",children:"Affiliate Program"}),": affiliate program is back, you can earn 30% in recurring commision for every sale you help Pika make"]})]})},{title:"Presets now saves canvas size",date:"Aug 29, 2023",description:(0,t.jsx)("p",{children:"Now when you set custom canvas size and save a preset, the canvas size will be saved as well. So when you apply the preset, the canvas size will be set automatically as well"})},{title:"Preserve file name when exporting",date:"Aug 29, 2023",description:(0,t.jsxs)("p",{children:["Now you can retain input file names for exported images in Pika. You can enable this in ",(0,t.jsx)(o.iM,{children:"Settings"})," →"," ",(0,t.jsx)(o.iM,{children:"Export"})]})},{title:"Background images from Unsplash",date:"July 01, 2023",description:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("p",{children:["Now you can search and set background images from Unsplash. To do so, you can go to"," ",(0,t.jsx)(o.iM,{children:"Backgroun

1d > Unsplash"}),", there you can search for images and click on any to set as background"]})})},{title:"SVG Exports",date:"June 21, 2023",description:(0,t.jsx)(t.Fragment,{children:(0,t.jsx)("p",{children:"You can now export your screenshots and mockups in SVG format as well. This is a Pro only feature and works with all templates and tools in Pika"})})},{title:"Template Presets",date:"June 18, 2023",description:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("p",{children:["Now you can save your customizations as Presets in all"," ",(0,t.jsx)(d(),{href:"/templates",className:"dark:text-white underline",children:"templates"})," ","in Pika. Previously, this was only available in the"," ",(0,t.jsx)(d(),{href:"/",children:"screenshot design tool"}),(0,t.jsx)("br",{}),(0,t.jsx)("br",{})," With Template Presets, you can quickly apply your customizations in just one-click. This is a Pro only feature"]}),(0,t.jsx)("br",{}),(0,t.jsx)(d(),{href:"/articles/template-presets",className:"dark:text-white underline",children:"learn more →"})]})},{title:"Pricing update for Teams",date:"June 17, 2023",description:(0,t.jsx)(t.Fragment,{children:"There's a new pricing for teams. You can add upto 5 members with a fixed $25 a month or $250 a year pricing"})},{title:"New template for Icon Images, Notion template now support Browser Frames",date:"April 02, 2023",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsxs)("li",{children:[(0,t.jsx)(d(),{href:"/templates/icon-image-maker",className:"dark:text-white underline",children:"Icon Image template"}),": Template designed to create presentation images from icons, useful to create blog feature images, landing page assets and marketing screenshots"]}),(0,t.jsxs)("li",{children:[(0,t.jsx)(d(),{href:"/templates/notion-style-image",className:"dark:text-white underline",children:"Notion Style Image Template"})," ","now supports browser frames. So now you can chose to have different browser styles for 2 screenshots in the template"]})]})},{title:"3 New Patterns, free Solid Colors and subtle Pika watermark",date:"Feb 23, 2023",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsxs)("li",{children:[(0,t.jsx)("strong",{className:"dark:text-white",children:"3 New Patterns"}),": Chimes, Harmony and Sight are new set of patterns to take your screenshots to next level. Free tier users can now use 2 patterns, Circles and Waves. Patterns now also support 2 new blending modes: Screen and Darken"]}),(0,t.jsxs)("li",{children:[(0,t.jsx)("strong",{className:"dark:text-white",children:"Free Solid Colors"}),": A preset of solid colors are now available in free tier"]}),(0,t.jsxs)("li",{children:[(0,t.jsx)("strong",{className:"dark:text-white",children:"Subtle Pika Watermark"}),": Pika's watermark on free tier has been updated to be more subtle and blending"]})]})},{title:"New: Pricing update",date:"Feb 21, 2023",description:(0,t.jsx)("ul",{className:"list-disc pl-4 space-y-1",children:(0,t.jsxs)("li",{children:[(0,t.jsx)("strong",{className:"dark:text-white",children:"New Pricing"}),": Pika's Pro plan is now back to $12 a month(previously $15 a month). This new pricing will be applicable only to new users, unless you cancel and start a new subscription"]})})},{title:"New: Highlights",date:"Feb 18, 2023",description:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{children:"Now you can highlight a certain part of your image using Highlight layer"}),(0,t.jsx)("br",{}),(0,t.jsxs)("p",{children:["You can add a highlight layer using"," ",(0,t.jsx)(o.iM,{children:"Add → Highlight"})," dropdown option in the tool options on top of canvas"]})]})},{title:"New: Affiliate program",date:"Feb 13, 2023",description:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{children:"With Pika's affiliate program, you can earn 30% recurring revenue per sale"}),(0,t.jsx)("br",{}),(0,t.jsx)(d(),{href:"https://el.pika.style/affilate-program",className:"dark:text-white underline",target:"_blank",children:"Join here →"})]})},{title:"New: Team plan and pricing update",date:"Jan 09, 2023",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsxs)("li",{children:[(0,t.jsx)("strong",{className:"dark:text-white",children:"Team Plan"}),": Pika now has a new team plan. Users can signup and add upto 15 team members"]}),(0,t.jsxs)("li",{children:[(0,t.jsx)("strong",{className:"dark:text-white",children:"New Pricing"}),": Pika's Pro plan now costs $15 a month(previously $12 a month). This new pricing will be applicable only to new users, unless you cancel and start a new subscription"]})]})},{title:"New: Shapes",date:"Jan 09, 2023",description:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{children:'Pro users can now add rectangles, circles and square shapes in canvas using the "Shapes" button above the canvas'}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:"All shapes are customizable and you can control background, size, blur, opacity for each shape"})]})},{title:"New Template for Mobile app presentation",date:"Jan 08, 2023",description:(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)("p",{className:"",children:["A new template to quickly present your mobile app screens in a classic way."," ",(0,t.jsx)(d(),{href:"/templates/mobile-app-presentation-template",className:"underline",children:"Try it out →"})]})})},{title:"Pika now saves your template customizations",date:"Jan 05, 2023",description:(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("p",{className:"",children:"All templates customizations are now saved locally. So when you load the template again, it'll automatically have all the customizations from last time"}),(0,t.jsx)("br",{}),(0,t.jsx)("p",{children:"This is Pika Pro feature only to help save time and quickly apply customizations and get the same look in screenshots"})]})},{title:"Pika VSCode Extension is live!",date:"Dec 23, 2022",description:(0,t.jsxs)("p",{children:["Quickly make images from selected code in your VSCode editor using Pika's VSCode Extension ",(0,t.jsx)("br",{}),(0,t.jsx)(d(),{href:"/tools/vscode-extension",className:"underline",children:"Get the extension here →"})]})},{title:"Pika Chrome Extension is here!",date:"Nov 09, 2022",description:(0,t.jsxs)("p",{children:["Quickly capture tab screenshots with just 1-click and design it in Pika."," ",(0,t.jsx)(d(),{href:"/tools/browser-extensions",className:"underline",children:"Get the extension here →"})]})},{title:"New way to add Text in canvas, Shortboard frame and Notion style image template",date:"Nov 09, 2022",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsx)("li",{children:'Use "Add text" button in options panel above canvas to add customizable text layers'}),(0,t.jsx)("li",{children:"Shortboard is a new frame inspired by Notion"}),(0,t.jsxs)("li",{children:["New"," ",(0,t.jsx)(d(),{href:"/templates/notion-style-image",className:"underline",children:"Notion style image template"})]}),(0,t.jsx)("li",{children:"New iPhone 14 frames and improvements to mobile templates"})]})},{title:"Export images in WebP",date:"Oct 16, 2022",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsx)("li",{children:"Pro users can now export images in WebP format too"}),(0,t.jsx)("li",{children:"WebP images are now majorly supported by browsers and are on average 40% to 60% smaller than PNG files"}),(0,t.jsxs)("li",{children:["Use ",(0,t.jsx)(o.iM,{children:"Cmd+I"})," or"," ",(0,t.jsx)(o.iM,{children:"Ctrl+I"})," to export as WebP"]})]})},{title:"Drag-n-drop images in templates, Command Centre",date:"Oct 15, 2022",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsxs)("li",{children:[(0,t.jsx)("span",{className:"underline cursor-pointer",onClick:()=>c_SetShowCommandCentre(!0),children:"New Command Centre"})," ","can be used to quickly access help articles, templates, settings and more"]}),(0,t.jsx)("li",{children:"Now you can drag-n-drop image in all templates to add to canvas"})]})},{title:"Pricing update",date:"Oct 14, 2022",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsxs)("li",{children:[(0,t.jsx)(d(),{href:"/pricing",className:"underline",children:"Pika's Pro tier"}

1)," ","is now $12 a month, $120 a year(2 months of free usage)"]}),(0,t.jsx)("li",{children:"This pricing applies only to new users, old users will continue to be on the pricing they signed up on"})]})},{title:"Patterns, new frames, advanced shadows and more",date:"Oct 08, 2022",description:(0,t.jsxs)("ul",{className:"list-disc pl-4 space-y-1",children:[(0,t.jsxs)("li",{children:[(0,t.jsx)(d(),{href:"/articles/using-patterns",className:"underline",children:"Patterns"}),(0,t.jsx)(o.iM,{className:"px-1 mx-[4px]! border-b! shadow!",children:"beta"})," ","on top of backgrounds will make your screenshots stand out"]}),(0,t.jsxs)("li",{children:[(0,t.jsx)(d(),{href:"/articles/browser-device-frames",className:"underline",children:"Two new frames"}),": Stack Dark and macOS Subtle"]}),(0,t.jsx)("li",{children:"Now you can customize shadow color, intensity and more with advanced shadows"}),(0,t.jsxs)("li",{children:["New template:"," ",(0,t.jsx)(d(),{href:"/templates/web/tweet-image",className:"underline",children:"turn tweets into beautiful images"})]})]})}];return(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)(n.bV,{title:"What's new – Pika",description:"Be updated of the new and shiny features",openGraph:{title:"What's new – Pika",description:"Be updated of the new and shiny features"}}),(0,t.jsx)(i.A,{}),(0,t.jsx)(l.n,{icon:(0,t.jsx)(h.A,{size:56,className:"mx-auto opacity-20"}),title:"What's new",subTitle:"Be updated of the new and shiny features",linkTo:"/whats-new",gradient:"linear-gradient(to bottom, purple, pink, blue)"}),(0,t.jsx)(o.T8,{initial:{opacity:0,y:50},animate:{opacity:1,y:0,transition:{delay:.2}},children:(0,t.jsx)(o.mc,{width:"1080px",className:"my-20 md:my-32 relative",children:(0,t.jsx)("section",{className:"w-full mx-auto max-w-[820px]",children:e?.map(e=>(0,t.jsxs)("div",{className:"md:pt-12 pt-10 mb-8",children:[(0,t.jsx)("div",{className:"text-sm mb-2 opacity-40",children:e?.date}),(0,t.jsx)("h2",{className:"text-2xl md:text-4xl font-inter font-bold pb-5 md:pb-6 dark:text-white",children:e?.title}),(0,t.jsx)("div",{className:"text-base max-w-[520px] md:text-lg",children:e?.description}),(0,t.jsx)("hr",{className:"max-w-[520px] mt-12 dark:border-gray-800"})]},e?.title))})})}),(0,t.jsx)(r.A,{})]})}},54725:(e,s,a)=>{"use strict";a.d(s,{n:()=>p,G:()=>c});var t=a(75038),i=a(92376),r=a(71623),n=a(45609),l=a.n(n);let o=JSON.parse('[{"title":"Topics","description":"","list":[{"href":"/articles/template-presets","title":"Using Presets in Templates","pageTitle":"Using Presets in Templates","pageDescription":""},{"href":"/articles/add-screenshot-background","title":"Background gradients and images","pageTitle":"Using background color and Images","pageDescription":""},{"href":"/articles/browser-device-frames","title":"Using Frames","pageDescription":""},{"href":"/articles/using-patterns","title":"Using Patterns","pageDescription":""},{"href":"/articles/resizing-canvas","title":"Resizing Canvas","pageDescription":""},{"href":"/articles/add-image-highlight","title":"Highlight a part in image","pageDescription":""}]}]'),c=()=>{let e=(0,i.useRouter)();return(0,t.jsx)("aside",{className:"w-full border border-gray-200 dark:border-gray-700/40 rounded-xl dark:bg-gray-900/50 backdrop-blur overflow-hidden md:sticky md:top-[65px] max-h-[calc(100vh-100px)]",children:o?.map(s=>(0,t.jsxs)("div",{className:"w-full ",children:[(0,t.jsx)("h2",{className:"dark:text-gray-400 px-3 py-2 opacity-50 text-xs uppercase",children:s?.title}),(0,t.jsxs)("div",{className:"relative",children:[(0,t.jsx)("div",{className:"absolute left-[13px] top-0 w-px bg-gray-200 dark:bg-gray-700 h-full z-1"}),s?.list?.map(s=>(0,t.jsxs)(l(),{href:s?.href,className:(0,r.A)("pl-6 pr-3 py-2 text-sm block  hover:bg-gray-100 hover:text-black dark:hover:bg-gray-800 dark:hover:text-gray-100 relative",e?.asPath===s?.href?"dark:text-white bg-gray-100 dark:bg-gray-800 ":"text-gray-700 dark:text-gray-500"),children:[(0,t.jsx)("div",{className:"absolute left-[5px] top-[7px] text-gray-200 dark:text-gray-700 z-1",children:"—"}),s?.title]},s?.title))]})]},s.title))})};var d=a(22047),h=a(83390);let p=({title:e,subTitle:s,linkTo:a,icon:i,gradient:r,headingAs:n="h1"})=>(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:"absolute inset-0 w-full h-[600px] flex items-start justify-center overflow-hidden",children:(0,t.jsx)("div",{className:"blur-[70px] w-full h-[300px] aspect-square scale-[1.4] opacity-50 dark:mix-blend-hard-light dark:opacity-30",style:{background:r??"linear-gradient(to bottom right, orange, red, yellow, blue, pink)"}})}),(0,t.jsx)(h.T8,{initial:{opacity:0,y:50,scale:1.2}

1,animate:{opacity:1,y:0,scale:1},children:(0,t.jsxs)(h.mc,{width:"1080px",className:"my-20 md:my-32 relative",children:[i??(0,t.jsx)(d.A,{size:56,className:"mx-auto opacity-20"}),(0,t.jsx)(l(),{href:a??"/articles",children:(0,t.jsx)(n,{className:"font-inter text-center text-5xl md:text-[4.8rem] leading-none dark:text-white font-black max-w-[800px] mx-auto text-white drop-shadow-lg",children:e??"Support Articles"})}),(0,t.jsx)("h4",{className:"text-xl md:text-2xl text-center text-gray-600 dark:text-white opacity-60",children:s??"Learn how to use Pika and get the most out of it"})]})})]})},92805:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/whats-new",function(){return a(22729)}])}},e=>{e.O(0,[4558,1178,1958,6394,636,6593,8792],()=>e(e.s=92805)),_N_E=e.O()}]);