Pixlr Editor/Contents

< Pixlr Editor

Content structure of PixlrEdit

Here are the basic components you will find in the Pixlr Editor web application.

The general layout of Pixlr is the menu bar across the top, the tools bar on the left, the Navigator, Layers, History, and advertising windows on the right. Don’t knock the advertising. It keeps the program free.

Looking at Pixlr Editor above, the menu bar (ribbon) has the selections of “File, Edit, Image, Adjustment, Filter, View, Language, Help, and Font” is across the top. To the right is “Login” and “Sign up” and resize and close file icons . By signing up, you join Pixlr for free and get some free storage and other benefits. (Look above under ”Open image from library” for more detail.) Beneath the menu bar under “File”, you see the current tool selected which is the Crop tool. It is highlighted in the upper left corner of the Tool bar to the left. Note to the right of the Crop tool in the second row, are boxes allowing you to make various adjustments to how you use the tool. To the left beneath the top two rows, is the tool bar with its various tools. The rectangle with the 6 small boxes is “Set main color”. These colors are used in brushes, pencils, and other tools. The large window in the middle of the screen is the work space. The file name is located at the top of the work in white letters. The vertical and horizontal bars appear when the image shown is bigger the work space and allow to get to the portion of image you wish to modify. The lower left corner of the work space shows the image magnification which 100% in the example above. To the right of the magnification percent is the width and height of image in pixels. On the far right at the bottom are two arrows . These arrows can be used to change the size of the work space.

To the right are the three windows, Navigator, Layers, and History. They will be discussed elsewhere.


At the top of the web page, where the Flash application Pixlr resides, is a menubar. It contains menus and menu items that correspond to what one would find in a regular computer application. The menu items can be accessed through keyboard shortcuts, but depending on browser options, this seems to be a variable quality.

Option barEdit

Right under the menubar is the option bar, where options for different tools appear dynamically under proper context. Normally, the icon of the active tool appears in the left most section of this bar.


Under the option bar, and filling the rest of the browser page, is a grey backdrop on which different windows and palettes are available. In the right lower part of this backdrop are some Flash information pertaining to version number, frame rate and memory size.

Image windowsEdit

Photos, pictures and images appear in resizable windows with scrollbars. These windows indicate in the left section of the horizontal scrollbar the zooming factor as a percentage. This information appears in an editable field that permit immediate zooming. To the right of this field, the actual size of the image in pixels is shown.


Other windows are actually palettes that float on top of image windows. Some can be vertically resized and most can be closed.

Dialog windowsEdit

Special windows asking the user to complete a requested function by specifying further bits of information. This type of window requires that it be taken care or be dismissed explicitly by the user before letting other action be taken.