Louise Myers Visual Social Media

Rock your online presence with DIY graphics! Get Graphic Design & Social Media Marketing tips from an expert.

  • Home
  • About
  • Contact
  • Members
  • Resources
You are here: Home / How-to Graphics / How to Use Pixlr to Add Text to Photos: Tutorial

How to Use Pixlr to Add Text to Photos: Tutorial

February 23, 2015 by Louise Myers 24 Comments

Learn how to use Pixlr to add text overlays to photos. Known as a free photo editing tool, you can also use it to make stunning graphics! Here's how.

Wondering how to use Pixlr to make graphics with text overlays?

Pixlr.com is well-known as a free photo editing tool. But you can also use it to make quote graphics, and much more!

While many free graphics tools have flooded the market, Pixlr is an old standby that has a Photoshop-type interface. If you’ve ever struggled with trying to learn Gimp (a free Photoshop imitator), Pixlr could be the one for you.

Pixlr is available as a browser-based tool, and for mobile devices as Pixlr Express. Our Pixlr tutorial will use the desktop version.

Benefits of Pixlr:

  • A simpler version of Photoshop that can ease you into learning that tool of the pros.
  • Completely flexible – you can do just about anything you can imagine.
  • Work on any size images.
  • Crop and resize images.
  • Use your own fonts to keep branding consistent.
  • You can create layers and layer masks for complex projects.
  • Library of professional style filters.

A possible drawback is that Pixlr is completely open-ended, leaving you to come up with a photo or idea for your background, as well as the fonts you want to use. If you relish the thought of getting creative, and/or eventually want to learn Photoshop, Pixlr could be your free graphics tool!

Want more options? No time to read now? Download my free report on Pixlr plus 4 more design apps. Grab it here.

Step 1: Open Your Background Image

How to Use Pixlr to Add Text to Photos:  Step 1To create a graphic in Pixlr, you’ll start with your own photo, or make a background. You’ll also need the fonts that you want to design with – Pixlr doesn’t supply any fonts. If you have a font in mind that you want to use, have it downloaded and unzipped on your computer before proceeding.

Go to apps.pixlr.com/editor. You could choose to Create a new image, where you’ll specify the size and make a solid color background. We’ll be choosing Open image from computer. Browse your files and open the image you want.

Step 2: Crop and Size Your Image

How to Use Pixlr to Add Text to Photos:  Step 2Use the Crop tool to get the shape and cropping you want. Hit your Return key.

Then go to Image > Image Size in the top menu, and set your size.

You’ll find sizes for social media graphics in my Social Media Cheat Sheet. This link will open in a new window so you can pin the cheat sheet for future reference!

Pixlr gives you tons of Filter and Layer effects to edit your photo, but we won’t mess with them today. We’re gonna get this image done!

Step 3: Add, Style, and Color Your Text

How to Use Pixlr to Add Text to Photos:  Step 3Click the Text tool (large A icon) in the Tools palette. Then click in your image.

Now type your text in the Text area of the pop-up box. Below, you’ll choose Font, Size, Alignment, and Color.

All the fonts installed on your computer will show in the Font menu. Directly below that, you’ll choose the size and weight.

Clicking in the Color box to the right will pop up the Color Selector.There are many options to color your text! You can use the color wheel, the sliders, or type in your brand’s RGB values or hex code if you know it.

(Note: The pop-up boxes can be moved wherever you like).

Step 4: Add More Text Boxes (Layers)

How to Use Pixlr to Add Text to Photos:  Step 4Click the Text tool again to add new boxes for each font change. You can’t have multiple styles in one text box.

Click on the Arrow tool in the Tools palette if you need to move a text box. You’ll be moving the last one you made, unless you pick a different one in the Layers palette at right. Each text box is on a separate Layer – just like Photoshop. This might take some getting used to.

Step 5: Save Your Graphic

How to Use Pixlr to Add Text to Photos:  Step 5When you’re done, I suggest you save a .PXD layered Pixlr file that you can edit later. Also save a .JPEG if a small file size is needed, and a .PNG for best quality, especially with type and on Facebook.

If you need some guidance, check this post on image file types.

What Do YOU Think?

Will you try Pixlr, or is a different app better suited to your needs? If you’ve tried Pixlr or another design tool, I’d love to hear your opinion in a comment below.

Then grab my FREE report on Best Design Apps to review at your leisure. Includes a comparison chart of 5 popular design apps for non-designers, this How to Use Pixlr tutorial, and much more!

Click Here to Get the Free Report

Learn how to use Pixlr to add text overlays to photos. Known as a free photo editing tool, you can also use it to make stunning graphics! Here's how.

Filed Under: How-to Graphics Tagged With: graphic design resources, small business design tips, social media images, visual social media

About Louise Myers

Louise Myers is a graphic design expert whose designs have been featured by Disney, Macy's, WalMart and more. Her straightforward writing style empowers small business owners to make their own graphics for social media success!

Comments

  1. Katalin says

    March 2, 2015 at 5:06 AM

    Nice tool, thank you! But the text box is too small. How can I make it larger? And how can I add glow to the letters?

    Reply
  2. Ellen Finkelstein says

    July 27, 2015 at 8:18 AM

    What I can’t figure out is how to add a semi-transparent box behind the text so I can put text on top of a busy photo, where the text doesn’t stand out enough. Can you do that?

    Reply
    • Louise Myers says

      July 27, 2015 at 3:46 PM

      That is a GREAT question Ellen!

      Here’s how:
      Add a layer
      Draw shape with Marquee tool
      Fill with paint bucket
      Click the “Toggle layer settings” ON
      Adjust opacity
      Voila!

      Reply
      • Lloyd says

        November 24, 2016 at 10:54 PM

        It says ” The layer must first be rasterized to be editable”. What should I do?

        Reply
        • Louise Myers says

          November 25, 2016 at 9:17 AM

          I don’t know how to answer. I don’t know if and what you’re trying to edit.

          You could try doing what it suggests, or contact Pixlr support with more specifics.

          Reply
  3. Andy says

    August 4, 2015 at 9:46 AM

    Hi! Can we put or type links/hyperlinks on the photos using pixlr?

    Reply
    • Louise Myers says

      August 5, 2015 at 3:53 PM

      Hi Andy,
      You can put text on photos, but you can’t make a live link on a photo.

      Reply
  4. Ken Green says

    August 5, 2015 at 8:38 AM

    I am struggling to get text to NOT pixelate when I save or merge down. I remember Photoshop had ‘anti-alias’ to solve this problem. What am I doing wrong? Thanks

    Reply
  5. stato says

    May 7, 2016 at 11:51 PM

    Hi Louise :

    Thanks so much for sharing.Would you be able to tell me how one could insert text editable fields on a graphic, like a jpg graphic for example?

    Kind regards

    Reply
    • Louise Myers says

      May 9, 2016 at 8:18 AM

      Hi,
      In JPGs (and most other file formats), text isn’t editable once the file is saved. In Pixlr, save as a .pxd. In Photoshop, save as a .psd or .tif.

      Reply
  6. Mary says

    October 3, 2016 at 7:58 AM

    I use the Type tool in Pixlr editor but the blue outline box shows when I bring the image into my copy. How can I eliminate the blue outline?

    Reply
    • Louise Myers says

      October 6, 2016 at 10:28 AM

      Hi Mary,

      In my example, the blue box shows when an item is selected. Once I move on to another item, the box goes away.

      I haven’t experienced a blue box that won’t go away. If your problem persists, try contacting Pixlr support.

      Best of luck!

      Reply
  7. Andreea says

    April 2, 2017 at 12:36 AM

    I just used the Pixlr Express and I did not find the option for the text size ( as overlay for a picture). Is that possible or I have to use the advanced Pixlr ?
    Thanks

    Reply
    • Louise Myers says

      April 2, 2017 at 7:38 AM

      This tutorial is for pixlr.com Editor (it’s free) and not the Express version or mobile app.

      Reply
  8. Sally says

    September 12, 2017 at 3:33 PM

    How do you center text in photos?

    Reply
    • Louise Myers says

      September 12, 2017 at 6:09 PM

      Choose center alignment in the text box. Some programs will also include guides that help you center the text box on the photo, if the text box isn’t as wide as the photo.

      Reply
  9. Lauren says

    November 10, 2017 at 12:14 PM

    Thanks for this information. I have gotten everything done, but I can’t get the size I want for printing. I’m designing something for a tshirt for a fundraiser. I need the back to be 10×10 and 2000 pixels at 200 dpi and the front to be 6×6 1200 pixels at 200 dpi. When I get the design small enough to print the whole thing, Cafepress says it’s only big enough for a shot glass. Thanks for any guidance.

    Reply
    • Louise Myers says

      November 12, 2017 at 7:33 PM

      Don’t know what you mean by “get the design small enough.” I can only guess that if you create the design to Cafepress specs, it should be fine. If it isn’t, you should check with them.

      Reply
  10. Janis Englett says

    March 29, 2018 at 10:05 AM

    I am scanning family photos and would like to add dates, names, etc below the photos. Is this possible with PIXLR so generations to come will know who, when photos were made?

    Reply
    • Louise Myers says

      March 29, 2018 at 4:33 PM

      Sure! Just open the image and add text as detailed in the article.

      Reply
  11. Rebeckah Winans says

    April 1, 2018 at 2:58 PM

    Can I add an image (like a jpeg) to my original image with Pixlr?

    Reply
    • Louise Myers says

      April 1, 2018 at 7:52 PM

      Yes.

      Reply
  12. Jeff says

    December 5, 2018 at 12:16 PM

    When I add text (in a new layer) on top of an image, the text looks fine in the GUI but when I save it (to either jpg or png) the text changes to a much smaller size. Any ideas?

    Reply
    • Louise Myers says

      December 6, 2018 at 9:33 AM

      How odd! I haven’t experienced this so you’d need to check their help files and/or ask their support.

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Social Media Content Planner

TOP POSTS about Social Marketing

Social Media Image Sizes: always updated!

How Often Should You Post on Social Media?

Best Design Tools for Non-Designers

© 2021 Louise Myers Visual Social Media.
Blog Comment Policy | Disclosure, Copyright, and Affiliate Disclaimer

Terms of Use & Privacy Policy