> ## Documentation Index
> Fetch the complete documentation index at: https://docs.uflo.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Image Responses

> Answer with photos of handwritten work, calculations, or diagrams.

Image-response questions let you submit work completed outside Uflo. Upload a clear photo or image of your answer, including any calculations and labels the question asks for. You can include several images if your work spans multiple pages.

## Add Your Work

<Frame caption="Choose images from your computer or send photos from your phone.">
  <img className="block dark:hidden" src="https://mintcdn.com/uflo/AqRw2O8mTFF-DM6K/images/illustrations/students-assessments-answer-upload/light.webp?fit=max&auto=format&n=AqRw2O8mTFF-DM6K&q=85&s=5ddd537fa283ac7850fe43ef3feaf49b" alt="An image-response question with Upload Image Or Paste URL and Upload From Phone buttons." width="2400" height="1026" data-path="images/illustrations/students-assessments-answer-upload/light.webp" />

  <img className="hidden dark:block" src="https://mintcdn.com/uflo/AqRw2O8mTFF-DM6K/images/illustrations/students-assessments-answer-upload/dark.webp?fit=max&auto=format&n=AqRw2O8mTFF-DM6K&q=85&s=2d9eee98c2f9b9908afbaf31e18c3cad" alt="An image-response question with Upload Image Or Paste URL and Upload From Phone buttons." width="2400" height="1026" data-path="images/illustrations/students-assessments-answer-upload/dark.webp" />
</Frame>

<Tabs>
  <Tab title="From Your Computer" icon="desktop">
    <Steps>
      <Step title="Choose Your Images">
        Select **Upload Image Or Paste URL** and choose the image files on your computer.
      </Step>

      <Step title="Crop and Upload">
        Adjust the crop to include your whole answer. If the image is sideways, select **Rotate 90°**. Select **Crop & Upload**, then repeat for any remaining images.

        <Frame caption="Keep calculations, labels, and units inside the crop.">
          <img className="block dark:hidden" src="https://mintcdn.com/uflo/AqRw2O8mTFF-DM6K/images/illustrations/students-assessments-image-crop/light.webp?fit=max&auto=format&n=AqRw2O8mTFF-DM6K&q=85&s=0e0721d6be981b7b1fac915350f5ab51" alt="Image-cropping dialog showing a handwritten calculation, a rotation control, and Crop & Upload." width="2940" height="2190" data-path="images/illustrations/students-assessments-image-crop/light.webp" />

          <img className="hidden dark:block" src="https://mintcdn.com/uflo/AqRw2O8mTFF-DM6K/images/illustrations/students-assessments-image-crop/dark.webp?fit=max&auto=format&n=AqRw2O8mTFF-DM6K&q=85&s=8ec986b0934c39fe4f921e9325dcfc24" alt="Image-cropping dialog showing a handwritten calculation, a rotation control, and Crop & Upload." width="2940" height="2190" data-path="images/illustrations/students-assessments-image-crop/dark.webp" />
        </Frame>
      </Step>

      <Step title="Check Your Response">
        Wait for all images to appear in the response area before moving on.
      </Step>
    </Steps>
  </Tab>

  <Tab title="From Your Phone" icon="mobile-screen">
    <Steps>
      <Step title="Scan the QR Code">
        On your computer, select **Upload From Phone**. Scan the QR code with your phone's camera and open the link. Keep the dialog open on your computer.

        <Frame caption="The received-photo count updates as your images arrive. This QR code is an example.">
          <img className="block dark:hidden" src="https://mintcdn.com/uflo/AqRw2O8mTFF-DM6K/images/illustrations/students-assessments-phone-upload/light.webp?fit=max&auto=format&n=AqRw2O8mTFF-DM6K&q=85&s=674659033bffe85527ffddd13ce83269" alt="Upload from your phone dialog with an example QR code, two photos received, an expiry timer, and Done." style={{ width: "420px", maxWidth: "100%", margin: "0 auto" }} width="1500" height="1887" data-path="images/illustrations/students-assessments-phone-upload/light.webp" />

          <img className="hidden dark:block" src="https://mintcdn.com/uflo/AqRw2O8mTFF-DM6K/images/illustrations/students-assessments-phone-upload/dark.webp?fit=max&auto=format&n=AqRw2O8mTFF-DM6K&q=85&s=97f23181c30f801a4adb036b99a86733" alt="Upload from your phone dialog with an example QR code, two photos received, an expiry timer, and Done." style={{ width: "420px", maxWidth: "100%", margin: "0 auto" }} width="1500" height="1887" data-path="images/illustrations/students-assessments-phone-upload/dark.webp" />
        </Frame>
      </Step>

      <Step title="Send Your Photos">
        On your phone, take or select photos and follow the prompts to upload them.
      </Step>

      <Step title="Finish on Your Computer">
        Once all photos have arrived, select **Done** and check the images in your response. This closes the upload dialog; it does not submit the assessment.
      </Step>
    </Steps>

    <Tip>
      Already using Uflo on your phone? Use **Upload Image Or Paste URL** to choose a photo directly.
    </Tip>
  </Tab>
</Tabs>

## Check Before Moving On

Make sure every image has appeared in the response area. Check that the writing is upright, readable, and fully visible. Include all pages in the order they should be read.

<Warning>
  Upload the images directly. Despite the upload button's label, external image links are not accepted as assessment responses.
</Warning>

## Common Questions

<AccordionGroup>
  <Accordion title="Which image formats can I use?">
    JPG, PNG, WebP, HEIC, and HEIF are supported. Each image can be up to 20 MB.
  </Accordion>

  <Accordion title="Can I upload a PDF instead?">
    This response type accepts images. Export or photograph the relevant pages as images. When the **Attachment** tool is offered, you can [attach a PDF](/students/assessments/questions/file-attachments) inside a written response.
  </Accordion>
</AccordionGroup>
