Image Annotation Tool is an advanced image review and markup solution developed to enable users to identify, classify, and manage Regions of Interest (ROI) within images. The project involved integrating the open-source Annotorious annotation framework into an Angular-based application and extending its functionality to meet specialized business requirements.
The solution allows users to create structured image annotations, classify selected regions, and manage annotation metadata through an enhanced user interface. As part of the implementation, a custom dropdown selection module was developed as an extension to the Annotorious framework, enabling users to categorize annotations efficiently and improve annotation consistency across large image datasets.
To optimize performance and reduce dependency on external storage systems, the application implements a browser-side caching mechanism that stores 50–60 images locally. Images retrieved from third-party storage services are converted into Base64 format and cached for rapid access, enabling smoother navigation and faster annotation workflows.
Key Features
- Region of Interest (ROI) image annotation
- Annotorious framework integration
- Custom annotation classification module
- Dropdown-based annotation categorization
- Interactive image markup and labeling
- Browser-side image caching
- Base64 image storage and retrieval
- Optimized loading for large image collections
- Third-party storage integration
- High-performance image navigation
- Annotation metadata management
- Scalable image review workflow
Project Information
- Client: Mr. Ganesh, Straive
- Tech Stack:
- Angular 12
- Annotorious
- Project Duration: January 2021 – January 2024
Our Contribution
We integrated the Annotorious open-source image annotation framework into an Angular 12 application and customized it to support project-specific annotation requirements. A significant enhancement included the development of a custom dropdown selection module that extended the native functionality of Annotorious, enabling users to classify and manage annotations more effectively.
In addition, we designed and implemented a browser-based image caching mechanism capable of storing approximately 50–60 images locally. Images fetched from third-party storage services were converted into Base64 format and cached for efficient retrieval, significantly reducing loading times and improving the overall user experience during annotation-intensive workflows.
The solution provided a robust platform for image review, region identification, and metadata management while maintaining high performance across large image collections.
Note
The Image Annotation Tool demonstrates the successful integration and extension of open-source technologies to address specialized image processing and review requirements. By combining advanced annotation capabilities with intelligent client-side caching, the solution improved annotation efficiency, enhanced user productivity, and delivered a responsive experience for large-scale image analysis workflows.