Automatically Set Image sizes Attribute With imgix.js

header image

Using srcset and sizes, attributes have become a tried-and-true way to improving image-load-times on modern webpages. Together, they let the browser pick the most appropriate source-image on our site for the current display size. But they still require a significant amount of engineering time to get just right. srcset and sizes become difficult to maintain as developers cater to more screen sizes and resolutions, and one-page design change can require an update to all the images on a page. Thankfully, that’s where imgix comes in.

Read the rest

Announcing New Pricing and Image Manager in General Availability

header image

We built imgix to make transforming, optimizing, and delivering your images easier, no matter where they already live, while making your costs predictable and transparent. Today, we are excited to announce some big updates to imgix that carry this mission forward.

First, we will now offer a free forever plan so that anyone can get up and running free of charge. Second, in addition to the free plan, we will offer simpler and more predictable plans to all new customers, so that scaling up as you grow is straightforward. Lastly, we are making our powerful new Image Manager available in each of these plans, including the free plan.

Read the rest

Introducing Our Gatsby Plugin

header image

User feedback is incredibly important to us. We always aim to deliver the product enhancements that our customers ask for. Recently, many of our customers have requested support for the fast-growing framework Gatsby.

You asked, and we listened. We’re excited to announce an imgix plugin for Gatsby. This post dives into why we developed a Gatsby plugin and shares three top use cases for our plugin.

Read the rest

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

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