Using Photopea

How to Use Photopea Online for Blog Images

Last Updated on by Michael Brockbank

Photopea can help make a difference when creating images for your blog. After all, images help in boosting retention rates, and posts are more often shared by visitors. This means a good-looking image can take your post much further.

Today, I’ll show you the basics of how to use Photopea online and how you can use it with Photoshop PSD files for image templates.

It’s probably one of the best alternatives to Photoshop I’ve come across, even more so than Gimp. This means anyone familiar with Adobe’s product will find value in this free tool.

I know I do.

What is Photopea?

Photopea Home Screen

Photopea is a free and safe alternative to Photoshop while providing nearly the same functionality. Using a browser interface, virtually anyone can immediately start using Photopea.

In fact, you don’t even need to sign up for an account. Simply go to the website and start using the editor.

Photopea supports a variety of filetypes, including:

  • JPG
  • PNG
  • WebP
  • GIF
  • TIFF
  • SVG
  • DDS
  • PSD
  • AI
  • XD
  • PDF
  • and more

This means you’ll be able to create virtually any kind of the most popular image types available for your blog.

Yes, Even WebP!

One important aspect to keep in mind is that the Photopea editor supports WebP images. This is vital if you’re looking to score well in PageSpeed Insights.

WebP is a next-generation image type that is ideal for the Internet. These files are usually much smaller in size while providing great quality. Since Google puts a lot of emphasis on mobile speed, WebP is among the most suggested by the search engine giant.

How to Use the Photopea Editor

In this tutorial, I’m just going to break down the quick and easy aspects. But in a nutshell, it has a lot of the same features and functionality as Photoshop, if you’ve ever used that software in the past.

Let’s say that I want to add an image to this blog post. In fact, let’s show an image of Photopea’s homepage to put underneath the first header.

Start by going to the website to open the image editor.


1. Have the Image Ready

In this instance, I’m going to take a screenshot of the homepage of the image editor. Of course, you can use any image you’d like to follow along.

In this case, I saved the screenshot to my computer system.

2. Open Your Image File

Go to “File” on the top left of the site and click, “Open.”

Open Photopea

Add the image from your computer.

NOTE: Photopea also has the ability to open from a URL, taking a picture from your webcam, or PSD templates saved within its own system. This is located under, “Open More.”

3. Use the Photopea Editor

From here, you can make all kinds of adjustments using the tools on the left. This includes crop, clone, adding text, paint, select, and much more.

Resizing Images in Photopea

Having an idea about the best dimensions for your blog is a good idea. There is no one-size-fits-all answer here as it may depend on the topic, audience, theme, and overall layout of your site.

Let’s say I want to resize the image to fit on the website. After all, I optimize images for the Internet by making sure they are sized correctly for the page.

In this case, the image is slightly too large for my liking. I would rather it be 1024 wide. And when you’re trying to please the Google algorithm for website speed, every pixel counts in file size.

To resize an image in Photopea, go to the Image option on the top nave bar and click, “Image size.”

Image Size

Adjust the width or height to fit your needs. You can also change the dimension type. This means you can choose to go by pixels, percentage of the original image, millimeters, or inches.

Image Dimensions

NOTE: If the chain icon is connected, it means Photopea will constrain proportions. This means that if you alter either Width or Height, the app will make corrections to the other accordingly so it doesn’t appear squished.

Once you made your adjustments, just hit the OK button.

Commit Image Size

4. Save Your File

When you’re ready to save your file in Photopea, you have a couple of different options. You can save as a PSD, PSD/PSB, or Export to a variety of file types.

For the sake of this tutorial, I’m just going to save it as a JPG.

Go to file, Export as, and choose your file type.

Photopea file type

NOTE: If you go to the “More” list at the bottom, you can find a longer list of image file types, including WebP.

Depending on the image type, the app will ask you specifics about the file. In the case of a JPG, it’ll as for image quality, format, dimensions, and metadata.

Make your final adjustments and click, Save.

Save Your Image

Your image is then saved to your device.

NOTE: I added the image I used in this example under the first header above.

Using Photoshop PSD File Templates in Photopea

OK, what if you have a Photoshop PSD file to use as a blog template. For example, you can see throughout this entire article, I have a specific template I use for tutorials.

Every image with the grey circle and arrows is my image template as a PSD file.

Go to File and click, Open.

Open File

Select the PSD file you want to use in Photopea.

As you can see, Photopea includes all of the layers I created in Photoshop.

Layers Intact in Photopea

From here, you can make any edits necessary for your blog images.

It uses the same drag-and-drop functionality of Photoshop to move layers about. So, if you wanted one image in the back, you would drag it to the bottom of the list.

Can You Install Photopea On Your Computer?

You can install the Photopea app on nearly any device. This includes desktops, laptops, tablets, and smartphones.

For example, let’s say I want to install it directly onto my computer.

From the Photopea browser, click on the More option on the top.

More Option

Click the option to Install Photopea.

Install Photopea

The install launcher will pop up asking if you want to install the app for your particular device.

How Does Photopea Compare to Photoshop?

In reality, both platforms are virtually interchangeable. All of the most popular and familiar tools available for Photoshop are available in Photopea. Although Photopea doesn’t have every feature in Photoshop, it has more than enough for the average user.

Cloning, filters, healing, gradients, layer control, and selection tools are all available.

And since Photopea supports WebP without having to install plugins, which is a pain in Photoshop, the app supersedes its Adobe counterpart in that regard.

It’s definitely among the best alternatives to Photoshop, especially since you can start using it right now for free, without installing, and without creating an account.

Images Rule the Blog Space

Blogs with images get 94% more views than those without. But, it doesn’t matter if the image doesn’t match the text. Make sure you’re accentuating the post, not making it more confusing.

Any way you slice it, Photopea is a great platform to try if you really want to dive into editing your own visuals.

If you’d like more on how to use Photopea, let me know in the comments. I am probably just going to keep adding to this post until it becomes an ultimate guide.

Michael Brockbank
Follow Me...

Notify of

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Inline Feedbacks
View all comments