Smashing Magazine

JULY 20, 2022

But consider this post a compliment to the book, as this will focus purely on different tools available for reducing the size of images. WebUtils Bulk Image Compress allows you to compress images and convert them to WebP, JPG, PNG, AVIF, and JXL. You can also adjust quality and size, and everything is done client-side.

Media 134

Media Programming Mobile Website 134

Smashing Magazine

NOVEMBER 9, 2021

The images need to be manipulated and re-uploaded to the site, for all the possible sizes (such as the featured image and each of the thumbnails) and all defined sets of styles (for instance, a page for the Black Friday sales could have its own style). This picture in full size will be my post’s featured image.

Website 103

Website Social Media Media Design 103

Smashing Magazine

JANUARY 11, 2021

Setting Realistic Goals Performance budgets, performance goals, RAIL framework, 170KB/30KB budgets. Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts. Establish a performance culture. You can then mimic the 90th percentile’s experience for testing.

Performance 145

Performance Cache Media Metrics 145

MachMetrics

SEPTEMBER 1, 2020

There are several next-gen image formats (such as WebP and AVIF ) that can offer performance and high quality at the same time. For example, AVIF is really only supported in Chrome. <picture> allows you to serve that format to those that can use it, and set alternatives for everyone else. <picture>

Design 57

Design Media Mobile Website 57

Alex Russell

APRIL 29, 2021

This post mines publicly available data on the pace of compatibility fixes and feature additions to assess the claim. Lastly, while this post does measure the distance Safari lags, let nobody mistake that for the core concern: iOS App Store policies that prevent meaningful browser competition are at issue here. Converging Views.

Media 145

Media Games Education Engineering 145

Smashing Magazine

SEPTEMBER 29, 2021

Using Modern Image Formats: AVIF And WebP. Using Modern Image Formats: AVIF And WebP. Users appreciate high-quality visuals, but care needs to be taken to deliver those hero images, product photos and cat memes as efficiently and effectively as possible. auto-format and quality) can serve the best image.

Open Source 144

Open Source Speed Website Google 144