BlurHash for imgix: An Alternative to Generic Image Placeholders

header image

At imgix, we care deeply about user experience. We know image loading can be detrimental to a great user experience, and can even negatively impact user behaviors on your website. Placeholders are a great option to improve perceived load times and offer a better user experience when a connection or site is slow to load images.

With this in mind, we’ve now added support for BlurHash, a new placeholder feature. In this post we’ll discuss what BlurHash is and how to apply it to your images using imgix.

Read the rest

Under the Hood: Image Manager and Color Search

header image

Image Manager provides a way for users to search by many different attributes of an image, including file name, file type, category, content, and more. In addition, sometimes users will want to search by color to match a specific aesthetic or because the color may be the only thing they remember about the image.

Read the rest

New Watermark Features for Tile and Rotation

header image

Our family of watermark parameters allows users to add watermarks as text or images and control the positioning, size, alignment, and transparency of the watermark separate from the base image. We’ve now added two new watermark parameters to provide greater flexibility for users looking to add custom watermarks to their images: mark-tile and mark-rot.

This post gives a brief overview of how the new parameters can be used to tile a watermark across an image and customize the rotation of a watermark.

Read the rest

Introducing Our Angular Library

header image

We’re constantly soliciting user feedback to ensure we provide tools that serve the diverse needs of the developer community. Our users have asked for support for Angular applications, and we listened. Today we’re announcing the launch of an Angular Client Library for imgix. This addition to our suite of SDKs will allow developers to easily serve images in their Angular applications.

This post walks you through the features of our new Angular library, including placeholders and lazy loading.

Read the rest

More Granular Control Over Padding and Border Parameters

header image

Last month we released new parameters to give you more control over the framing of your images. Before, it was only possible to add uniform border and padding to images. This made it difficult to achieve certain visual effects and layouts using the imgix rendering API. With the new parameters, you can now adjust each side of an image where border or padding is applied.

This post provides an overview of how to customize image borders and padding using the new parameters.

Read the rest

Core SDK Libraries: Customize Your Generated srcset

Header image

Earlier this year, the imgix SDK team rolled out a new feature across all core libraries to help users build responsive images more easily: automatic srcset generation. However, this functionality only allowed users to generate one of two default srcset attributes: one for fluid-width1 images and one for fixed-width2 images. Although we were confident that these default srcsets would fit a majority of use cases, we thought the developer experience was a bit lacking. This motivated us to expand the SDK srcset-building interface to provide more flexibility in how srcsets are generated.

Read the rest

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