Mastodawn

Веб-графика, которая вредит: что разработчики делают не так

Обратимся к статистике: по данным с https://httparchive.org/ за последние 6 лет средний размер веб-страницы значительно увеличился. Если в декабре 2019 года средний вес десктопной веб-страницы составлял 1,9 МБ, то сейчас он уже 2,9 МБ для десктопа и 2,6 МБ для мобильных устройств. Это рост на 50% за 6 лет, причём изображения составляют до 40% общего веса страницы. С увеличением разрешения экранов, усложнением дизайна и тенденцией к использованию изображений высокого качества нагрузка на сайты продолжит расти. Это напрямую влияет на скорость загрузки, потребление трафика и, в конечном итоге, на пользовательский опыт. Просматривая недавно пул-реквест, я заметил, что туда добавили новые изображения. Меня удивил выбор формата: для картинок без прозрачности использовали PNG. Это кажется избыточным, так как для многоцветных изображений лучше подходят форматы вроде JPEG, которые весят меньше. Я решил провести эксперимент: оптимизировал и переконвертировал изображения в JPEG, WebP и AVIF, сохранив качество на глаз неотличимым от оригинала.

https://habr.com/ru/companies/alfa/articles/1012848/

#Веб #графика_для_сайта #html #css #react #nodejs #avif #webp

The HTTP Archive

The HTTP Archive tracks how the web is built. We periodically crawl the top sites on the web and record detailed information about fetched resources, used web platform APIs and features, and execution traces of each page.

Ghostly 4d ago

https://dev.to/ghostlyinc/how-to-convert-png-to-webp-on-windows-fast-offline-34c4

#webdev #performance #seo #images #webp

How to convert PNG to WebP on Windows (fast & offline)

If you want to convert PNG to WebP on Windows, here’s the fastest way: Use Pixel Press, a fast...

DEV Community

AskUbuntu 5d ago

Multiple image apps (Gwenview, GIMP, gThumb) crashes when pasting/open image after libexiv2 upgrade #kde #gimp #png #webp #gwenview

https://askubuntu.com/q/1564943/612

Multiple image apps (Gwenview, GIMP, gThumb) crashes when pasting/open image after libexiv2 upgrade

I have Kubuntu 24.04. Suddenly today I am having issues opening certain files with GIMP and Gwenview. In GIMP I get this error: and in Gwenview I get this in KSystemLog: KCrash: Application Name =

Ask Ubuntu

AskUbuntu 5d ago

suddenly can't open image files #kde #gimp #png #webp #gwenview

https://askubuntu.com/q/1564943/612

suddenly can't open image files

I have Kubuntu 24.04. Suddenly today I am having issues opening certain files with GIMP and Gwenview. In GIMP I get this error: and in Gwenview I get this in KSystemLog: KCrash: Application Name =

Ask Ubuntu

Stefan Scholl 6d ago

#Blender 5.1 supports #AVIF but doesn't change the default image quality. JPEG, #WebP, and AVIF are all set to image quality 90.

If you don't change the value, AVIF files are larger than WebP files.

The same visual quality needs different values.

https://www.industrialempathy.com/posts/avif-webp-quality-settings/

AVIF and WebP encoding quality settings

AVIF and WebP are modern image formats that generally produce smaller file sizes compared to the widely used JPEG format. This post explains...

Yohan Yukiya Sese Cuneta 사요한🦣Mar 15

The truth is, #WebP is only a stopgap. The real deal is #AVIF and ultimately #JPEGXL (.jxl).

JPEG-XL is superior in almost everything. In the very few cases that it is not, that's where AVIF comes in.

We can get rid of WebP, old JPEG, GIF, later on. Maybe even PNG and APNG.

😜🖖🏽

Yohan Yukiya Sese Cuneta 사요한 謝雪矢 Mar 15

The truth is, #WebP is only a stopgap. The real deal is #AVIF and ultimately #JPEGXL (.jxl). JPEG-XL is superior in almost everything. In the very few cases that it is not, that's where AVIF comes in. We can get rid of WebP, old JPEG, GIF, later on. Maybe even PNG and APNG. 😜🖖🏽

iCulture.nl Mar 15

𝗭𝗼 𝗸𝘂𝗻 𝗷𝗲 𝗪𝗲𝗯𝗣 𝗮𝗳𝗯𝗲𝗲𝗹𝗱𝗶𝗻𝗴𝗲𝗻 𝗼𝗺𝘇𝗲𝘁𝘁𝗲𝗻 𝗻𝗮𝗮𝗿 𝗝𝗣𝗚 𝗼𝗳 𝗣𝗡𝗚

Je komt het steeds vaker tegen: afbeeldingen in WebP-formaat. Safari ondersteunt ze sinds versie 14, maar als je ze daarna verder op de Mac wilt gebruiken, zul je ze vaak moeten omzetten.

https://www.iculture.nl/tips/webp-converteren/

#WebP #afbeeldingen #omzetten