Why TwicPics?
The problem
Websites are heavier than ever and the main culprits are images and videos. They eat up network bandwidth and increase the time visitors spend waiting for pages to load. Every tenth of a second reduces the overall conversion rate and dramatically impacts revenue.
With a wide range of devices, screen sizes, and pixel densities to support, tailoring images and videos is extremely challenging. Depending on the approach, it can complicate server-side architectures by an order of magnitude, make for convoluted deployment strategies, or just kill client-side performance.
This is where TwicPics comes in.
The solution
TwicPics is a Responsive Media Service Solution (SaaS). It offers on-demand responsive image and video generation combined with a smart and unobtrusive drop-in replacement for the native <img>
, <picture>
, and <video>
elements. All powered by a no-nonsense and testable URL-based API.
Context-aware optimization
TwicPics acts as a media proxy. It requests your master image or video from your web server, cloud storage, or DAM, then generates a device-adapted version delivered directly to the end user from the closest delivery point available.
As a developer, this means you only deal with the high-resolution version of your assets, while end users receive optimized and perfectly sized variants.
Designed for Developers
TwicPics services fall into two categories: client libraries and a URL-based API.
Client libraries include:
- TwicPics Components (recommended) — the TwicPics Components bring image and video best practices out of the box to your favorite front-end JavaScript framework.
- TwicPics Native — for native HTML/JS integration.
After setting up your account, integrate one of our client libraries to benefit from context-aware optimizations for your media. The libraries understand the end user's device, connection, and CSS. They will automatically form API requests so that your assets are perfectly adapted to the context of your users.
You will rarely need to write API requests by hand. It will likely only happen when you can't rely on JavaScript context-aware optimization (emails, native apps, etc.)
Features
In the next section, see how to set up your account before integrating TwicPics into your website.