You are currently viewing How to Make Before and After Pictures with Pixlr X App
  • Post author:
  • Post last modified:February 24, 2023

“Before” and “After” pictures are often shown in commercials and news. It’s a beloved pics style by weight loss program advertisers. And even after natural disasters in Japan, the Internet was filled with “before and after tsunami images”. Of course, we aren’t body-builders or newsmakers, but sometimes it’s pleasant to show off your fitness results, photo shooting skills or cakes and make pictures side by side that speak for you. Today, we’ll explore one of the best online before and after graphics editor software called Pixlr X.

What is Pixlr X?

This side by side picture maker web app was created long time in 2008 ago by Swedish developer Ola Sevandersson and name

d Pixlr Express. Later on in 2011, the collage maker was sold to Autodesk, Inc. And finally, in 2017 INMAGINE purchased the before and after picture generator and renamed into Pixlr X. Now the editor is fast, easy and smart online side by side collage tools. Here’s what the app looks like in 2021:

The maker is a light version of a more advanced online Pixlr E editor. By the way, as a reader of Photo Software & Design Blog, you should be familiar with its sister-app, previously called Pixlr-o-Matic which reviewed earlier here. As all other free picture editing websites, the app has tons of robust tools to edit pictures . But in order to make a before and after picture for free, we’ll explore only online pic collage maker section in this tutorial.

comparison of X and E versions

How to Put Before and After Pictures Together?

online side by side collage maker interace
Here’s how to put “Before” and “After” pictures side by side using Pixlr X:

  1. Go to and jump to the X version;
  2. Select a simple 2 column before and after picture template, which allows us to make pictures comparison side by side.
  3. The new window will open. On the left picture, click the Plus sign to select where to upload a “Before ” image. Then on the left pannel, click the Set Image button and add a picture into slider from PC, OneDrive, Google Drive, etc. Then do the same thing on the right image and add an “After” pic from your computer.
  4. As a result, you’ll be able to preview “Before and After image”. If you like the pic, you can save it onto your PC. Find the Save button at the lower right corner of the application. There are several collage saving options: JPG, PNG, PXD, and higher / lower image resolutions. Select before and after picture layout quality that you want and hit the Download button.

Here we learned a simple side by side before and after image composing in the tool. But there are more artistic ways to make a pics collage out of two images with the help of the advanced E picture editing app version. It’s a mere example tutorial explaining how powerful E suite can be. Watch a video guide showing an advanced PhotoShop-style way to blend two images into one collage:

How to Use Before and After Picture Maker?

Still asking how to make good before and after sliders? Then check this tutorial. If you feel that the picture isn’t close to your idea of a good progress picture, than you can continue editing the file by clicking the correspoding tabs on the left pannel. Don’t forget to select each image to apply the changes. The X version is as good as PhotoShop. As one of the best graphics editing sites, free X toolkit includes options to tweak: object shape, colors, shadows, image rotation, image resizing, background color adjustment, adding overlays, borders, frames, stickers, etc. The paid X plan includes filters, effects, retouch and more.


For example, let’s see how to add text to your picture:

  1. Pick up the Add text icon among the left menu, you’ll switch to the editing mode in X version. There are two options. On the one hand, you can apply a ready text sticker like Old and New to your before and after sketch. Or add your custom words to your collage. So, use the top Add new text menu and go to the Text tab.
  2. Type your text such as “Before” or “After” in the highlighted box, select the font style, align, color and position with the help of corresponding tabs.
  3. When you are done, don’t forget to save the picture and apply your changes.

Add Text Before or After to your Picture

The last step will be to evaluate your work and download the final “Before” and “After” photo comparison collage.

Before and After Collage Pic example
As you can understand, it’s a unique editor is useful for both newbies and pros. It enables you to make easy side by side pic or advanced image with PhotoShop elements. Let’s sum up Pixlr X advantages and drawbacks:


+ easy and free for new users;

+ powerful image editing features;

+ tons of ready templates for various occasions (family, business, celebration, sports, etc);


– filters and effects are locked in paid version;

– a bit complicated selection of layers for beginners.

What would you add into Pixlr X app? Is it any good for you?

Blog’s Freebie of the day:


This Post Has 9 Comments

  1. akshay kumar

    how can i download this software…please help me…

  2. anna

    Hi Akshay Kumar,

    Pixlr Express is an online application. It’s not software, so you cannot download it.

    You have to go to Pixlr Express website and edit your photos there.

    I hope it helps.


    Editor, Photo Software & Design Blog

  3. RCC

    Won’t work on iPad or iphone (Flash required) 🙁

  4. Sally

    this was not a good tool. I could not find rotate anywhere in the collage!

  5. Sally

    After working out how to rotate individual photos, think this collage is now good!

  6. prefes

    the same premium quality as earlier

    1. anna

      Hi Prefes,

      Thank you so much for kind words about quality of our post. It’s a real pleasure for us to know that you have read other our post and you have enjoyed them as well.
      We’re glad we have a regular reader of our blog.

      Anna, Photo Software & Design Blog team

  7. Hazon

    Magnificent beat !

    1. anna

      Hi Hazon,

      Thanks for high estimation of our blog post quality!

      Anna, Photo Software & Design Blog team

Leave a Reply