Motif—Custom Open Graph Images for Sharing Content

Motif Header

When sharing content on social networks, images are a key driver of user engagement. But creating them can be time-consuming due to the optimum size for different platforms and devices. For example, Facebook recommends 1200×630 pixels for high-resolution displays, and Twitter recommends at least 630×150.

These large sizes may be scaled down for some devices, resulting in slower page load speeds. Add in the need for consistent branding across many pieces of content and it's enough to drive a designer or social media manager crazy.

Enter Motif.

Read the rest

Upgrade—Base64 Encoding

Some of imgix's most powerful features, like watermarks and multiline text, require passing in a URL or a text string as the value of a parameter. For these parameters, we've recommended that both URLs and strings be URI-encoded.

Today we're announcing Base64 encoding support for these parameters, to ensure that they resolve correctly even when nested several levels deep. This makes doing complex composting with imgix more reliable and easier to implement.

Read the rest

Managing User-Generated Images

Standardizing user-generated content like user avatars and for-sale photos can be a time sink and a hit to page load times. Learn how to use imgix to manage and enhance the images your users provide, so their content and your products look better and load faster.

Multiline Text & Overlays with the Typesetting Endpoint

Overlaying text on images is a design pattern with a long history, from protective watermarks to funny internet memes. As social media and personalized user experiences become more important across all web platforms, dynamically combining words and imagery is a powerful but complex feature to implement, and crucial to many products.

Learn how to easily create compelling text/imagery combinations in our Typesetting Endpoint tutorial.

Meet Luminous & Drift—New Lightbox & Zoom Viewer Libraries

Meet Luminous & Drift—New Lightbox & Zoom Viewer Libraries

For e-commerce sites, both page speed and large, detailed images are key to successful conversions. You want to provide an enjoyable, engaging experience for your customers without slowing them down. So what's an online store developer to do?

To make implementing fast lightboxes and zoom viewers simpler, today we're pleased to announce Luminous and Drift. These open-source libraries are the first in a series of user interface components we'll release this year to make using imgix as straightforward and easy to integrate as possible.

Lightboxes and zoom viewers bridge the speed gap by allowing your customers to view a more detailed image as desired. However, if they're implemented in ways that don't take image size and number of image requests into account, the potential speed savings will be lost. For example, scaling down a large image to make a thumbnail saves on image requests, but slows down page speed because the browser is forced to scale the image.

imgix can improve any lightbox or zoom viewer by eliminating the need for multiple copies of the image and delivering it at high quality and speed in all sizes, boosting both page speed and conversion.3

Read the rest

Fingerprinting Images to Improve Page Load Speed

Fingerprint

As websites and web applications expand their visual richness and functionality, optimizing for page speed becomes more critical. Fingerprinting your image files can help ensure that your caching strategy and purging are optimal. Find out how to develop a caching strategy with fingerprinting and use it with imgix.

Stay up to date with our blog for the latest imgix news, features, and posts.