...

Every Listing Photo, Sized and Delivered From One Upload

Agents upload once. Filestack stores the file and serves the hero, the card and the thumbnail from the same handle.

horizon-pro
A listings marketplace home page, with a search bar over a listing photo and a property grid below it.
Trusted by
SendGrid logo with stylized gray text and overlapping square shapes on the left.
LinkedIn logo followed by the word SlideShare in gray text on a light background.

One Upload, Every Size a Listing Needs

Storing a photo returns a handle. Each size the listing page asks for is a path segment on that handle’s URL, rendered on first request and cached at the edge after that.

CDNcdn.filestackcontent.com
/
Taskresize=width:800
/
Taskoutput=format:webp
/
Handle4vHHsLXXRGKj0UZSkMOn
sourceJPEG 1600×1067 · 396 KB
hero 1200×800WebP · 357 KB
card 800pxWebP · 166 KB
thumb 200×150WebP · 14 KB

Three Steps Behind Every Listing Page

Photos and documents take the same path, from the agent’s phone to the buyer’s browser.

Global CDN Delivery

Photos go from the browser to storage in one request. The response carries the handle every later call uses.

Transform

Resize, crop, compress, watermark and convert format by editing the URL. Every variant comes from the one stored file.

Deliver

Each variant renders once at the edge and serves from cache after that, on a CDN tuned for image heavy pages.

The Same Pipeline in a Working App

Horizon Pro is a listings marketplace on the Filestack File API. Every image on it is a transformation of the handle its upload returned.

Photos land as handles

Three photos go straight from the browser to storage. Each response carries a handle, and the first becomes the cover.

Explore Uploads
horizon-pro
A photo drop zone with three uploaded listing photos below it, the first marked as the cover image.

Documents take the same path

Disclosures, floor plans and HOA documents upload like photos do, in PDF, DOC, XLS and image formats.

Explore Document Processing
horizon-pro
A document drop zone accepting PDF, DOC and XLS files, above the listing details form.

The panel writes the URL

Size, filter and format controls rewrite the CDN URL, and the listing page requests exactly that URL.

View Processing Docs
horizon-pro
A transformation panel with size, filter and output format controls beside the CDN URL it generates.

Search runs on the same files

Cards request an 800px WebP variant. Filters live in the query string, so a filtered view is a shareable link.

Open the live demo
horizon-pro
A listing grid of three property cards beside a filter sidebar for location, type, rent, size and rooms.
horizon-pro
A listing detail page with a hero photo and thumbnail strip on the left, price, beds, baths and square footage on the right.

Galleries That Load From the Edge

A listing page is mostly photographs. The hero and the thumbnail strip are separate transformations of the same three handles.

  • WebP output set per variant in the URL
  • Thumbnails at 200×150, heroes at 1200×800
  • Signed URLs and access policies for private listings
  • Cached at the edge after the first request

Six Services, or One URL

Putting one listing photo on a page takes six services. Filestack runs all six and hands you the URL.

6 moving parts, before the first file is processed
01 Upload endpoint with multipart and retry
02 Resize and crop worker for each size
03 WebP conversion job
04 Storage for every generated variant
05 CDN configuration and cache rules
06 Signing and expiry for private listings

Or write one URL

1 URL, and the CDN keeps the result
https://cdn.filestackcontent.com/resize=width:800/output=format:webp/4vHHsLXXRGKj0UZSkMOn

Filestack runs all six of those jobs behind that URL, including the multipart uploads and the retries. Changing a size means editing the path.

Frequently Asked Questions

Can Filestack handle high volume listing photo uploads?

Yes. Uploads are chunked, multipart and resumable, so an agent can send dozens of photos at once from a phone on a cellular connection. Retry configuration and cancel tokens are part of the SDK.

How are listing images delivered?

Through the Filestack CDN. Each transformed URL is computed on first request and cached at the edge from then on. Output format is set per variant in the URL, or left to auto_image.

Can I generate different sizes of the same photo?

Yes. One stored file backs every size. Thumbnails, gallery sizes and full screen variants are separate transformation URLs on the same handle, each rendered on demand.

How do private and pre-market listings stay protected?

Signed URLs and access policies scope a file to a user, a session or an expiry, so off-market and pocket listings stay available to the people who should see them.

Does Filestack handle documents as well as photos?

Yes. Disclosures, inspection reports and floor plans upload through the same endpoint as photos, and document conversion covers 17 formats.

Can I see the code behind the demo?

Yes. Horizon Pro is a Next.js app, and the build guide covers the upload function, the drop zone, the transformation presets and the search filters.