https://pika.style/_next/static/chunks/5642-f73fdd2afe9e4c7f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5642],{15642:(e,a,t)=>{t.d(a,{hs:()=>c,nB:()=>l,nf:()=>p});var o=t(75038),s=t(45609),n=t.n(s),r=t(18070);let i=({children:e="Pika Pro"})=>(0,o.jsx)(n(),{href:"/pricing",children:e}),h='Free exports include a small "designed in Pika.style" watermark, which Pika Pro removes.',d="Your image is edited and exported in your browser. It's only uploaded when you choose to create a share link or save a preset, which are Pro features.",c=[{q:"What is Pika?",a:"Pika is an online screenshot beautifier and mockup generator. Add a screenshot, then put it on a gradient, color or image background, wrap it in a browser frame or device mockup, adjust padding, roundness and shadow, and export it for social posts, docs, landing pages and app stores."},{q:"Is Pika free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes. You can use Pika without an account and export as many images as you like. ",h," ",(0,o.jsx)(i,{})," also adds text, annotations, custom canvas sizes, 4K, SVG and WebP export, share links and saved presets."]})},{q:"How much does Pika Pro cost?",a:(0,o.jsxs)(o.Fragment,{children:["Pika Pro is $",r.yf.amountUsd.monthly," a month or $",r.yf.amountUsd.annually," a year. The Team plan is $",r.EE.amountUsd.monthly," per seat a month, from 2 seats, and adds projects where your team shares presets. There's also a one-time Lifetime plan for $",r.Gw.amountUsd,". See"," ",(0,o.jsx)(i,{children:"pricing"})," for details."]})},{q:"Can Pika take a screenshot of a website for me?",a:(0,o.jsxs)(o.Fragment,{children:["Yes. Paste a link into the"," ",(0,o.jsx)(n(),{href:"/templates/screenshot-editor",children:"screenshot editor"})," to capture the page and edit it right away, or use the free"," ",(0,o.jsx)(n(),{href:"/tool/website-screenshot-generator",children:"website screenshot generator"})," for full-page and mobile captures."]})},{q:"What can I make with Pika?",a:(0,o.jsxs)(o.Fragment,{children:["Beyond the screenshot editor there are"," ",(0,o.jsx)(n(),{href:"/templates",children:"templates"})," for"," ",(0,o.jsx)(n(),{href:"/templates/tweet-image",children:"tweet images"}),","," ",(0,o.jsx)(n(),{href:"/templates/code-image",children:"code screenshots"}),","," ",(0,o.jsx)(n(),{href:"/templates/app-store-play-store-screenshot",children:"App Store screenshots"}),","," ",(0,o.jsx)(n(),{href:"/templates/macbook-mockup-template",children:"MacBook"}),", iPad and Pixel mockups, testimonial images and ",(0,o.jsx)(n(),{href:"/templates/open-graph-generator",children:"Open Graph images"}),"."]})},{q:"Do I need to install anything?",a:(0,o.jsxs)(o.Fragment,{children:["No, Pika runs in your browser. If you want faster capture, there's a"," ",(0,o.jsx)(n(),{href:"/tools/browser-extensions",children:"Chrome extension"}),", a"," ",(0,o.jsx)(n(),{href:"/tools/macos-app",children:"macOS app"}),", a"," ",(0,o.jsx)(n(),{href:"/tools/vscode-extension",children:"VS Code extension"})," and a"," ",(0,o.jsx)(n(),{href:"/tools/pika-raycast",children:"Raycast extension"}),"."]})},{q:"Are my screenshots uploaded anywhere?",a:d}],l={"screenshot-editor":[{q:"Is the screenshot editor free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes, and you don't need an account. Backgrounds, patterns, browser frames, shadows, website capture and PNG or JPG export are all free. ",h," ",(0,o.jsx)(i,{})," also adds tilt, text, arrows, shapes and highlights, custom canvas sizes and 4K export."]})},{q:"How do I add a screenshot?",a:"Drag and drop an image onto the canvas, paste it with Cmd+V or Ctrl+V, pick a file, or paste a website link to capture the page."},{q:"Can I capture a website from its URL?",a:(0,o.jsxs)(o.Fragment,{children:['Yes. Use "Add screenshot from website/link" and Pika captures the page for you to edit. Mobile, full-page and custom-size captures need Pro here, and they\'re free in the'," ",(0,o.jsx)(n(),{href:"/tool/website-screenshot-generator",children:"website screenshot generator"}),"."]})},{q:"Which browser frames are there?",a:"macOS light, dark and adaptive, Arc, Windows light and dark, Stack, Eclipse and more. You can also show your own URL in the frame's address bar."},{q:"What sizes can I export?",a:"Pick a canvas preset for a tweet, Instagram post or story, LinkedIn post, Dribbble shot, Product Hunt, Pinterest, Open Graph image, YouTube thumbnail or App Store screenshot, or keep it on Auto. Exports are HD, and 2x export up to 4K is a Pro feature."},{q:"Can I export the screenshot without the background?",a:"Yes. Save without background exports just your framed screenshot as a PNG, with nothing behind it."},{q:"Are my screenshots uploaded?",a:`${d} When you capture a website, the screenshot is taken on our server.`}],"tweet-image":[{q:"How do I turn a tweet into an image?",a:"Copy the post's link from X (x.com or twitter.com), paste it into the box and press Enter. Pika loads the tweet onto the canvas, where you can change its size, font, shadow and background, then save it as a PNG or copy it."},{q:"Is the tweet screenshot generator free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes. There's no account to create and no watermark on tweet images. ",(0,o.jsx)(i,{})," adds the date and time, the X logo, like and repost counts, custom card and text colors, and lets you edit the tweet's text."]})},{q:"Does it show the photos in a tweet?",a:"Yes. Photos are shown in the image, and videos and GIFs show their preview frame. Turn off Show Images to leave them out."},{q:"Can I make a dark mode tweet image?",a:"With Pro you can set the card's background and text colors, for example a dark card with light text. The free version uses a light card."},{q:"Can I screenshot a whole thread?",a:"Pika makes an image of one post at a time. For a thread, create an image for each post."},{q:"What size is the image?",a:"Pick a canvas preset such as Tweet, Instagram post or story, LinkedIn post or square, or keep it on Auto. Adjust the tweet's width and size to fit."}],"code-image":[{q:"How do I make a code screenshot?",a:"Type or paste your co

1de into the editor, choose its language for syntax highlighting, give the window a title and pick a light or dark theme and a background. Then save it as a PNG or copy it."},{q:"Which languages are supported?",a:"23 languages: C-like, Clojure, CoffeeScript, CSS, Dart, Elixir, Elm, Go, HTML, Java, JavaScript and TypeScript, JSX, Markdown, Perl, PHP, Python, Ruby, Sass, Shell, Slim, SQL, Swift and YAML."},{q:"Is the code screenshot tool free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes, with no account and no watermark. ",(0,o.jsx)(i,{})," adds more fonts (JetBrains Mono, IBM Plex Mono, Source Code Pro and Space Mono, alongside the default DM Mono) and 4K export."]})},{q:"Can I hide the window title?",a:"Yes. Delete the title and type a single space instead. The window keeps its macOS-style controls."},{q:"Can I make code images from VS Code?",a:(0,o.jsxs)(o.Fragment,{children:["Yes. Install the"," ",(0,o.jsx)(n(),{href:"/tools/vscode-extension",children:"Pika VS Code extension"}),', select your code and run "Make screenshot in Pika". It opens here with your code already in the editor.']})}],"macbook-mockup-template":[{q:"How do I make a MacBook mockup?",a:"Add your screenshot and Pika places it on the MacBook's screen. Adjust the frame size, shadow, rotation and background, then save it as a PNG or JPG."},{q:"Is the MacBook mockup template free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes, and you don't need an account. ",h," ",(0,o.jsx)(i,{})," also adds text, custom image backgrounds and 4K export."]})},{q:"Can I export the mockup with a transparent background?",a:"Yes, with Pro. Choose the transparent option under solid backgrounds and save as PNG to get just the MacBook, ready to drop onto a website or slide."},{q:"Can I hide the macOS menu bar?",a:"Yes. Turn on Hide finder bar to show your screenshot without the menu bar at the top."},{q:"What size is the mockup?",a:"It starts as a square. Switch the canvas to Instagram, Dribbble, Product Hunt, Open Graph, 16:9 and more. Exports are HD, and 2x export up to 4K is a Pro feature."}],"notion-style-image":[{q:"What is a Notion style image?",a:"A clean, minimal image that presents one or two screenshots on a soft background, the look often used to show off Notion templates and UI designs."},{q:"How many screenshots can I add?",a:"Up to 2. Add a browser frame and adjust the size, roundness and shadow."},{q:"Is it free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes, and you don't need an account. ",h," See ",(0,o.jsx)(i,{children:"pricing"})," for what Pro adds."]})},{q:"Can I make a cover image for my Notion template listing?",a:"Yes. Pick a canvas preset such as Open Graph, 16:9, square or Instagram to match where the image will be shown, then save it as a PNG or JPG."}],"app-store-play-store-screenshot":[{q:"How do I create App Store screenshots?",a:"Add a screenshot of your app, choose a device frame and a layout, set the background, and save. Repeat for each screen in your listing."},{q:"Which device frames are there?",a:"iPhone 14 in 5 colors, iPhone 14 Pro in 4 colors and Google Pixel 5, or no frame at all. All of them are free."},{q:"Are the screenshots the right size for the App Store?",a:'The canvas presets match the App Store\'s 6.5", 5.8", 5.5" and 4.7" iPhone screenshot ratios. Check the pixel size App Store Connect asks for and resize the export if it needs an exact size.'},{q:"Can I use it for Google Play screenshots?",a:"Yes. Use the Pixel 5 frame, or no frame, and pick the canvas size that fits your Play Store listing."},{q:"Is the App Store screenshot generator free?",a:(0,o.jsxs)(o.Fragment,{children:["The first layout and all device frames are free, with no account needed. ",h," ",(0,o.jsx)(i,{})," adds 6 more layouts, text captions and 4K export."]})}],"ipad-mini-mockup":[{q:"How do I make an iPad mockup?",a:"Add your screenshot and Pika places it on an iPad Mini. Choose a layout, adjust its size, shadow and rotation, set a background and save it as a PNG or JPG."},{q:"Can I show the Apple Pencil?",a:"Yes, with Pro. Turn on Apple Pencil to add it next to the iPad. Keep 3d shadow is also a Pro option."},{q:"Is the iPad mockup template free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes, and you don't need an account. ",h," See ",(0,o.jsx)(i,{children:"pricing"})," for what Pro adds."]})}],"google-pixel-mockup":[{q:"How do I make a Google Pixel mockup?",a:"Add a screenshot of your app, keep the Pixel 5 frame or pick an iPhone, choose a layout and background, and save it as a PNG or JPG."},{q:"What can I use Pixel mockups for?",a:"Google Play Store listings, landing pages, social posts and pitch decks, anywhere you want to show an Android app on a real device."},{q:"Is the Pixel mockup template free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes. The device frames and the first layout are free, with no account needed. ",h," ",(0,o.jsx)(i,{})," adds 6 more layouts and 4K export."]}

1)}],"mobile-app-presentation-template":[{q:"What does this template make?",a:"A presentation image that shows up to 6 screens of your mobile app side by side in iPhone frames, for landing pages, App Store promos and pitch decks."},{q:"Can I change the spacing between screens?",a:"Yes. Adjust the horizontal and vertical gap between the phones, along with the background."},{q:"Is it free?",a:(0,o.jsxs)(o.Fragment,{children:["No, this is a Pro template. ",(0,o.jsx)(i,{})," is $",r.yf.amountUsd.monthly," a month, or a one-time $",r.Gw.amountUsd," with the Lifetime plan."]})}],"stacked-mobile-app-screenshot":[{q:"What does this template make?",a:"An image of up to 3 app screens shown in stacked iPhone 14 frames, for App Store promos, landing pages and social posts."},{q:"Can I use my own background?",a:"Yes. Choose a gradient, solid color or image background."},{q:"Is it free?",a:(0,o.jsxs)(o.Fragment,{children:["No, this is a Pro template. ",(0,o.jsx)(i,{})," is $",r.yf.amountUsd.monthly," a month, or a one-time $",r.Gw.amountUsd," with the Lifetime plan."]})}],"icon-image-maker":[{q:"How does the icon image generator work?",a:"Search the icon library, pick an icon in Thin, Regular, Bold or Filled style, set its size, roundness and shadow, then save the image as a PNG or JPG."},{q:"Can I change the icon and background colors?",a:"Yes, with Pro. Icon color and background color are Pro options. The free version uses the default colors."},{q:"Is it free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes, and you don't need an account. ",h," See ",(0,o.jsx)(i,{children:"pricing"})," for what Pro adds."]})}],"testimonial-quote-design-template":[{q:"How do I make a testimonial image?",a:"Click the text on the canvas to type your own quote and name, add the author's photo and switch between 3 styles. Then save it as a PNG or JPG."},{q:"What can I customize?",a:"Font size, card size and width, roundness, shadow and the canvas background. Card background and text colors are Pro options."},{q:"Can I make testimonial images for Instagram or LinkedIn?",a:"Yes. Switch the canvas to Instagram post (4:5), Instagram story (9:16), LinkedIn post or square."},{q:"Is it free?",a:(0,o.jsxs)(o.Fragment,{children:["Yes, and you don't need an account. ",h," See ",(0,o.jsx)(i,{children:"pricing"})," for what Pro adds."]})}],"open-graph-generator":[{q:"What is an Open Graph image?",a:"It's the image shown when someone shares your link on X, LinkedIn, Facebook, Slack and other apps. It's set with the og:image meta tag."},{q:"How do I make one?",a:"Fill in the title, excerpt, author and date, add a feature image and author photo, and pick one of 5 designs. Save the image, then copy the meta tags into your page."},{q:"What size is the image?",a:"It's in the 1.91:1 ratio that social apps use for link previews, and saves at 1600\xd7840 pixels, or 3200\xd71680 with Pro's 2x export."},{q:"Does it give me the meta tags too?",a:"Yes. Copy meta tags gives you the title, description, og: and twitter: tags, ready to paste into your page's head."},{q:"Is it free?",a:'Yes. Free images carry a small "Created using pika.style" badge. Pro removes it and lets you fill in the fields from a URL.'},{q:"How do I check my link preview?",a:(0,o.jsxs)(o.Fragment,{children:["Paste your URL into the"," ",(0,o.jsx)(n(),{href:"/tool/open-graph-test",children:"Open Graph preview tool"})," to see how it looks on X, LinkedIn, Facebook, Google and Slack."]})}]},p={"website-screenshot-generator":[{q:"How do I take a screenshot of a website?",a:"Enter the website's URL, set the width and height or turn on full page or mobile view, and click to capture. Save the result as a PNG, or open it in Pika's editor to add a background and frame."},{q:"Is the website screenshot generator free?",a:"Yes. It's free, needs no account and adds no watermark."},{q:"Can I capture a full-page screenshot?",a:"Yes. Turn on full page to capture the whole page from top to bottom, not just the part that fits on screen."},{q:"Can I capture the mobile version of a site?",a:"Yes. Turn on mobile view to capture the site at a phone's width."},{q:"Does it hide cookie banners?",a:"Yes. Common cookie and consent banners are hidden before the screenshot is taken, so you get a clean capture."},{q:"Can I use the screenshots commercially?",a:"Pika adds no restrictions to the screenshots you take. The content of the website still belongs to its owner, so make sure you have the right to use it."},{q:"Is there a limit?",a:"Requests are rate limited to keep the tool fast for everyone. If you hit the limit, wait a minute and try again."}],"open-graph-test":[{q:"What does the Open Graph preview tool do?",a:"Enter a URL to see how its link preview looks on X (Twitter), LinkedIn, Facebook, Google and Slack, using the page's title, description and og:image."}

1,{q:"Can I preview dark mode?",a:"Yes. Turn on View in dark mode to see the previews on a dark background."},{q:"Why doesn't my image show in the preview?",a:"Check that the page has og:title, og:description and og:image meta tags and that the image URL is absolute and public. Social apps also cache previews, so a change can take a while to show up there."},{q:"How do I make an Open Graph image?",a:(0,o.jsxs)(o.Fragment,{children:["Use Pika's"," ",(0,o.jsx)(n(),{href:"/templates/open-graph-generator",children:"Open Graph image generator"})," to design one and copy the meta tags for it."]})},{q:"Is it free?",a:"Yes. It's free and needs no account. You can save each preview as a PNG too."}],"youtube-thumbnail-download":[{q:"How do I download a YouTube thumbnail?",a:"Paste the video's link or ID. Pika shows every thumbnail size the video has, and you can open and save the one you need."},{q:"Which links work?",a:"Regular youtube.com watch links, youtu.be short links, Shorts, live and embed links, music.youtube.com links and plain 11-character video IDs."},{q:"Which thumbnail sizes are there?",a:"Max, High, Medium and Standard quality, straight from YouTube. Only the sizes that exist for that video are shown."}

1,{q:"Is it free?",a:"Yes, with no account. Thumbnails load directly from YouTube's image servers."},{q:"Can I use someone else's thumbnail?",a:"Thumbnails belong to the video's creator. Ask for permission before using one in your own work."}],"browser-extensions":[{q:"What does the Pika Chrome extension do?",a:"Click its icon on any page to capture the tab and open the screenshot in Pika's editor, ready for a background, frame and shadow."},{q:"Which browsers does it work in?",a:"It's on the Chrome Web Store, so it works in Chrome and in browsers that install Chrome extensions, such as Edge, Brave and Arc."},{q:"Is the extension free?",a:"Yes, the extension is free to install and use with Pika's free plan."},{q:"Where does my screenshot go?",a:"To open it in Pika, the extension stores the image temporarily on AWS. It's deleted within a couple of days."}],"macos-app":[{q:"What does the Pika macOS app do?",a:"It sits in your menu bar. Click Start capture, select part of your screen and the screenshot opens in Pika's editor."},{q:"How do I install it?",a:"Download the app, open the DMG and move Pika to your Applications folder. On first use, give it Screen Recording permission in System Settings so it can capture your screen."},{q:"Is it free?",a:"Yes, the app is a free download and works with Pika's free plan."},{q:"Where does my screenshot go?",a:"To open it in Pika, the app stores the image temporarily on AWS. It's deleted within a couple of days."}],"vscode-extension":[{q:"How do I use the Pika VS Code extension?",a:'Select some code, open the Command Palette and run "Make screenshot in Pika". Pika\'s code screenshot tool opens with your code and its language already set.'},{q:"Is it free?",a:"Yes. The extension is free on the Visual Studio Marketplace, and code images have no watermark."},{q:"Which languages are highlighted?",a:"23, including JavaScript, TypeScript, Python, Go, Java, PHP, Ruby, Swift, Dart, SQL, HTML, CSS and Shell."},{q:"Can I change the theme and background?",a:(0,o.jsxs)(o.Fragment,{children:["Yes. In the"," ",(0,o.jsx)(n(),{href:"/templates/code-image",children:"code screenshot tool"})," pick a light or dark editor theme, a background, the font size, width, roundness and shadow before you save."]})}],"pika-raycast":[{q:"What does the Pika Raycast extension do?",a:"It adds two commands to Raycast: Open Image in Pika, which opens an image file in the editor, and Open URL in Pika, which opens a website or image URL."},{q:"How do I install it?",a:"Install Pika from the Raycast Store, then search for its commands in Raycast."},{q:"Is it free?",a:"Yes, the extension is free and works with Pika's free plan."}]}}}]);