api-reference > assets

Image Performance

Last updated Invalid Date

Managing image performance with Tipe is easy. You can compress images, control quality, convert gifs to mp4, and use new formats such as WebP simply by setting properties. Tipe uses imigix for managing images, so you can leverage all their methods in your Tipe projects. We cover the most common ones here.

Quality

Tipe is committed to image quality, which is one of the reasons we decided to partner with imgix. Their CDN provides fast delivery anywhere in the world and they give you lots of options for reducing the size of your images while maintaining quality.

Using the q parameter, you can control the output quality of lossy file formats; jpg, pjpg, webp, and jxr. While the default is 75, you can set it equal to a value anywhere between 0 and 100.

The lossless parameter is helpful for image file types jxr and webp, which support lossless compression. Set the lossless parameter to 0/true or 1/false. It defaults to false if the value is invalid or not set.

To read more about Imgix's recommendations and options about image quality, see their excellent article, Improving SEO Traffic .

Auto Format

Images are often where we have the most opportunity for app optimization. When you use auto=format, you're configuring imgix to use automatic content negotiation to determine the best image format to serve. Imgix uses headers, user agents, and analytics to find the best image file format to choose the best image format for your user. For more information about auto=format, see the imigx article Improved Compression with Automatic Content Negotiation.

Compression

When you upload images to Tipe, you can easily take advantage of imgix's compression features. For example, you can append a query parameter, ?q=20.2&auto=compress to set the quality of your image to 20 and the compression to auto as follows:

url
https://cdn.tipe.io/5a715b6a7d31e800136ac91e/f4a35612-98fb-423d-907a-3c1c43eb74f3?q=20.2&auto=compress

For more information on the numerous additional options and to see imgix's compression in action, see their compression documentation. In addition to the query parameter covered here, you can even control the color space, color quantization, and more.

Format gifs to mp4

Imgix also gives you the option of converting your animated gifs to mp4 format, which makes animation files much smaller. When using mp4, be sure to use the <video> tag. Also, any imgix method you use on a gif is passed on to the mp4.

For more detailed information on the many output options available, see the Output Format API Reference.

WebP

WebP is a new image format for the web that allows excellent compression rates while maintaining quality. You can reduce file size by about 50% before quality is altered. By using auto=format, imigix uses automatic content negotiation to automatically convert images to WebP whenever your users are using Chrome.

See the imgix article Improved Compression with Automatic Content Negotiation for more information about WebP and auto=format.

Many other image formats are available through imgix, including gif, jp2, jpg, json, jxr, mp4, png, png8, png32, and pjpg. For more detailed information, see the imigix documentation on Output.


Go further

Virtual URLs

Use Virtual URLs so search engines can find your images more easily.