Listing Images Implementation Guide
Repliers offers a robust Listing Images Content Delivery Network (CDN) that allows developers to embed and dynamically resize/format property photos seamlessly. This feature brings significant cost and time savings, enhances performance through shared caching, and mitigates the need for manual image monitoring.
For listings with available images, an "images" array will be present. Here's an example listings array:
The image URLs should be prefixed with https://cdn.repliers.io/. For example:
https://cdn.repliers.io/area/IMG-N8418368_15.jpg
To embed images at scale, your website's URL must be whitelisted. For app developers, a custom user-agent can be created for authorization purposes.
Mobile Devices: Image width defaults to a maximum of 800px.
Larger Screens: Image width defaults to a maximum of 1600px.
WEBP: Images will be returned in WEBP format if supported by the user's device.
JPG: If WEBP is not supported, images will be returned in JPG format.
You can dynamically resize images by appending a class parameter to the image request URL. Supported values are:
small: 400px width
medium: 800px width
large: 1600px width
For a small image (400px width):
https://cdn.repliers.io/IMG-E7312496_1.jpg?class=small
For a medium image (800px width):
https://cdn.repliers.io/IMG-E7312496_1.jpg?class=medium
For a large image (1600px width):
https://cdn.repliers.io/IMG-E7312496_1.jpg?class=large
Cost and Time Savings: Avoid the need to download and manually manipulate images.
Performance Enhancement: Benefit from caching due to other users of the service.
Security: No need to monitor for malicious activity as it is managed by Repliers.
Repliers' Listing Images CDN offers a streamlined solution for embedding and resizing property photos dynamically. By leveraging this service, developers can focus on building their applications without worrying about image management complexities. If you have any questions or need further assistance, please contact our support team.
CDN URL Structure
For listings with available images, an "images" array will be present. Here's an example listings array:
"images": [
"area/IMG-N8418368_1.jpg",
"area/IMG-N8418368_2.jpg",
"area/IMG-N8418368_3.jpg",
"area/IMG-N8418368_4.jpg",
"area/IMG-N8418368_5.jpg",
"area/IMG-N8418368_6.jpg",
"area/IMG-N8418368_7.jpg",
"area/IMG-N8418368_8.jpg",
"area/IMG-N8418368_9.jpg",
"area/IMG-N8418368_10.jpg",
"area/IMG-N8418368_11.jpg",
"area/IMG-N8418368_12.jpg",
"area/IMG-N8418368_13.jpg",
"area/IMG-N8418368_14.jpg",
"area/IMG-N8418368_15.jpg"
],The image URLs should be prefixed with https://cdn.repliers.io/. For example:
https://cdn.repliers.io/area/IMG-N8418368_15.jpg
Authorization
To embed images at scale, your website's URL must be whitelisted. For app developers, a custom user-agent can be created for authorization purposes.
Default Image Sizes
Mobile Devices: Image width defaults to a maximum of 800px.
Larger Screens: Image width defaults to a maximum of 1600px.
Default Image Formats
WEBP: Images will be returned in WEBP format if supported by the user's device.
JPG: If WEBP is not supported, images will be returned in JPG format.
Dynamic Image Resizing
You can dynamically resize images by appending a class parameter to the image request URL. Supported values are:
small: 400px width
medium: 800px width
large: 1600px width
Examples
For a small image (400px width):
https://cdn.repliers.io/IMG-E7312496_1.jpg?class=small
For a medium image (800px width):
https://cdn.repliers.io/IMG-E7312496_1.jpg?class=medium
For a large image (1600px width):
https://cdn.repliers.io/IMG-E7312496_1.jpg?class=large
Benefits
Cost and Time Savings: Avoid the need to download and manually manipulate images.
Performance Enhancement: Benefit from caching due to other users of the service.
Security: No need to monitor for malicious activity as it is managed by Repliers.
Conclusion
Repliers' Listing Images CDN offers a streamlined solution for embedding and resizing property photos dynamically. By leveraging this service, developers can focus on building their applications without worrying about image management complexities. If you have any questions or need further assistance, please contact our support team.
Updated on: 03/07/2024
Thank you!