Remove the Background AI

Apr 15, 2019

Cloudinary's AI Background Removal Add-on combines a variety of deep-learning and artificial intelligence algorithms to recognize the primary foreground subject of photos and then accurately remove photo backgrounds in a matter of seconds.

Original:

Original

Background Removed:

Background Removed

Read more about it here and check out the docs

Imagecon_homepage_vid_v17_s8oxxu

ImageCon 2019 - A Gathering of Industry Leaders and Experts!

Apr 08, 2019

Join us for a two-day event with educational workshops, executive keynotes, and networking opportunities focussed on trends and best practices for images, videos, and the future of interactive media.

Get inspired with thought leadership talks and workshops on:

  • Tips and tricks for optimizing the performance of images and videos
  • Deep-dive into Machine Learning
  • State of Images and video on the web
  • Ensuring the security of your media assets
  • Scaling asset governance and team collaboration

Take advantage of our special 15% discount for Cloudinary users with coupon code: User15

Register Now

Image_2019-04-07_at_12.25

Community Event - Join Live to Our Next Meetup!

Apr 07, 2019

Progressive Web Apps are revolutionizing the web by providing additional flexibility to developers and bringing features such as offline browsing and mobile native-like experience.

In this special Wagon Talk jointly organized with Cloudinary, we'll explore the nature of PWAs, the concept of service workers and services such as Wokbox.js and Cloudinary enabling web applications to cache and serve lower quality images (if necessary) in order to speed up the perceptual load time of the web app.

Join live at our Facebook Community!

Pasted_image_0_12

VueJS SDK

Apr 03, 2019

Calling all VueJS Developers! New VueJS SDK now available as public beta!

Try out this SDK to easily access all frontend SDK capabilities and use ready-made components for easily presenting and transforming videos and images stored on Cloudinary.

Check it out in github

Download from NPM

And read more about it here

We would love to hear your thoughts and experience!

New Tutorial - How to Apply Gravity-Based Crops on Images with Cloudinary

Mar 24, 2019

The new tutorial provides a high-level overview of Cloudinary's gravity-based cropping transformations for images, including the new g_auto:subject and g_auto:object.

You can find it here: https://support.cloudinary.com/hc/en-us/articles/360024950012

Webinar-4_master

Onboarding Webinar

Mar 13, 2019

We're excited to invite you to join one of our live onboarding webinars!

Review the most necessary and fundamental aspects of using Cloudinary for your next website or mobile application project, and get answers in real-time from the Cloudinary instructors.

  • The API onboarding webinar introduces our developer-focused APIs and SDKs and shows you how to programmatically upload, optimize, transform, and deliver images and videos for every device.
  • The DAM onboarding webinar teaches marketing teams and content editors the basics of uploading, searching, transforming and collaborating on your digital content in Cloudinary's DAM interface.

Sign up below to join the webinar that most fits your requirements and timezone.

Developer US Timezone

Developer EMEA Timezone

Content Editor US Timezone

Content Editor EMEA Timezone

Automatic subject detection

Feb 26, 2019

We're excited to announce that our Auto-Cropping just got even better, by adding AI based capabilities to the detection process.

This new algorithm provides optimal crop results with the harshest of challenges, such as images with otherwise misleading areas, multiple faces, and little or too much information.

The new automatic subject detection is currently being made available to all Cloudinary customers at no extra cost.

Cropped using g_auto:subject:

g_auto:subject

Cropped using g_auto:classic:

g_auto:classic

Read more about it here

Customers that wish to use the classic smart auto-cropping algorithm g_auto with no change can continue to do so of course.

New Product Gallery

Feb 20, 2019

We’re excited to share with you our new Product Gallery! This widget allows you to offer an advanced interactive product gallery within your webpages by embedding a simple Javascript code.

Using all of Cloudinary's transformation, optimization, delivery and responsive design capabilities, this widget offers many additional advanced features such as:

  • 360 Spin Set images and 3D models.
  • Matching the look and feel of any website
  • Measuring customers interaction with events and analytics reporting.

Check out the interactive demo to get a glimpse of some of the customization options this widget offers!

For example

Read more about this widget in our blog post.

Further instructions and documentation of all of its features and customization options are available here.

Vectorize photos and placholders

Feb 14, 2019

The vectorize effect takes a raster image and translates it to a scalable vector equivalent in the SVG format.

Presets and detailed options are available to control the level of detail and complexity of the translation.

Generate this effect by applying the e_vectorize transformation effect to your delivery URL.

For example:

LQIP – or "Low Quality Image Placeholder" a term used when displaying an extra skinny placeholder where the actual image is intended to be displayed, while waiting for the high-resolution image to be downloaded.

For this use-case, you would load a bunch of very low quality placeholders quickly, replacing them with the real image as the user scrolls. This way the page has the right proportions and colors, and loads quickly as the full image isn't used until needed. Using vectorize images is a good option for such placeholders.

Cartoon-like effect - making the image transition more fun, start with a 'blocky' version, as the details smooth out into shapes instead of raster data:

Original:

Ruby:
cl_image_tag("young_couple.jpg")
PHP:
cl_image_tag("young_couple.jpg")
Python:
CloudinaryImage("young_couple.jpg").image()
Node.js:
cloudinary.image("young_couple.jpg")
Java:
cloudinary.url().imageTag("young_couple.jpg");
JS:
cloudinary.imageTag('young_couple.jpg').toHtml();
jQuery:
$.cloudinary.image("young_couple.jpg")
React:
<Image publicId="young_couple.jpg" >

</Image>
Angular:
<cl-image public-id="young_couple.jpg" >

</cl-image>
.Net:
cloudinary.Api.UrlImgUp.BuildImageTag("young_couple.jpg")
Android:
MediaManager.get().url().generate("young_couple.jpg");
iOS:
imageView.cldSetImage(cloudinary.createUrl().generate("young_couple.jpg")!, cloudinary: cloudinary)
Original

Transformed:

Ruby:
cl_image_tag("young_couple.jpg", :effect=>"vectorize")
PHP:
cl_image_tag("young_couple.jpg", array("effect"=>"vectorize"))
Python:
CloudinaryImage("young_couple.jpg").image(effect="vectorize")
Node.js:
cloudinary.image("young_couple.jpg", {effect: "vectorize"})
Java:
cloudinary.url().transformation(new Transformation().effect("vectorize")).imageTag("young_couple.jpg");
JS:
cloudinary.imageTag('young_couple.jpg', {effect: "vectorize"}).toHtml();
jQuery:
$.cloudinary.image("young_couple.jpg", {effect: "vectorize"})
React:
<Image publicId="young_couple.jpg" >
  <Transformation effect="vectorize" />
</Image>
Angular:
<cl-image public-id="young_couple.jpg" >
  <cl-transformation effect="vectorize">
  </cl-transformation>
</cl-image>
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("vectorize")).BuildImageTag("young_couple.jpg")
Android:
MediaManager.get().url().transformation(new Transformation().effect("vectorize")).generate("young_couple.jpg");
iOS:
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("vectorize")).generate("young_couple.jpg")!, cloudinary: cloudinary)
Transformed

Raster image - The vectorize effect can take a raster version of something that was originally a vector (for example, a corporate logo) and translate it to a scalable vector equivalent for reuse.

Raster:

Ruby:
cl_image_tag("cloudinary_logo.jpg")
PHP:
cl_image_tag("cloudinary_logo.jpg")
Python:
CloudinaryImage("cloudinary_logo.jpg").image()
Node.js:
cloudinary.image("cloudinary_logo.jpg")
Java:
cloudinary.url().imageTag("cloudinary_logo.jpg");
JS:
cloudinary.imageTag('cloudinary_logo.jpg').toHtml();
jQuery:
$.cloudinary.image("cloudinary_logo.jpg")
React:
<Image publicId="cloudinary_logo.jpg" >

</Image>
Angular:
<cl-image public-id="cloudinary_logo.jpg" >

</cl-image>
.Net:
cloudinary.Api.UrlImgUp.BuildImageTag("cloudinary_logo.jpg")
Android:
MediaManager.get().url().generate("cloudinary_logo.jpg");
iOS:
imageView.cldSetImage(cloudinary.createUrl().generate("cloudinary_logo.jpg")!, cloudinary: cloudinary)
Raster

Vectorized:

Ruby:
cl_image_tag("cloudinary_logo.png", :effect=>"vectorize")
PHP:
cl_image_tag("cloudinary_logo.png", array("effect"=>"vectorize"))
Python:
CloudinaryImage("cloudinary_logo.png").image(effect="vectorize")
Node.js:
cloudinary.image("cloudinary_logo.png", {effect: "vectorize"})
Java:
cloudinary.url().transformation(new Transformation().effect("vectorize")).imageTag("cloudinary_logo.png");
JS:
cloudinary.imageTag('cloudinary_logo.png', {effect: "vectorize"}).toHtml();
jQuery:
$.cloudinary.image("cloudinary_logo.png", {effect: "vectorize"})
React:
<Image publicId="cloudinary_logo.png" >
  <Transformation effect="vectorize" />
</Image>
Angular:
<cl-image public-id="cloudinary_logo.png" >
  <cl-transformation effect="vectorize">
  </cl-transformation>
</cl-image>
.Net:
cloudinary.Api.UrlImgUp.Transform(new Transformation().Effect("vectorize")).BuildImageTag("cloudinary_logo.png")
Android:
MediaManager.get().url().transformation(new Transformation().effect("vectorize")).generate("cloudinary_logo.png");
iOS:
imageView.cldSetImage(cloudinary.createUrl().setTransformation(CLDTransformation().setEffect("vectorize")).generate("cloudinary_logo.png")!, cloudinary: cloudinary)
Vectorized

You can also read about this transformation in our docs

Cloudinary's Trust Page

Feb 10, 2019

Have you seen our new Trust page?

Available in our website, its main purpose is to centralize all the data and information regarding Cloudinary's security, and is constantly being updated with our security efforts, from regulation to vulnerability management efforts.

For more details - check it out here

More Updates