Upload an image to detect objects
Use an image to detect objects
Flexible Photo Recrafting While Preserving Your Identity
Generate a new image using a prompt and uploaded image
Create and customize images for printing
Apply style to an image
Turn images into new creations using prompts
Generate an image based on template and user input
Add text to an image with customization options
image mask
Yolo for Object Detection
Upload an image to detect objects
Customize a trophy with images
Transformers.js is a JavaScript library designed to integrate AI-powered image processing directly into web applications. It simplifies the process of detecting objects in images and applying transformations, such as adding logos or watermarks, seamlessly. The library leverages modern AI models to deliver accurate and efficient image processing capabilities.
npm install transformers.js
import Transformers from 'transformers.js';
const transformer = new Transformers({
apiKey: 'YOUR_API_KEY',
});
transformer.loadImage('path/to/image.jpg');
transformer.detectObjects();
transformer.addLogo('logo.png', {
position: 'bottom-right',
});
const result = await transformer.saveAs('output.png');
1. What image formats does Transformers.js support?
Transformers.js supports JPEG, PNG, and WEBP formats for both input and output images.
2. Can I customize the logo placement?
Yes, you can customize the logo's position, size, and opacity using the addLogo method parameters.
3. Does Transformers.js handle errors during image upload?
Yes, the library includes error handling for invalid image formats and failed uploads, providing detailed error messages for easy debugging.