AI guidesClaude's eye

Pictures and Video with Claude: What It Sees, What It Makes, and the Workarounds

Claude knows how to look: a photo of a crack, a hand sketch, a screenshot of an error or a PDF full of drawings. It does not paint pictures like a camera, but it builds SVG, charts and animations in code, and through connectors such as Canva and Figma it can produce real images too. Video? There is a simple workaround.

9 min read

01The analogy: a sharp-eyed engineer who drafts but has no camera

Picture a senior engineer who glances at a site photo and immediately tells you what is going on. Ask him for a new picture, though, and he will not pull out a camera. He will sit down at CAD and draft it, or call a photographer. Claude is the same: an excellent eye, drawing through code, and for real photos it calls an outside tool through a connector.

02How it works: from picture to deliverable

  1. 1UploadDrag or paste a photo, screenshot, sketch or PDF into the chat
  2. 2Claude looksReads text, numbers, shapes, lines and details in the image
  3. 3Ask for outputA description, a checklist, a table, code or a clean drawing
  4. 4Claude buildsText, SVG or HTML in an artifact, or an image via a connector like Canva
  5. 5DownloadSave as SVG, PNG, PDF or HTML and keep working

03What Claude can read from an image

Basics

Formats and limits

JPEG, PNG, GIF and WebP, up to 8000 by 8000 pixels and up to 20 files per chat. Claude understands images but does not generate them itself.

Site

Site photos

Cracks, damp, rebar diameters, anchors and drill holes. It describes and suggests checks; it does not diagnose.

Design

Sketches and drawings

A hand sketch, a scanned plan or a detail inside a PDF. It reads dimensions, labels and symbols.

Office

Screenshots

An error message in Excel, in calculation software or in code, or a whole web page layout.

Data

Tables and charts

A table from a manufacturer catalog or a chart from a report. Ask to turn it into an Excel table.

Documents

PDFs with images

Per the help center, for PDFs of up to 100 pages Claude analyzes images and charts too. Beyond that, text only.

04What Claude can create, and how

Built in

SVG drawings and diagrams

Claude writes SVG, a vector format that opens in a browser and imports into Illustrator or Inkscape. Ideal for details, sections and flowcharts.

Built in

Charts and graphs

A chart from numbers you paste, as an artifact or a visual in the chat, and you can ask for changes.

Built in

Animations

An HTML, CSS and JavaScript animation, for example the steps of an anchor installation. Runs in a browser, no video file needed.

Connector

Real images via Canva

The Canva connector can create designs and AI images and export them. Requires a Canva account.

Connector

Images via Figma or Hugging Face

Figma offers an image generation tool that uses Figma AI credits. On Hugging Face you can run image models in Spaces.

Connector

Adobe

The Adobe for creativity connector, announced in April 2026, links Claude to tools across Photoshop, Premiere and Express.

05Example: a photo of a cracked concrete wall

Site engineerasks
Attached are 3 photos of a crack in a basement concrete wall. Describe what you see: direction, approximate width, signs of damp or rust. List the checks I should do on site, and what to photograph next time so you can help more.
gets
A structured description of the crack, a list of checks (measure width with a crack gauge, monitor over time, check cover and reinforcement), and a tip to photograph with a ruler in frame. Claude itself notes this does not replace an on-site inspection by an engineer.
ToolClaude chat, image upload

06Example: a hand sketch becomes a clean drawing

Building technicianasks
This is my sketch of a base plate detail with 4 anchors. Redraw it as a clean CAD-style SVG: thin lines, dimension lines, labels in Hebrew. Do not guess dimensions that are not written; mark them with a question mark.
gets
An SVG file in an artifact, with dimensions and labels, ready to download, open in Inkscape or drop into a document. Unclear dimensions are flagged for checking.
ToolArtifact (SVG)

07Example: a site video becomes a photo report

Construction supervisorasks
The folder has a 4-minute walkthrough video from the site. Extract a frame every 10 seconds with ffmpeg, pick the 12 clearest, and build a PDF report with each photo, a short description and the timestamp.
gets
A folder of frames and a tidy PDF report. Claude does not watch the video itself; it looks at the frames extracted from it.
ToolCowork or Claude Code (ffmpeg on your computer)

08Example: an animated explainer of a chemical anchor installation

Technical marketerasks
Build an HTML animation showing 5 steps: drilling, cleaning the hole, injecting the resin, inserting the rod, curing time. Play and pause buttons, labels in Hebrew, clean colors.
gets
A single HTML page that runs in any browser, shareable as a link or embeddable in a website. For an MP4, record the screen or build it in Canva or Figma.
ToolArtifact (HTML, CSS, JavaScript)

09What I want, and how to do it

I want toHow / which toolNotes
Analyze a site photoUpload it to the chat and ask a focused questionSeveral angles and a ruler in frame help a lot
Fix an error from a screenshotPaste the screenshot and ask for an explanation and fixAdd the error text too if you can
Turn a sketch into a clean drawingArtifact with SVGCheck every dimension against the original
A chart or diagramArtifact or an in-chat visualPaste the actual numbers, not just a picture of a chart
A real photo or illustrationCanva, Figma, Adobe or Hugging Face connectorClaude alone does not generate photos; may use credits
Understand a videoFrames from the video plus the transcriptIn Cowork, frames can be extracted with ffmpeg
Cut or convert a videoCowork or Claude Code with ffmpegWork on a copy, not the original
An animated explainerHTML animation in an artifact, or Canva and FigmaFigma can export animation as MP4
My image inside a site or artifactUpload the file and ask to embed itIn a plain chat you may need a link to a hosted image

10Get started in five minutes

  1. 1

    Take a good photo

    Sharp, well lit, not at a steep angle. For small details, shoot one close-up and one wider shot for context.

  2. 2

    Drag it into the chat

    Drag the file, paste a screenshot with Ctrl+V, or click the attach button. You can add several images at once.

  3. 3

    Ask a focused question

    Not just what is this, but for example: what is the approximate crack width and what should I check. Add what you know: material, building age, location.

  4. 4

    Ask for a deliverable

    A table, a checklist, SVG, a chart or code. If you need a real image, connect Canva or Figma in the connectors settings.

  5. 5

    Check and save

    Compare numbers and dimensions with the source, then download the file from the artifact. Links from outside tools can expire, so keep a copy.

11Claude vs ChatGPT and Gemini for images and video

Claude

  • Reads images, screenshots and PDFs with drawings
  • Does not generate photos or illustrations itself
  • Excels at SVG, charts, diagrams and animations in code
  • AI images through connectors like Canva, Figma and Adobe
  • Video: via frames and transcripts, or ffmpeg in Cowork

ChatGPT and Gemini

  • They read images too
  • ChatGPT creates and edits images directly, including on the free plan
  • Gemini creates images, and short videos on paid plans
  • Handy when you need a quick rendering or illustration
  • For precise drawings with dimensions, code and SVG still win

12FAQ

Can Claude draw me a picture?

Not like an image generator. Anthropic states plainly that it is an image understanding model only. It does write SVG, HTML and charts, and through a Canva, Figma or Hugging Face connector you can get a real image.

Can I upload a video?

At the moment Claude does not watch video files. Upload a few frames and the transcript instead. In Cowork or Claude Code it can extract the frames itself with ffmpeg.

How far can I trust dimensions it reads from a photo?

Carefully. The docs note that positions and counts are approximate, and that small, blurry or rotated images cause mistakes. Any number that goes into a calculation or report gets checked against the source.

What about privacy?

Before uploading, blur faces, license plates, client names and addresses. Claude also does not identify people by their faces. For client work, check your organization's policy.

And copyright?

Do not upload other people's images in order to copy them, and check the terms of the tool that generated an image before commercial use. A drawing rebuilt from your own sketch is yours.

How do I put my own picture into a site Claude builds?

Upload the picture and ask Claude to embed it. In Cowork and Claude Code the file sits in your folder and it places it in the page. In a plain chat, the safe route is to give a link to an image already hosted on your site.

More in this guide

The Claude Toolkit: What to Add for Every Task So It Works BetterA kit for every taskWhat Is an Artifact? A Guide for Engineers Who Want More Than a Chat AnswerOutputs, not just answersWhat Is an AI Agent? A Practical Guide for EngineersAI agents at workWhat Are Skills? An Engineer's Guide to Teaching Claude Your Office ProceduresProcedures for AIWhat Is a Connector? How Claude Plugs Into Your Apps (MCP)Claude meets your toolsWhat Is a Plugin? An Engineer's Guide to Installing a Whole Claude Workflow at OnceWorkflow packages for AIWhat Is a Prompt and How Do You Write a Good One?Talking to AIProjects and Memory in Claude: Make It Remember Your WorkContext that staysModels, Tokens and the Context Window: What Happens Behind the ScenesHow AI thinksWhat Is a Design System? A Guide for Non-DesignersDesign without a designerWhat Is a Snippet? An Engineer's Guide to Reusable Pieces of Code and TextReusable building blocksWhat Is GitHub? A Guide for Engineers Who Don't CodeGitHub without codeDesign an image with AI: create, edit and improve pictures, free and paidImages with AIDesigning an AI Character: Mascot, Avatar, Talking Presenter, 3DTask: AI characterEngineering calculations with AI: compute, check and document properlyCalculations with AIBuild engineering software with AI: from a small calculator to an app, without being a programmerSoftware without codingFind a product with AI: search, compare and verify products, suppliers and datasheetsFind and compare productsFind a standard with AI: the right standard and clause, without the hallucinationsStandards, no guessingThe full Claude guideEverything you need to start, step by step

Back to the AI page