🔍

首页Home › 图片工具Image Tools

📝 图片标注(箭头、方框、文字、编号、马赛克)Annotate Image (Arrows, Boxes, Text, Numbers, Blur)

在图片上直接做标注:箭头、方框、圆圈、直线、画笔、荧光笔、文字、①②③ 步骤编号和马赛克打码,可选颜色、粗细和字号,方框和圆圈可填充;支持撤销 / 重做(Ctrl+Z / Ctrl+Y),按原图分辨率导出 PNG 或 JPG。适合截图说明、教程步骤、问题反馈和隐私打码,图片只在浏览器本地处理。Mark up an image directly: arrows, boxes, circles, lines, pen, highlighter, text, numbered step markers and mosaic blur for hiding details. Choose the colour, thickness and font size, fill boxes and circles, undo and redo (Ctrl+Z / Ctrl+Y), and export at the original resolution as PNG or JPG. Great for annotated screenshots, tutorial steps, bug reports and hiding private details. Images are processed locally in your browser.

点击选择或拖放图片(截图可以直接拖进来)Click or drop an image here (screenshots work too)

使用说明与常见问题How-to & FAQ

「图片标注(箭头、方框、文字、编号、马赛克)」是什么?What is the Annotate Image (Arrows, Boxes, Text, Numbers, Blur) tool?

在图片上直接做标注:箭头、方框、圆圈、直线、画笔、荧光笔、文字、①②③ 步骤编号和马赛克打码,可选颜色、粗细和字号,方框和圆圈可填充;支持撤销 / 重做(Ctrl+Z / Ctrl+Y),按原图分辨率导出 PNG 或 JPG。适合截图说明、教程步骤、问题反馈和隐私打码,图片只在浏览器本地处理。Mark up an image directly: arrows, boxes, circles, lines, pen, highlighter, text, numbered step markers and mosaic blur for hiding details. Choose the colour, thickness and font size, fill boxes and circles, undo and redo (Ctrl+Z / Ctrl+Y), and export at the original resolution as PNG or JPG. Great for annotated screenshots, tutorial steps, bug reports and hiding private details. Images are processed locally in your browser.

如何使用「图片标注(箭头、方框、文字、编号、马赛克)」?How do I use the Annotate Image (Arrows, Boxes, Text, Numbers, Blur) tool?

在「图片标注(箭头、方框、文字、编号、马赛克)」中,选择或拖入文件,按需设置「工具」、「颜色」、「粗细」、「文字」、「字号」等选项,然后点击「↶ 撤销」、「↷ 重做」、「清除全部」、「下载 PNG」按钮即可。In the Annotate Image (Arrows, Boxes, Text, Numbers, Blur): Choose or drop your files, set "Tool", "Colour", "Thickness", "Text", "Font size", then click "↶ Undo", "↷ Redo", "Clear all", "Download PNG".

有哪些标注工具?Which annotation tools are there?

箭头(指向重点)、方框和圆圈(圈出区域,可勾选“填充”变成实心色块)、直线、画笔(自由涂画)、荧光笔(半透明粗笔,像用记号笔划重点)、文字(自动加描边,在深色或浅色背景上都清楚)、编号(①②③ 依次自动递增,适合写操作步骤)和马赛克(拖出一个区域打码)。Arrow (point at something), Box and Circle (mark an area; tick Filled for a solid block), Line, Pen (freehand), Highlighter (a wide semi-transparent marker), Text (with an outline so it reads on dark or light backgrounds), Number (①②③ markers that count up automatically — ideal for steps) and Mosaic (drag over an area to pixelate it).

怎么添加文字和编号?How do I add text and numbers?

选择“文字”工具,在“文字”框里输入内容,再点击图片上要放文字的位置(点击的位置是文字左上角);选择“编号”后每点击一次放一个圆形编号,从 1 开始自动递增,撤销后编号也会相应回退。字号默认按图片大小自动设置,可以手动调整。Choose Text, type in the Text box, then click where the text should go (the click marks its top-left corner). With Number, each click places a round numbered marker counting up from 1, and undo rolls the numbering back too. The font size is set automatically from the image size and can be changed.

马赛克能可靠地隐藏隐私信息吗?Does mosaic reliably hide private details?

马赛克把区域内的像素按小方块取平均色,导出的图片里原像素已被替换,无法直接还原;但对于很短的数字或文字,块太大时轮廓仍可能被猜出。隐藏密码、身份证号等重要信息时,建议用填充的方框完全盖住。Mosaic replaces the pixels in the area with the average colour of small blocks, so the original pixels are gone from the exported image. With very short numbers or words, the shapes may still be guessable. For passwords, ID numbers and other sensitive details, cover them completely with a filled box instead.

导出的图片清晰吗?会上传吗?Is the export full quality, and is anything uploaded?

标注按原图分辨率绘制和导出,屏幕上缩小显示不会影响导出清晰度;PNG 无损,JPG 质量 92、体积更小。所有操作都在浏览器本地完成,图片不会上传。支持 JPG、PNG、WebP、GIF(第一帧)、BMP、AVIF 和 HEIC,最大 60 MB。Annotations are drawn and exported at the original resolution, so a scaled-down preview on screen doesn't affect the export. PNG is lossless; JPG uses quality 92 for smaller files. Everything happens locally in your browser and nothing is uploaded. JPG, PNG, WebP, GIF (first frame), BMP, AVIF and HEIC up to 60 MB are supported.

有哪些选项可以调整?What options can I adjust?

「图片标注(箭头、方框、文字、编号、马赛克)」的设置:「工具」可选 ➜ 箭头、▭ 方框、◯ 圆圈、╱ 直线、✎ 画笔、▬ 荧光笔等(默认 ➜ 箭头);「颜色」默认 #e53935;「粗细」默认 4,范围 1–40;「文字」可留空;「字号」默认 24,范围 6–1000;可勾选:「填充」;可选文件:常见图片格式(含 HEIC、HEIF、AVIF、WEBP、BMP、JFIF)。改动任一选项后结果会按新设置重新生成。Settings in the Annotate Image (Arrows, Boxes, Text, Numbers, Blur) — "Tool": Arrow, Box, Circle, Line, Pen, Highlighter, etc. (default Arrow); "Colour" default #e53935; "Thickness" default 4, range 1–40; "Text" optional; "Font size" default 24, range 6–1000; tick boxes: "Filled"; files: common image formats (including HEIC, HEIF, AVIF, WEBP, BMP, JFIF). Changing any option regenerates the result with the new setting.

「图片标注(箭头、方框、文字、编号、马赛克)」免费吗?需要注册吗?Is the Annotate Image (Arrows, Boxes, Text, Numbers, Blur) free? Do I need an account?

「图片标注(箭头、方框、文字、编号、马赛克)」完全免费,无需注册或安装,打开网页即可使用,手机和电脑都能用;输入的内容只在你的浏览器本地处理。The Annotate Image (Arrows, Boxes, Text, Numbers, Blur) is completely free with no sign-up or install and works on phones and desktops; what you enter is processed only in your browser.

相关工具Related tools

✂️ 去除图片边框留白(自动裁掉纯色 / 透明边)Unpad Image (Trim Borders & Padding)▱ 图片倾斜变形(水平 / 垂直斜切)Skew Image (Horizontal & Vertical Shear)↔️ 图片平移(循环位移 / 偏移)Shift Image (Offset & Wrap Around)🔀 图片 RGB 通道重排(BGR / GBR 等互换)Reorder RGB Channels in an Image🎚️ 图片位深度转换(1 / 2 / 4 / 8 / 16 位 PNG)Convert Image Bit Depth (1, 2, 4, 8 or 16-bit PNG)👾 图片复古配色(Game Boy / NES / C64 / PICO-8 调色板)Convert Image to Retro Colours (Game Boy, NES, C64, PICO-8)🧪 图片颜色通道分离(R / G / B / Alpha)Separate Image Colour Channels (R, G, B, Alpha)🟩 绿幕抠图(去除绿色 / 蓝色背景)Remove Green Screen from Image🎞️ 图片滑动动画 GIF(滑入 / 滑出 / 循环滚动)Create Sliding Image Animation (GIF)🎞️ 滚动字幕 GIF 生成器(跑马灯文字动图)Create Marquee Text Image (Scrolling Text GIF)🌈 渐变图片生成器(线性 / 径向 / 角向,导出图片和 CSS)Generate Gradient Image (Linear, Radial, Conic + CSS)🔢 图片转 01 字符画(二进制文字艺术)Convert Image to Binary Art (0/1 Text Art)

← 全部工具All tools