RESOURCES / BLOG / Image Transformation
Results for Tag ‘Image Transformation’
Adding a Blur Effect to a Background Image With CSS and Cloudinary
Working with images and texts in a web application is a complex task. In many scenarios, you want to blur a picture to make it less distracting or to make the text on top of it more readable. For example, blurring the background image of a modal window or page…
Read More ->
Creating a Transparent Effect on Background Images With CSS Opacity and Cloudinary
Adding a background pattern or image to a website makes it more visually appealing and creates a strong brand impression. But we don’t want the background image to be too distracting, especially when text is overlaid on top. In this case, we can apply a transparent effect to the background…
Read More ->
Editor-Friendly Image Transformation and Optimized Delivery With Cloudinary and Decap CMS
How and why you should empower editors with a simple interface to upload and transform images. Content managers and editors need a simple, intuitive way of handling images in a content management system (CMS). They should also be able to upload, adjust, and remove assets without impacting site performance…
Read More ->
Streamlining Digital Creativity: The Power of Cloudinary’s AI-Powered Image and Video Platform in Your CMS
Among the top pain points content creators can never seem to overcome are small (or no) teams, distribution challenges, and quality and consistency issues. There are others, like lack of time, the inability to keep up with technology, insufficient funding — and yes, these are real pains — but what…
Read More ->
Leveraging Cloudinary and Flask: Creating an Interactive Image Platform
Manipulating images dynamically within web applications unlocks the potential for creative possibilities. By combining Flask with Cloudinary’s robust image management capabilities, developers can craft interactive and visually engaging applications. Let’s take a closer look at how this sample application brings together various elements and implements a dynamic image handling system…
Read More ->
Optimizing Images for Websites With Svelte and Cloudinary
Dustin Goodman, engineering manager at This Dot, explores how to use Svelte and Cloudinary to optimize images for websites. Svelte is a JavaScript framework that can be used to create interactive user interfaces, and Cloudinary is a cloud-based service that can be used to store, manage, and deliver high-quality images.
Read More ->
Twitter Ruined Your Link Previews: Here’s How Cloudinary Can Help
In October 2023, Twitter rolled out a big and controversial update, which changed how links to the content you share are displayed on the timeline. Previously, link previews would come with a large or small image, and most importantly, the image was accompanied by the headline and description of the…
Read More ->
How We Built the Generative AI Playground With Cloudinary: Web Development Meets Content Velocity
Six weeks, or a little over 1,000 hours (1,008 to be exact). That’s how long we gave ourselves to create a generative AI playground at ai.cloudinary.com. Which begs the question, why the rush? First, we want to provide those interested with one place to confirm the…
Read More ->
Unlocking the Power of Media Editing With Low-Code Development (Part 2)
In part 1 of this blog series, we covered the power of low-code workflow engines to support image and video management. This installment focuses on harnessing the power of low-code to accelerate visual media editing: the transformations that turn raw visual content into perfect end user…
Read More ->
Start Using Cloudinary
Sign up for our free plan and start creating stunning visual experiences in minutes.
Sign Up for Free