Skip to main content
In Zuper, the Photo Editor transforms your ordinary images into precise, professional visuals that eliminate guesswork and drive faster decisions. Whether you need to highlight damage, point out specific issues, add accurate measurements, flag areas for attention, or create compelling before-and-after documentation, the editor lets you annotate directly within Zuper. There is no need for external tools, downloads, or re-uploads. Every change is saved seamlessly to the relevant record, keeping your visual documentation accurate, contextual, and immediately accessible to everyone on the team. The editor is available across four modules: Jobs, Projects, Customers, and Properties.

​
Before you begin

Ensure at least one photo is available in the record before opening the editor.
Note: The editor works on images only. Videos cannot be annotated.

​
Accessing the Photo Editor

You can open the editor from either the Gallery tab or the Attachments section of any supported record:
  1. Navigate to the desired Job, Project, Customer, or Property record.
  2. In the left navigation panel of the record, click the Gallery tab (or Attachments section).
    Annotation 1
  3. Click the image you want to annotate. It opens in full-screen view.
    Annotation 2
  4. Click Open Editor in the top-right corner of the viewer.
    Annotation 3
The Photo Editor opens with the selected image on the canvas and an annotation toolbar on the left.
Annotation 5

​
Using the Annotation Tools

Zuper offers a comprehensive yet intuitive set of tools tailored for field service and property management needs. Here is what each one does and how to use it.
Use this tool whenever you need to move, resize, or make changes to something you have already drawn.How to use: Click the cursor icon at the top of the toolbar, then click any annotation on the photo. You can drag it to a new spot or use the corner handles to resize it.
Perfect for circling a defect, underlining a detail, or sketching a rough outline.How to use: Click the pencil icon, then click and drag on the image to draw. When you release the mouse, the stroke is placed, and the tool automatically switches back to Select mode so you can fine-tune it.
Great for tracing straight edges such as roof lines, property boundaries, or paths of damage.How to use: Click the polyline icon, then click once for each point you want to connect. Double-click when you are finished. You can later adjust its color, thickness, or delete it.
One of the most useful tools — it lets you point directly at an issue and add a label or measurement at the same time.How to use: Click the arrow icon, then click and drag to draw the arrow in the direction you want. When you release, a small window appears with four choices:
  • Free-text note (for example: “Replace this section” or “Priority: High”)
  • Linear measurement in feet and inches
  • Linear measurement in metres and centimetres
  • Area measurement in square feet
Type your information and click Save. The label appears neatly on the arrow, so anyone looking at the photo later will understand exactly what you mean without extra notes.
Use the circle tool to highlight round or oval areas like holes, stains, or leaks. Use the rectangle tool for square or rectangular sections such as windows, panels, or larger areas.How to use: Click and drag to draw the shape. Once placed, you can change the color, adjust how transparent it is, add text, duplicate it, or remove it.
Sometimes you just need a simple label on its own. Place a standalone label anywhere on the image to name an area, add an instruction, or stamp a measurement.How to use: Click the T icon in the left toolbar.
  1. Click the desired location on the photo. The text input box appears.
  2. Choose the appropriate mode from the tabs at the top:
    • Abc — Free-form text (e.g., “Replace gutter section”, “Priority High”)
    • ft. in. — Linear measurement in feet and inches
    • m. cm. — Linear measurement in metres and centimetres
    • sq. ft. — Area measurement in square feet
  3. Enter the content and click Save.
You can move, resize, or edit the text later.
Need to show a tiny detail without losing the bigger picture?How to use: Click the magnifying glass icon and then click on the area you want to zoom in on. A circular magnified view appears at 4× zoom. You can move it around or adjust the zoom level as needed.
Apply a quick visual indicator without typing.How to use: Click the sticker icon, pick one from the collection (such as a check mark or flag), and click on the photo to place it. You can move or delete stickers easily.
Quick Actions on Selected Annotations When you click any annotation to select it, a quick menu appears directly above it. This menu gives you fast control over that specific annotation. Here is what you can do:
  • Color picker: Change the color of the annotation to make it stand out better.
  • Thickness picker: Adjust how regular or solid the annotation appears so it blends nicely or draws strong attention.
  • Text (T): Edit or add a text label attached to the annotation.
  • Edit: Modify the path or shape of the annotation if you need to adjust its form.
  • Duplicate: Create an exact copy of the annotation. This is especially useful when you want to repeat the same measurement or marking across multiple areas quickly.
  • Delete: Remove the annotation from the canvas completely.
    Annotation 4
Adjusting and Improving Your Photo Before you start adding marks, you can improve the quality of the image itself:
Click this icon to turn the entire photo 90 degrees clockwise until it looks right.
Mirror the image left to right or top to bottom.
Click the crop icon and drag the handles to keep only the important part of the photo, then confirm.
Click the sliders icon at the bottom of the toolbar. Here you can change brightness, contrast, and saturation. Move the sliders and watch the photo update live. It is usually best to make these adjustments first so your annotations look clear and professional.
Tip: Run Adjustments first, before adding any markups. Improving image clarity upfront makes your annotations easier to place accurately and easier for others to read.
Menu bar at the Top At the top of the editor, you will also see menu buttons that make your workflow smoother:
  • Reset All: Clears everything you have added so you can start fresh (this cannot be undone).
  • Save: Applies your changes directly to the original photo.
  • Save as Copy: Creates a new annotated version while keeping the original photo untouched. This option is especially useful when you want to keep clean before-and-after records.
  • Zoom controls let you get a closer or wider view as you work.
    Annotation 6
Saving and Finding Your Work When you are happy with your annotations, choose either Save or Save as Copy from the top bar. Your annotated photo will be added to the Gallery automatically. It will also appear in photo feeds, and anywhere else the image is used in Zuper.
You can always reopen an annotated image later to make additional changes, including adding new annotations, adjusting existing ones, or removing previously added annotations. This flexibility helps keep your records accurate as the job progresses. Here are a few important things to remember:
  • If you use Save as Copy, the original photo stays exactly as it was. This is helpful for insurance claims, warranty records, or when you need to show the unchanged starting point.
  • If you close the editor without clicking Save or Save as Copy, all your work will be lost.
  • Using Reset All removes every annotation and adjustment at once.

​
FAQs

It depends on which option you choose. Save commits the annotations to the existing image. Save as Copy creates a new annotated version while leaving the original untouched. Use Save as Copy whenever you need to maintain a clean original for insurance, warranty, or dispute records.
Click Reset All in the top-right corner and confirm. This removes all annotations and image adjustments in one step and cannot be undone once confirmed.
The annotated image is saved as a new copy and does not replace the original checklist image. The original remains intact. You can view both the original and the annotated version in the Gallery.
Any annotations you have placed are discarded. Your original image remains unchanged. Always click Save or Save as Copy before closing if you want to keep your work.