Tackle Responsive Images Responsibly

No more compromise between quality and performance

Why TwicPics?

A picture is worth a thousand words

Yet Images are still the number one cause of bloat on the web. They eat up network bandwidth and increase the time visitors spend waiting for pages to load. Every passing tenth of a second reduces your website's overall conversion rate, customer satisfaction and, thus, impacts revenues.

With all kind of devices, screen sizes and pixel densities out in the wild, tailoring images is extremely challenging. It complicates front-end integrations and server-side architectures by an order of magnitude, makes for convoluted deployment strategies or just plain kills client-side performances.

That’s where TwicPics comes in.

TwicPics is a real-time image processing service. It offers on-demand responsive image generation combined with a smart and unobtrusive javascript library, all based around a no-nonsense URL-based API.

With TwicPics, developers always use the biggest, most detailed version of the image and everything is handled automatically. The end-user never sees the original image. Instead, an optimized, perfectly sized, smartly cropped, device-adapted image is delivered from a server close to him.

No more compromise between quality and performance. Your website is now fast and beautiful in no time.

TwicPics Benefits

With minimum setup, businesses of all sizes do use TwicPics to deliver visually stunning content at peak performance. User experience is dramatically, yet easily improved.

Cost Effective

No more imaging infrastructure to create, tailor nor maintain yourself. Saves you both the cost and the risk.

Faster Time To Market

Use a single high quality asset and see it tailored to any device visiting your website, be it today or tomorrow. The only time required is the one it takes to choose the asset.

Revenue & Engagement

Delivering high-quality images quickly to any device, regardless of geographic location, increases customer satisfaction, engagement, SEO and generates more revenue.

The Need For Speed

The data is out: performance is not an option anymore. 53% of visitors will abandon your site if it takes more than 3 seconds to load, says Google. Improving your loading time by 100ms increases revenue by 1%, says Walmart. Web giants published dozens of studies drawing the exact same conclusion and Page Speed is now a ranking factor for desktop and mobile searches.

What is the main bloat slowing down your website? Invariably, images. But following best practices, performance can be improved by an order of magnitude.

Problem is, image optimization is an ever-changing specialty that spans a vast array of techniques:

  • Properly size images for any device
  • Efficiently encode images
  • Serve images in next-gen formats
  • Defer offscreen images
  • Strip metadata from images
  • Implement an agressive caching strategy
  • Make use of optimized protocols (HTTP/2)
  • Deliver images via a fast CDN

Managing any of these points is a hassle. Managing all of them combined is a nightmare. TwicPics shields you from all this pain with a straight-forward and ultra-expressive API combined with a lightweight and ultra-smart client library.

Image optimizations are the main speed up opportunities most of the time.
Image optimizations are the main speed up opportunities most of the time.

Our Story

As developers since the early days of the web, we kept banging our heads against the walls with this image performance issue. We scouted for services that would alleviate the pain but none of them addressed the problem the way we wanted.

To us, such a service had:

  • to handle the server-side part automagically (ideal compression, optimal caching policy, fast processing, fast delivery),
  • to integrate transparently into our front-end workflow and respect web standards,
  • to not mess with our storage strategy.

These three primary requirements in mind, we decided to develop our very own service. Today, it’s live and we are operating from Station F in Paris, France.

Julian Aubourg
Julian Aubourg@jaubourg
Xavier Baldacci
Xavier Baldacci@xbaldacci
Florent Bourgeois
Florent Bourgeois@florent_b

The Simplest, Most Powerful Way to tackle Responsive Images