Cloudinary Cookbook recipes about Optimization

Streamlining the Process of Product Image Creation

Whether you've just launched a Shopify site for your latest product, or you're a multibillion dollar retailer with expansive design teams, you probably have significant room to improve and make more efficient the process of how raw photographs are transformed into compelling images on your website’s product pages.

Photo with Background Removed

Processed Product Photo

URL Ruby PHP v1 PHP v2 Python Node.js Java JS jQuery React Vue.js Angular .NET Android iOS All

URL:

https://res.cloudinary.com/demo/image/upload/wood_chair_orig.jpg

Ruby:

cl_image_tag("wood_chair_orig.jpg")

PHP v1:

cl_image_tag("wood_chair_orig.jpg")

PHP v2:

(new ImageTag('wood_chair_orig.jpg'));

Python:

CloudinaryImage("wood_chair_orig.jpg").image()

Node.js:

cloudinary.image("wood_chair_orig.jpg")

Java:

cloudinary.url().imageTag("wood_chair_orig.jpg");

JS:

cloudinary.imageTag('wood_chair_orig.jpg').toHtml();

jQuery:

$.cloudinary.image("wood_chair_orig.jpg")

React:

<Image publicId="wood_chair_orig.jpg" >

</Image>

Vue.js:

<cld-image publicId="wood_chair_orig.jpg" >

</cld-image>

Angular:

<cl-image public-id="wood_chair_orig.jpg" >

</cl-image>

.NET:

cloudinary.Api.UrlImgUp.BuildImageTag("wood_chair_orig.jpg")

Android:

MediaManager.get().url().generate("wood_chair_orig.jpg");

iOS:

imageView.cldSetImage(cloudinary.createUrl().generate("wood_chair_orig.jpg")!, cloudinary: cloudinary)

by Josh Slivken May 01, 2018

Tags: