Skip to content

RESOURCES / BLOG / Image

Results for Tag ‘Image’

Create a Responsive React Image Component With Cloudinary-React SDKs

Topics Guest Post, Image, Javascript, React, Responsive
Read Time

Images are an important part of the web, so delivering the right image for the right device at the right time while maintaining optimized quality is very important. In this article, we’ll go over a few techniques using Cloudinary-React SDK v2 and JavaScript SDK v2 to apply transformations to our…

Upload Images With Vercel Serverless Functions

Topics Guest Post, Image, JAMStack, Serverless, Upload
Read Time

With serverless functions, we can write backend or server-side code without the burden of managing servers. One of the core features of Next.js is the API routes which provide an easy solution to create an API endpoint by allowing us to write server-side logic within our Next.js application,…

How to Create a Carousel in 3 Ways in Svelte

Topics Guest Post, Image, Javascript, Svelte
Read Time

Carousels, referred to as image sliders or sliders, provide an improved visual experience on websites by highlighting essential aspects of a product, service, or value proposition. An image carousel is a series of images that are moved automatically with a timer or manually using some buttons. This article discusses…

Zoom and Rotate Image in ReactJS

Topics Guest Post, Image, Javascript, React
Read Time

Zooming means enlarging an image so that the details are more visible. Zooming in on a picture has many wide applications ranging from zooming through a camera lens to zooming in on a photo on the internet. On the other hand, Rotate is an image processing feature that allows us…

Change a Background With Cloudinary and Next.js

Topics API, Image, Javascript, Next.js, Node(JS), React, Serverless, Transform, Upload
Read Time

When dealing with images, often you want to be able to cut out the primary object and change the background, whether that’s a pair of shoes you want to show in your store in a more life-like environment or if you simply want to change the background. But doing this…

How to Automatically and Programmatically Update Assets Based on Metadata

Topics API, Image, Image Transformation
Read Time

Oftentimes you may find yourself flipping between databases, marketing releases, and media assets while trying to remember when one thing changes to update everything else.Cloudinary makes this process a whole lot easier. Instead of manually create a new version of a product image when pricing, availability, dates, quantity, or anything…

Checking Network Strength to Progressively Load Better Images With Cloudinary

Topics API, Guest Post, Image, Image Transformation
Read Time

In my last article, I discussed how you could use the IntersectionObserver API to progressively load a higher-quality version of an image when it was in the viewport. This was, in my opinion, a great use of web standards to provide a better experience where possible, while still providing…

Face Cropper: How It Works, Use Cases, and Best Practices

Topics Image, Image Transformation
Read Time

What is a Face Cropper?  A face cropper is a specialized image editing tool that detects and isolates faces in photos. This technology leverages facial recognition algorithms to accurately pinpoint facial features and automatically crop the image around them. The outcome is a new image that solely focuses on the…

Revolutionizing Image Descriptions With Cloudinary’s AI-Powered Captioning Add-on

Topics AI, Generative AI, Image
Read Time

Any web developer will agree that optimizing images for search engine visibility and ensuring accessibility for all users is paramount. However, they’ll agree that manually adding image descriptions or alt tags can be time-consuming and error-prone. Enter Cloudinary’s AI-Powered Image Captioning add-on — an AI-powered tool that automates image caption…

Start Using Cloudinary

Sign up for our free plan and start creating stunning visual experiences in minutes.

Sign Up for Free