Keeping websites & apps updated with the latest community photos and ensuring they are in the correct order can be overwhelming.
Finally, there is a solution that can help you manage your overwhelm to a more manageable level.
{
"count": 34,
"images": [
{
"id": "mCcbQhLhAexPZmMpX",
"src": "https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/",
"srcset": "https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/180x/ 180w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/360x/ 360w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/540x/ 540w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/720x/ 720w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/900x/ 900w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/1080x/ 1080w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/1296x/ 1296w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/1512x/ 1512w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/1728x/ 1728w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/1944x/ 1944w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/2160x/ 2160w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/2376x/ 2376w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/2592x/ 2592w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/2808x/ 2808w, https://cdn.lineups.io/5cb23091-5d7e-4038-8f7f-549b63165c2d/-/resize/3024x/ 3024w"
},
{ ... }
]}
Introducing Tour Path
A solution that uses AI to control the order of photos in a gallery.
Simply order a defined set of amenity tags in the desired sequence that you want your users to experience your photo galleries. Then, when calling the API, reference a tour path and the photos will be sorted for you.
Our vision is to support any integration scenario. Until then, we provide support for the following scenarios.
Scenario 1
This option is relevant to those who have the ability to update code or install 3rd party galleries (like react-image-gallery).
If you are familiar with React, you can see this codesandbox project using react-image-gallery.
Scenario 2
The Lineups Tour Path API is a modern JSON API that surfaces all the info you will need to integrate photos into your media gallery.
ALT tag for image captions
CDN Source URL with custom transformations
15 SRCSET's for responsive images
If you are familiar with React, you can open this codesandbox project using react-image-gallery.
{
"count": 8, // number of images in payload
"images": [
{
"id": "b6xAdXjeQHGGCE8Kj", // unique asset ID
// Photo caption for ALT text
"alt": "a bedroom with a bed, a desk and a painting", // Alt tag
//Source file URL ready for transformation (resize, crop, etc)
//See https://uploadcare.com/docs/transformations/image/
"src": "https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/",
// We provide 15 different pre-sized images for you to use in a SRCSET
"srcset": "https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/180x/ 180w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/360x/ 360w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/540x/ 540w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/720x/ 720w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/900x/ 900w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/1080x/ 1080w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/1296x/ 1296w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/1512x/ 1512w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/1728x/ 1728w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/1944x/ 1944w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/2160x/ 2160w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/2376x/ 2376w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/2592x/ 2592w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/2808x/ 2808w,
https://cdn.lineups.io/8321e6e9-0f0a-461f-89b3-9e431a0bd08e/-/resize/3024x/ 3024w"
},
{ ... }
]
Scenario 3
If a partner has an application that requires media to be hosted on their platform, but wants to take the burden off the partner or client from maintaining the media, then this is where scenario 3 comes in.
AI analyzes an image and sets the correct compression level just before visual artifacts appear.
Remove backgrounds from photos using the industry standard AI Background Removal.
Find all the faces in your photos and then decide what to do. Blur, crop-around, count faces.
The worlds an imperfect place. CDN's go down. Which is why we host on 3 separate CDN's.
CDN features best-in-class global availability and low latency, securing the highest baseline for website performance with no server overload.
A content aware algorithm that knows what can be stretched and what can't.
Protect all your digital activity and data from unwanted
