How to Use the Pixlr Online Image Editor

PDF download Download Article
PDF download Download Article

This wikiHow teaches you how to navigate and use the free editing options in the Pixlr Online Photo Editor when you’re using a computer. You’ll learn how to find your way around the editor, add text and drawings, use filters and color/lighting effects, crop and resize photos, and save your creation to your computer.

Method 1
Method 1 of 5:

Getting Started with Pixlr

PDF download Download Article
  1. Go to the Pixlr.com . This opens the main Pixlr website.
  2. It’s a link in an oval-shaped button near the center of the page.
    • Depending on your browser, you may be prompted to enable Adobe Flash. If so, click anywhere on the page, and then follow the on-screen instructions to enable Flash.
    Advertisement
  3. Click one of the following options in the window, and then follow the on-screen instructions to load the image or canvas:
    • CREATE A NEW IMAGE: This option starts with a blank canvas on which you can draw or paint your own custom image. On the pop-up that appears, select a size for the canvas, and then click OK .
    • OPEN IMAGE FROM COMPUTER: Select this option if you want to edit a photo that’s on your computer. When the file browser opens, select the image you want to edit, and then click Open to upload.
    • OPEN IMAGE FROM URL: Select this option if the image you want to edit is online. When the ″Open image URL″ pop-up appears, paste the direct URL into the ″URL″ box, and then click OK to import it.
  4. This is the bar that runs along the top of the page.
    • File: This is where you’ll find file-related options such as Save , Open , Close , and Print .
    • Edit: Contains editing options such as Cut , Paste , Undo , and Select all .
    • Image: This is where you’ll find options to rotate, flip, crop, and resize the image.
    • Layer: Lets you manage the different layers in your project. For example, if you have one photo opened on top of another one, you have two layers.
    • Adjustment: Has options related to the image's composition and appearance, including Exposure , Color balance , and Levels .
    • Filter: This is where you’ll find the color and lighting filters, such as Vignette , Glamour glow , and Sharpen .
    • View: This menu contains tools to change how you see the image. For example, you can zoom in or out, or you can remove certain toolbars from Pixlr.
    • Language: Allows you to change the menu language.
    • Help: If you need support, this is the place.
    • Font: If you plan to type on your image, this is where you’ll find a selection of fonts to choose from.
    • Freebies: You can find fun backgrounds, vector images, and other resources in this menu.
  5. The toolbar is the icon panel that runs along the left side of the page. Each of these icons represents a different tool you can use to edit your image.
    • To find out what a tool does, hold the mouse cursor over its icon.
    • When you click a tool on the toolbar, additional options for that tool will appear near the top of the page (below the menu bar).
  6. It’s the first box (titled “Navigator”) running along the right side of the page. If you don’t see this panel, click the View menu at the top of the page, then click Navigator . This panel displays a smaller version of your image. Use it to quickly zoom in, out, or change which part of the image appears on the screen.
    • Drag the slider at the bottom of the panel to the right to zoom in, and to the left to zoom out.
    • If you’re zoomed in pretty far and want to see a different part of the image, drag the red square at the center of the Navigator panel to the part of the image you want to bring into view.
  7. It’s the second panel on the right side of the screen. If you don’t see it, click the View menu and select Layers . This panel shows the layers in your project. [1]
    • To create a new layer, click the small sheet of paper with a down-turned corner at the bottom of the panel.
    • Click a layer’s name to work on that layer.
    • Every layer has a check box to the right of its name. Toggle the check mark to choose whether a layer appears on the image.
    • To delete a layer, click its name in the panel, then click the trash icon at the panel’s bottom.
  8. It’s on the right side of the screen below the ″Layers″ panel. If you don’t see it, click the View menu at the top of the page, then select History . This displays a list of every editing action you've taken on this project. This is helpful in determining which actions to replicate or which actions to roll back while reviewing your edited picture.
  9. You don’t have to have a Pixlr account to use the editing tools. However, if you want to save your images to Pixlr’s online service so you can work on them later, an account will be necessary. Here’s how to create one: [2]
    • Click Sign up at the top-right corner of the page.
    • Fill out the form and click OK .
    • Review the agreement and click Agree . This creates your account and logs you in.
    10. Advertisement
Method 2
Method 2 of 5:

Cropping and Resizing

PDF download Download Article
  1. Go to the Pixlr.com . This opens the main Pixlr website.
  2. It’s a link in an oval-shaped button near the center of the page.
    • Depending on your browser, you may be prompted to enable Adobe Flash. If so, click anywhere on the page, and then follow the on-screen instructions to enable Flash.
  4. It’s the first tool in the toolbar (at the top-left corner). The toolbar is the panel of icons that runs along the left side of the screen.
  5. Everything outside of the selected area will be trimmed from the image.
  6. A confirmation pop-up will appear, asking if you want to apply the changes.
  7. The image is now cropped.
  8. It’s in the menu bar at the top of the screen.
  9. It’s the first option. A pop-up will appear.
    • If you don’t want to warp the image, make sure the ″Constrain proportions″ box is checked, and then choose your desired size from either the Width or Height menu. This automatically adjusts the Width or Height (whichever option you didn’t choose) to the proper size without distorting the image.
    • If you want the image to have a specific width and height regardless of whether it stretches or distorts the image, remove the check mark from ″Constrain proportions,″ then select values from both the Width and Height menus.
  11. The image now displays in its new size.
    12. Advertisement
Method 3
Method 3 of 5:

Painting, Drawing, and Using Filters

PDF download Download Article
  1. Go to the Pixlr.com . This opens the main Pixlr website.
  2. It’s a link in an oval-shaped button near the center of the page.
    • Depending on your browser, you may be prompted to enable Adobe Flash. If so, click anywhere on the page, and then follow the on-screen instructions to enable Flash.
  4. Before you start drawing or painting, you’ll want to add a new layer so you can make edits easily. There are two ways to create a new layer:
    • Click the sheet of paper with an upturned-corner at the bottom of the Layers panel (it’s on the right side of the page.
    • Click the Layer menu at the top of the screen, then click New Layer.
  5. It’s in the toolbar that runs along the left side of the screen (the fourth icon down on the left side). To draw with this simple black/gray pencil-style tool, just click and drag your desired drawing on the image.
    • To undo the last action, press Ctrl + Z (PC) or ⌘ Command + Z (Mac).
    • To change the style of the pencil, click the ″Type″ menu near the top-left corner of the page, then choose an option.
    • Select an option from the ″Size″ menu to change the thickness of the lines you draw.
    • Select a percentage from the ″Opacity″ menu to choose how dark your pencil marks should appear.
  6. It’s in the left toolbar, to the right of the pencil. To paint, click and drag the brush anywhere on the image. Here’s how to change your paintbrush options:
    • To select a color, click the large square near the bottom of the toolbar (it’s black by default) to bring up the palette, select a color, and then click OK .
    • To change the size and style of the brush, click the Brush menu near the top-left corner of the page (below the menu bar). Click your desired size and shape, adjust the diameter and hardness at the bottom if you wish, and then click Brush again to close the menu.
    • To make the brush less opaque, click the Opacity drop-down and pick a lower percentage.
  7. If you want to use one of Pixlr’s built-in filters to stylize your image, click the menu, and then click the filter you want to use.
    • Most filters will display a pop-up window that let you fine-tune the way the filter works. Make your selections, and then click OK to apply the filter.
    • To undo a filter, press Ctrl + Z (PC) or ⌘ Command + Z (Mac).
  8. If you want more control over the way the image looks, you can use the various options in this menu.
    9. Advertisement
Method 4
Method 4 of 5:

Adding Text to an Image

PDF download Download Article
  1. Go to the Pixlr.com . This opens the main Pixlr website.
  2. It’s a link in an oval-shaped button near the center of the page.
    • Depending on your browser, you may be prompted to enable Adobe Flash. If so, click anywhere on the page, and then follow the on-screen instructions to enable Flash.
  4. It’s the ″A″ icon in near the bottom of the toolbar that runs along the left side of the page.
  5. A pop-up will appear.
  6. It will appear on the image in a generic font.
  7. The text on the image will update as you make changes.
  8. Click the square under ″Color″ to bring up the color palette, then click the color you want to use. The text will update immediately.
  9. ″ You can align to the left, center, or right.
  10. The text now appears in its own layer on the image.
    • You can reposition the text at any time by clicking the text layer in the ″Layers″ panel on the right side of the screen, and then dragging the text to the desired location.
    • To edit text you’ve already placed, click the text tool again, then click the cursor somewhere on the text to bring back the editing pop-up window.
    11. Advertisement
Method 5
Method 5 of 5:

Saving and Downloading

PDF download Download Article
  1. It’s at the top-left corner of Pixlr.
  2. The ″Save image″ dialog will appear.
  3. Click the ″Format″ drop-down menu to see a list of file types, then click the one you want to use. A description of each format appears next to its name.
    • If you choose JPEG, you’ll have the option to choose a quality level. The higher the quality, the larger the file size. If you’re not worried about file size, you can choose the highest setting.
    • If you’ll be sharing the image with others on the web, select JPG or PNG .
  4. This opens your computer’s ″Save″ dialog.
  5. If you want to use your web browser’s default download folder, you can skip this step.
  6. This saves the file to your computer.
    7. Advertisement


Community Q&A

Search
Add New Question
  • Question
    How do I resize a layer without resizing the entire image?
    Community Answer
    In the 'Layer' panel, choose the layer you want to resize. After that, go to 'Edit' and click 'Free Transform'. Resize the layer as you please then.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 14 Helpful 17
  • Question
    How do I add another image onto my base image?
    Community Answer
    Click on the "Layer" button on the top row. Click "Open Image as Layer," and then select the file. Once you've clicked "OK," the image should show as a new layer.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 12 Helpful 11
  • Question
    Can I give an image a border or frame?
    Community Answer
    You can find a border online and add it as a layer, and then go to the Free Transform function under the editing tab to size it accordingly.
    Thanks! We're glad this was helpful.
    Thank you for your feedback.
    If wikiHow has helped you, please consider a small contribution to support us in helping more readers like you. We’re committed to providing the world with free how-to resources, and even $1 helps us in our mission. Support wikiHow
    Yes No
    Not Helpful 5 Helpful 6
See more answers
Ask a Question
200 characters left
Include your email address to get a message when this question is answered.
Submit
      Advertisement

      Tips

      Submit a Tip
      All tip submissions are carefully reviewed before being published
      Name
      Please provide your name and last initial
      Submit
      Thanks for submitting a tip for review!

      You Might Also Like

      How to
      Draw and Color with Microsoft Paint
      How to
      Create a Silhouette in Photoshop
      How to
      Resize JPEGs Using a Browser, Windows, Mac, or Mobile Device
      How to
      Add Stickers to iPhone or iPad Photos
      How to
      Remove Text from a Photo in Photoshop
      How to
      Post Split Pictures and Grid Photos on Instagram
      How to
      Add Words to Images on Windows, Mac, iPhone, and Android
      How to
      Use a Photo Enlarger
      How to
      Edit JPG Images (on Mobile or Computer)
      How to
      Make Your Own Yassification Meme: Yassify Anyone
      How to
      Compress Photos
      How to
      Use Different Blur Options in Snapseed
      How to
      Downsize Photos
      How to
      Edit Photos
      Advertisement

      References

      1. ↑ http://pixlr.com/blog/support/the-basics-of-working-with-layers-in-pixlr-editor/
      2. ↑ http://pixlr.com/blog/support/do-i-have-to-create-an-account-to-use-pixlr-editor/

      About This Article

      In other languages
      Thanks to all authors for creating a page that has been read 436,158 times.

      Did this article help you?

      Advertisement