Images

1. Add Image to the Design

You can add supported PNG, JPEG and SVG images to your design file. There is no specific layer type for images. In Pixso, images are regarded as a fill type, which allows you to add an image into any shape.

You can view and update the image filling under the Fill section in the right panel. Pixso also shows the thumbnail in the Palette and Handoff section.

You can tell which layer contains an image in the Layer panel because:

• If the image is added to the canvas directly, then Pixso will create a rectangle of the same size as the image. The rectangle will be called "image" and you can see the corresponding icon next to it.

• If the image is added to the current object, then Pixso will retain the icon and name of the original layer.

2. Upload Image as Filler

You can add an image to the current shape using the colorpicker, while this method requires you to download the image to your computer. Steps:

1. Select or create a shape on the canvas.

2. Click the Fill section in the right panel to open the colorpicker.

3. Select image among the fill options provided.

4. A placeholder image will be filled into the shape. Now click Select image and choose one from your computer.

3. Import Image in Batches

You can import images in batches and customize their locations.

Here is how to do it:

Method 1. Select Import from the menu and choose target images.

Method 2. Click Shape > Image from the top toolbar and choose target images.

Shortcut keys:

• macOS: Command + Shift + K
• Windows: Ctrl + Shift+ K

In this way, Pixso will show a "+" cursor and the thumbnail of the first image. If you choose multiple images, then the cursor will show how many images are left.

Then you can add the image to the canvas in several ways:

• Click a random place on the canvas and add the image of the original size.
• Click and drag to resize the image and then add it to the canvas.
• Select the current object on the canvas and add the image into it as a filler.

4. Paste Image to Canvas

You can also paste images onto the canvas. Here is how to do it:

If you want to create a new layer for the image, directly paste it onto the canvas. The image added in this way can be copied from other websites.

Step 1. Click the blank space on the canvas to deselect any layer.

Step 2. Paste the image by pressing Ctrl/Command and V.

Step 3. Pixso will create a rectangle of the same size as the image and take the image as a filler.

If you select a layer before pasting the image, then the image will be added to it as a filler. By default, Pixso will add the image as a new filler to the layer.

Step 1. Select the layer to add the image.

Note: If you want to replace the current filler, go to the Fill option on the right panel and click the thumbnail to select a new one. After that, the filled layer will be highlighted in blue.

Step 2. Paste the image by pressing Ctrl/Command and V.

The image fill mode will be set as Fill by default, but you can change it to Adapt, Crop or Tile.

5. Crop Image

Step 1. Select the layer you want to adjust.

Step 2. In the Fill section, click the thumbnail of the image to open the drop-down menu.

Step 3. Choose Crop and Pixso will add 8 nodes around the image.

Then you can adjust how to display it:

• Click and drag the nodes in any direction and stretch the image.
• Click and drag the image to change its location.
• The cropped part of the image will be transparent.

Step 4. Click any place on the canvas to confirm your action.

Note: You can crop the image again by double clicking it. You can also press the Command/Ctrl key and drag the nodes to crop the image quickly.

6. Adjust the Filling Property of Images

There are 4 filling properties of images.

Adapt: This allows the image to be displayed fully in the filled object, even though you resize the object. However, based on the shape of the object, the image may fail to fill it fully.

Fill: This will locate and scale the image so as to apply it to the whole object. If the shape of the image is different from that of the object, then Pixso will crop the image to fill the object fully.

Crop: This allows you to adjust the borderline of the image. In this way, you can control which part of the image can be seen.

Tile: Duplicate the original image to fill the object fully. You can resize the duplicate image by adjusting percentage values.

When the image is added as a filler, you can no longer adjust the proportion and size of it. However, you can adjust the filled object, by which Pixso will locate and scale the image based on the selected filling property.