Or

Add screenshot from website/link

Website Screenshots by Orshot
Screenshot options
Size
100
Screenshot corners
16
Inset
Rotate
0
TiltPro
Canvas options
Add Text
Watermark
Canvas corners

Noise

Screenshot Editor

Add backgrounds, browser frames, shadows and text to any screenshot, or capture a website from its URL

Thomas Frank
Branden Harvey
Harvinder
Akash Bhadange
Dan Oshinsky
used by 8,000+ users

A screenshot editor that works in your browser

Pika turns a raw screenshot into an image that's ready to post: a background behind it, a browser frame around it, rounded corners, padding and a soft shadow. It runs in your browser, so there's nothing to install and you don't need an account.

Paste a screenshot with Cmd+V or Ctrl+V, drop in an image file, or enter a website's URL and Pika captures the page for you. When it looks right, save it as a PNG or JPG, or copy it straight to your clipboard.

What you can do with it

  • Add a background. Pick a gradient, a solid color or an image, or create your own gradient. Add a pattern or a little noise on top.
  • Frame it. Wrap the screenshot in a macOS, Windows, Arc or other browser frame and show your own URL in the address bar.
  • Size it for where it's going. Canvas presets cover posts on X, Instagram and LinkedIn, Dribbble shots, Product Hunt, Pinterest, App Store screenshots, Open Graph images and YouTube thumbnails.
  • Point things out. Add curved arrows, shapes, highlights and a cursor on top of the screenshot, each on its own layer. Text labels are part of Pro.
  • Keep a consistent look (Pro). Save your settings as a preset and apply them to the next screenshot in one click. On the Team plan, presets are shared within a project.

Tips for better screenshots

  • Use the same size, padding and background across a series of screenshots, so a docs page or launch thread looks like one set.
  • Match the background to your brand: create a custom gradient and, in Chrome or Edge, use the eyedropper to pick colors straight from your logo or site.
  • Need just the framed screenshot for a docs page or slide? Choose "without background" in the save menu to export it as a PNG with nothing behind it.
  • For a full-page capture of a long website, use the website screenshot generator, then open the result here.

Related tools

Simple designs or Pro.Pika has got you covered.

Create something as basic as a screenshot with a browser frame or as complex as a marketing image with text, shapes and patterns. Pika gives you all screenshot editing options you'll need

Add browser frames

Add macOS, Windows and other beautifully crafted frames to your screenshot for better presentation

View all frames →

Apply beautiful backgrounds

Pika has beautiful set of gradient backgrounds and image backgrounds to perfectly suit your browser mockups
View background options →

Save your time with Presets

You can save your settings as custom presets, which you can later apply with just one click to save your time

Screenshot and Mockup templates

Quickly generate App Store images, tweets, code screenshots and images of different styles with templates

View all templates →

Social media ready sizes

Export your image in sizes perfect for your tweets, Instagram posts/stories, App Store images or choose your own size

Background patterns

Patterns can make your images make it look like they're done in Photoshop or Figma
Learn more →

Capture website screenshot

Create website mockups by capturing screenshot from website URL. You can capture full page and mobile view

Add shapes, text, watermark layers and more

Add text, shape layers and customizable watermark with your logo, link, Twitter handle more

Instant customization

Pika automatically applies your last customizations to save your time, gives you shortcuts to instanyly export images

Pika Extensions & Tools

Capture and edit screenshots with extensions and tools to make your workflow even faster

Chrome Extension

Chrome Extension

Capture tab screenshots and design in Pika

Get Chrome Extension →
VSCode Extension

VSCode Extension

Quickly create code images from your VSCode editor

Get VSCode Extension →
Raycast Extension

Raycast Extension

Quickly open images from your system in Pika through Raycast

Get Raycast Extension →

How to use Pika's Screenshot editor?

3 simple steps to create website mockups and beautify your screenshots

1
Add screenshot
  • You can use ⌘+V or Ctrl+V to paste image from clipboard
  • You can click on "Add your image" to select image from system
  • You can also capture screenshot from a website or URL

You can also use "Try demo image" to try Pika with a demo image.

2
Beautify screenshot

Use the customization options to beautify your screenshot as you like.


You can add browser frames, change background gradient color, add shadows, choose canvas size for Tweet, Instagram, Open Graph etc. and more.

3
Export your image

Use shortcut ⌘+C / Ctrl+Cto copy beautified image to clipboard or ⌘+S / Ctrl+Sto save it to your system.


You can also do it using the Save and Copy buttons at the bottom of options.

FAQ

Frequently asked questions

Is the screenshot editor free?

Yes, and you don't need an account. Backgrounds, patterns, browser frames, shadows, arrows, shapes, highlights, website capture and PNG or JPG export are all free. Free exports include a small "designed in Pika.style" watermark, which Pika Pro removes. Pika Pro also adds tilt, text labels, custom canvas sizes and 4K export.

How do I add a screenshot?

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.

Can I capture a website from its URL?

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 website screenshot generator.

Which browser frames are there?

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.

What sizes can I export?

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.

Can I export the screenshot without the background?

Yes. Save without background exports just your framed screenshot as a PNG, with nothing behind it.

Are my screenshots uploaded?

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. When you capture a website, the screenshot is taken on our server.

Loved by the best!

Check out these amazing reviews by users who use Pika and love it!

Branden Harvey's Pika review

Making your images pop is important — but before I discovered Pika I wasted hours manually editing every image to look nice


Now that I use Pika, I save so much time and all of the visuals on my site look better than ever

Branden Harvey
Founder, GoodGoodGood.co
Quentin Quo's Pika review

I'm now using pika.style 🎨

Highly recommend this small but great tool 👍

Quentin Quo
Entrepreneur, SaaS Founder
Witt's Pika review

I'm using pika.style, when I share image on social media or send screenshots to friends, pika is always my first choice.

Witt
Developer
Matt Birchler's Pika review
Pika is a great web app for enhancing my screenshots. I love finding little tools like this that help me elevate my work in subtle, but effective ways ❤️
Matt Birchler
Designer, Video creator, BirchTree.com
Sveta Bay's Pika review
👀 Helps to get beautiful screenshots (like in this thread) in seconds. I use it daily.

❤️ Simple, fast, and has a great gradients collection.

beautiful screenshots in Peerlist emails are made using Pika.style
Sveta Bay
Indie Entrepreneur & Nomad
Greg Younger's Pika review
@justwavyj uses Pika.style that allows for great twitter photos. Josh uses them to drive engagement. Just like I'm doing with this tweet:)
Greg Younger
Thomas Frank's Pika review
Huge fan of Pika. Lets me cut a lot of corners when making images for blog posts and such, so I'm happy to pay
Thomas Frank
Notion Expert, YouTube Creator with 1.2mn+ subs
Sam Szuchan's Pika review
Pika's excellent for reformatting images into a beautiful, presentable format in seconds. Super cheap, too.
Sam Szuchan
Thục Quyên Uông's Pika review
Pika.style is an arc tool developed by @thelifeofrishi, which makes it possible to create beautiful screenshots with just a few clicks
Thục Quyên Uông
Travis Renn's Pika review
Whoa! Just used pika.style to render a killer UI screenshot of @tryratingfish. Beyond impressed @thelifeofrishi !

No brainer $99 annual purchase. Done. Keep up the good work.
Travis Renn
SaaS Founder
Katt's Pika review
pika.style is my favourite
Katt
No-code Maker
Sean C Davis's Pika review
Very cool and useful tool for professionally displaying screenshots/images for docs/posts.
Sean C Davis

Trusted by leading companies

Also used by YCombinator Starts using Pika backed startups and big companies

Trunk.io
Starlight.money
Tweethunter.io
Umbrel.com
Pallyy.com
Whalestack.com
Pushowl.com
Nocodeinstitute.io
Peerlist.io
Paddle.com
Givebutter.com
Readwise.io
Incident.io
Fortelabs.com
Stonly.com
Dstory.co

Beautiful screenshots made easy!

Save hours of creative thinking and efforts with Pika

Mockups and Images created using Pika