Mode
Text
Text
To load an image, click here or drop one on this window.
By + Copyright © 2025 Greg Abbott. All rights reserved. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. CREDITS Uses Tessearct JS for OCR
How to use: - Load an image (e.g. a screenshot, a scanned document, art). - Draw boxes around content and areas of interest in the image. - Optionally: - Use the 'Score' tool on a box to split it, or make a table. - Tag the content kind of specific boxes (images / headings). - Recognise English text in any or all of the boxes. - (Text in image boxes becomes 'alt' text when saving HTML.) - Copy text from areas of the image you've drawn a box around. - Save files based on the boxes you've drawn and marked. Save: - All boxes as images (PNG), or just ones tagged as "image". - All tables, as JSON and CSV. - The entire layout with all elements as a HTML page. - (This automatically runs OCR on any unprocessed boxes.) - To learn more about what any button does, hover over it. Written in: Vanilla JavaScript, HTML, CSS. Greg Abbott Version: 2025_0317