api-reference > assets
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.
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.
q parameter, you can control the output quality of lossy file formats;
jxr. While the default is
75, you can set it equal to a value anywhere between
lossless parameter is helpful for image file types
webp, which support lossless compression. Set the
lossless parameter to
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 .
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.
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:
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
For more detailed information on the many output options available, see the Output Format API Reference.
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
Many other image formats are available through imgix, including
pjpg. For more detailed information, see the imigix documentation on Output.
Use Virtual URLs so search engines can find your images more easily.