Responsive Images made Easy

Simple, Fast, Powerful

The web isn’t one-size-fits-all anymore

TwicPics is a Responsive Image Service Solution. It offers on-demand responsive image generation combined with a smart and unobtrusive javascript library, all based around a no-nonsense, testable, URL-based API.

hands-in-the-air

Why it's awesome?

Pixel Perfect

Deliver your images perfectly sized at the correct DPR for any device.

Blazing fast

Resize, crop, compress your images on the fly in milliseconds.

Ideal compression

Reduce image size by up to 75% without compromising quality.

Friendly API

Intuitive API and efficient JS library with minimal footprint.

Reliable

99.999% service uptime and 99.99% image delivery success on average.

Global CDN

Serve your images closer to your end user via a worldwide CDN powered by Amazon™.

Playground

To get started right away, just add a class to your image elements and turn their src into a data-src. This is but the very beginning though: TwicPics will give you access to a simple yet powerful API that can adapt to all kind of situations and works hand in hand with native HTML5 Responsive images helpers.

        
      

How it works?

TwicPics acts as an image proxy. It requests your master image, stored on your own web server or in a cloud storage like Amazon S3, then generates a device-adapted version of it, encoded using the best compression available, that's delivered directly to the end-user from the closest delivery point available.

DELIVER Delivers a perfectly fitted image from a nearby location through to our high-availability worlwide CDN. CACHE Caches the resulting image in order to be even faster next time a same context user requests it. COMPRESS Optimizes compression, removes junk metadata and converts to WebP if the end-user supports it. TRANSFORM Processes your image according to your request and adapts it to the end-user context. FETCH Grabs your image from your serveur or your cloud storage service. ANALYSE Analyses your API request and the end-user context (resolution, image container size, etc…)

Let's take the example of a full width image much alike the header of this very page. A Paris user with an iPhone 6 will fetch a 750px wide 33KB JPEG image from one of our two delivery points in Paris. A brazilian Chrome user on a non-retina MacBook will fetch a 1440px wide 114KB WEBP image from our delivery point in São Paulo or in Rio de Janeiro, whichever is the closest.

Width and size will vary if the iPhone is not in landscape mode or Chrome is not in full screen. TwicPics will even handle changing orientation and resizing browser windows dynamically.

The Simplest, Most Powerful Way to tackle Responsive Images