Working with Images in the Design Tool- Mobile and App Version

Using your own images is a powerful way to personalize your Zazzle designs. The Design Tool offers a variety of options to help you customize images, including resizing, cropping, and masking. This guide walks you through these features step-by-step.

This is a guide specifically for the Mobile Version. If you wish to read the help center article for the Desktop Version, click here.

 

 Uploading Your Own Images

Below are the steps to upload your own images on the App and Mobile Design Tool:

  1. Locate the Bottom Toolbar on the design interface.
  2. Tap on the ‘Add’ button to open the uploads options.
  3. Upload from your phone:
    1. Tap the ‘Upload Images’ button to add any image from your phone.
    2. Once added you can your images will be saved on your Zazzle account in case you want to use them again
  4. Your uploaded images will appear beneath the ‘Upload Images’ button ready to be added to your design.
  5. To add an uploaded image, simply tap on it and it will be added to the design.


 

 

Image Editing Basics – Resizing, Cropping, Changing Position

 

This section covers the foundational steps for editing and managing images, ensuring you have all the tools you need to bring your vision to life. To do any kind of editing on your image, make sure that it is selected by tapping it. Here are some instructions for common actions that you might take:

 

Resizing Images

  1. Select your image by tapping on it in the design canvas.
  2. Tap and drag the corner handles to adjust the image size proportionally, keeping the aspect ratio.
  3. Tap and drag the side handles for non-proportional resizing.


 

Cropping a Photo

  1. Select your image by tapping on it in the design canvas.
  2. Enter crop mode by double-tapping on the image, or click the ‘Crop’ button in the pop-up menu below the image.
  3. When in Crop mode...
    1. Change the shape of the visible area (also called crop window) by tapping and dragging the L-shaped handles.
    2. Reposition the visible image in the crop window by clicking anywhere inside the image and dragging it to the desired position.
  4. When you are happy with your edits, tap anywhere outside the image or tap the Crop button to exit crop mode.

Changing the Position of Your Image

  1. Select your image by tapping on it in the design canvas.
  2. Tap and drag anywhere in the middle of the image to reposition it on the canvas. Alignment guides will help you position it accurately.

 

Handling Blurry / Low-Resolution Images

You’ll want to avoid low-resolution images, as they can result in poor print quality, appearing blurry or pixelated. Before you add the item to your cart, you will receive a message indicating that the image is blurry, prompting you to resize or replace the image.

Remove White Backgrounds from Images

The ‘Remove all white’ option allows you to eliminate white backgrounds from your images, creating a transparent effect. This feature is particularly useful for logos, graphics, or photos with white backgrounds that might disrupt your design’s aesthetic. By removing the white areas, the image integrates seamlessly into the design, blending perfectly with backgrounds or other elements.

  1. Tap the image you would like to edit.
  2. From the toolbar below the image, select ‘Remove Background’ OR tap ‘Eraser” and then tap the ‘Remove all white’ or ‘Remove white background’.


 

 

Additional Image Options

When you select an image in the Zazzle Design Tool, the toolbar provides a variety of options to customize your image. Here’s a breakdown of each feature:

  1. Change <del>Image </del> Replace the current image with a different one by uploading a new image or selecting one from your uploads.
  2. BG Remover – Detects the main subject of a photo or image and remove the background around it.
  3. Crop – Trim your image to focus on a specific area by adjusting the crop frame.
  4. Delete – Remove an image entirely.
  5. Fit – Adjust the image to fit entirely within the design area without cropping.
  6. Fill – Expand your image to completely fill the selected space or shape while maintaining its proportions.
  7. Scale - Resize the image by scaling it up or down while maintaining its proportions.
  8. Rotate - Rotate the image to the desired angle for better alignment or effect.
  9. Flip - Mirror the image horizontally or vertically for creative layout options.
  10. Patterns - Allows your tile your image in various patterns.
  11. Eraser - Allows to remove the background and all white from an image.

 

Working with images in the Zazzle Design Tool is straightforward and offers a variety of options to customize your designs effectively. For a more complete guide to the Zazzle Design Tool, tap here.