Skip to content

RESOURCES / BLOG / Image

Results for Tag ‘Image’

Convert Images to PDF Files With React-to-PDF Using Cloudinary

Topics Guest Post, Image, React
Read Time

From conveying deep messages to preserving memories and everything in between, images have become integral to the human experience. In this article, we’ll look at how to save uploaded images into a PDF file, making it easier to share multiple images without spamming the recipient while taking up less memory.

How to Upload Multiple Images at Once in React

Topics Guest Post, Image, Javascript, React
Read Time

Ever implemented an upload file feature with React using an npm package, but it doesn’t have options for selecting multiple images? In thisarticle, we’ll solve that challenge by implementing a simple React app where users can select multiple images. Prerequisites You should have: Knowledge of JavaScript and React…

Upload and Display Images Using Prisma

Topics Guest Post, Image
Read Time

Sometimes you need to handle and manage images linked to information that’s stored in the database of your web application. We can improve and simplify both image management and data storage using two helpful products: Prisma and Cloudinary. In this article, we’ll create a Next.js app to…

Optimize Images in Next.js Using Custom Loaders

Topics Guest Post, Image, Next.js, React
Read Time

Next.js has a built-in Image Component that automatically optimizes images for your website or application. The default loader for Next.js applications uses the built-in Image Optimization API. This API optimizes images from anywhere on the web and serves them directly from the Next.js web server. Next.js provides a…

Cloudinary Survey Finds Images and Videos Reduce Returns, Improve Rates of Abandoned Carts, and Build Trust with Consumers

Topics e-commerce, Image
Read Time

The images and videos that populate the pages of an e-commerce site do more than make it look good. These visuals play a defining role in building trust with shoppers, driving product purchases, and reducing the rate of product returns. Findings from a global e-commerce consumer survey commissioned by…

How to Implement Lazy Loading with Infinite Scroll

Topics Guest Post, Image, Javascript, React
Read Time

One of the major challenges we face as frontend developers is to efficiently manage large sets of data. “Efficiently” here means managing the data in a way that doesn’t affect the user experience negatively. The common way of handling this is with Pagination but the problem with pagination is that…

Automatically Loading High-Quality Images with Cloudinary and IntersectionObserver

Topics API, Image, Performance Optimization
Read Time

Web performance is, or should be, one of the top concerns for any developer. This is certainly not a new issue, but it is refreshing to see our community put more and more emphasis on this topic over the past few years. Even better, it’s great to see browsers add…

Formidable Showcases Flexibility of PUMA’s Tech Stack With Cloudinary

Topics Frameworks, Headless, Image, Video
Read Time

Sports company PUMA connects with consumers around the world, producing hip and contemporary footwear, apparel, and accessories that is a step ahead of the trends. A vital part of the brand’s appeal is PUMA’s hypercool, next-generation mobile and web experiences.   Part of staying ahead of the trends requires constant innovation,…

Cloudinary’s Multi-CDN Approach: The Whole is Greater Than the Sum of Its Parts

Topics CDN, Image, Multi-CDN
Read Time

A content delivery network (CDN) is a physically distributed infrastructure of interconnected points of presence (POPs) that cache content as close as possible to the end-user, thus offering the best performance and user experience.CDNs also boosts content reliability by shielding websites from most of the traffic. Even if the…

Start Using Cloudinary

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

Sign Up for Free