#webp — Public Fediverse posts

Как звучит JPEG? Или что будет, если сжать спектрограмму как фотографию

Бывают дни, когда на работе делать нечего. А бывают дни, когда ты — программист и звукорежиссёр одновременно, и в голову приходит странная мысль: «А что, если взять аудио, превратить его в картинку-спектрограмму, сжать эту картинку как фотографию (JPEG, WebP, AVIF), а потом попробовать восстановить звук обратно? Как оно будет звучать?» Спойлер: иногда — удивительно хорошо. Иногда — как из унитаза. Но всегда — интересно. В этой статье я расскажу, как реализовал весь этот пайплайн, покажу код, проведу батч-тесты разных форматов и уровней качества, и, конечно, дам послушать результаты. Все исходники прилагаются, и вы сможете повторить эксперимент сами.

https://habr.com/ru/articles/1034610/

#python #спектрограмма #обработка_звука #сжатие_изображений #JPEG #WebP #AVIF #GriffinLim #преобразование_Фурье #аудиокодек

Как звучит JPEG? Или что будет, если сжать спектрограмму как фотографию

Бывают дни, когда на работе делать нечего. А бывают дни, когда ты — программист и звукорежиссёр одновременно, и в голову приходит странная мысль: «А что, если взять аудио, превратить его в картинку-спектрограмму, сжать эту картинку как фотографию (JPEG, WebP, AVIF), а потом попробовать восстановить звук обратно? Как оно будет звучать?» Спойлер: иногда — удивительно хорошо. Иногда — как из унитаза. Но всегда — интересно. В этой статье я расскажу, как реализовал весь этот пайплайн, покажу код, проведу батч-тесты разных форматов и уровней качества, и, конечно, дам послушать результаты. Все исходники прилагаются, и вы сможете повторить эксперимент сами.

https://habr.com/ru/articles/1034610/

#python #спектрограмма #обработка_звука #сжатие_изображений #JPEG #WebP #AVIF #GriffinLim #преобразование_Фурье #аудиокодек

Как звучит JPEG? Или что будет, если сжать спектрограмму как фотографию

Бывают дни, когда на работе делать нечего. А бывают дни, когда ты — программист и звукорежиссёр одновременно, и в голову приходит странная мысль: «А что, если взять аудио, превратить его в картинку-спектрограмму, сжать эту картинку как фотографию (JPEG, WebP, AVIF), а потом попробовать восстановить звук обратно? Как оно будет звучать?» Спойлер: иногда — удивительно хорошо. Иногда — как из унитаза. Но всегда — интересно. В этой статье я расскажу, как реализовал весь этот пайплайн, покажу код, проведу батч-тесты разных форматов и уровней качества, и, конечно, дам послушать результаты. Все исходники прилагаются, и вы сможете повторить эксперимент сами.

https://habr.com/ru/articles/1034610/

#python #спектрограмма #обработка_звука #сжатие_изображений #JPEG #WebP #AVIF #GriffinLim #преобразование_Фурье #аудиокодек

Как звучит JPEG? Или что будет, если сжать спектрограмму как фотографию

Бывают дни, когда на работе делать нечего. А бывают дни, когда ты — программист и звукорежиссёр одновременно, и в голову приходит странная мысль: «А что, если взять аудио, превратить его в картинку-спектрограмму, сжать эту картинку как фотографию (JPEG, WebP, AVIF), а потом попробовать восстановить звук обратно? Как оно будет звучать?» Спойлер: иногда — удивительно хорошо. Иногда — как из унитаза. Но всегда — интересно. В этой статье я расскажу, как реализовал весь этот пайплайн, покажу код, проведу батч-тесты разных форматов и уровней качества, и, конечно, дам послушать результаты. Все исходники прилагаются, и вы сможете повторить эксперимент сами.

https://habr.com/ru/articles/1034610/

#python #спектрограмма #обработка_звука #сжатие_изображений #JPEG #WebP #AVIF #GriffinLim #преобразование_Фурье #аудиокодек

Après le #WebP, c'est au tour de l' #AVIF. En fonction de votre navigateur vous téléchargerez soit du JPEG, soit du WebP soit de l'AVIF.

Faites le test avec cette image

https://koreus.b-cdn.net/thumbshigh/201710/star-wars-8-trailer.jpg

Alors vous êtes plutôt ?

Après le #WebP, c'est au tour de l' #AVIF. En fonction de votre navigateur vous téléchargerez soit du JPEG, soit du WebP soit de l'AVIF.

Faites le test avec cette image

https://koreus.b-cdn.net/thumbshigh/201710/star-wars-8-trailer.jpg

Alors vous êtes plutôt ?

Après le #WebP, c'est au tour de l' #AVIF. En fonction de votre navigateur vous téléchargerez soit du JPEG, soit du WebP soit de l'AVIF.

Faites le test avec cette image

https://koreus.b-cdn.net/thumbshigh/201710/star-wars-8-trailer.jpg

Alors vous êtes plutôt ?

Après le #WebP, c'est au tour de l' #AVIF. En fonction de votre navigateur vous téléchargerez soit du JPEG, soit du WebP soit de l'AVIF.

Faites le test avec cette image

https://koreus.b-cdn.net/thumbshigh/201710/star-wars-8-trailer.jpg

Alors vous êtes plutôt ?

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

Работа с картинками в Angie

Изображения играют важную роль в любом веб‑приложении. Это могут быть элементы оформления интерфейса или основной контент сайта. В любом случае, перед разработчиками и администраторами стоит задача эффективной работы с картинками и в этой статье мы рассмотрим решения, которые реализуются веб‑сервером Angie.

https://habr.com/ru/articles/1028514/

#angie #webp #avif #оптимизация_изображений

La majorité des images sur le site sont maintenant au format #WebP. La plus part des navigateurs sont compatible. Mais y a quand même un fallback jpeg/png au cas où. Gain de performance à prévoir ⚡️

I could swear that somewhere along the way, #GoToSocial is either converting the images to a GIF, or dithering them to 256 colors, then scaling them down (maybe), then converting them to #WebP.

It has obvious signs of Floyd-Steinberg dithering, yet when I convert the webp to a GIF, imagemagick says that it's 256 colors. So it's either dithered before scaling, or the dithering (and color reduction) is munged by the lossy compression. I think it's the former, though.

Very interesting.

#HeadScratcher

https://polymaths.social/fileserver/01HCMX6M1CZNEVJ4F5H58TT5XJ/attachment/small/01KPVP33HB160CB979ZBWXAZE0.webp

#GtS

Too Many Formats: JPG vs. PNG vs. GIF vs. HEIC vs. WEBP https://lowendbox.com/blog/too-many-formats-jpg-vs-png-vs-gif-vs-heic-vs-webp/ #Tutorials #photoshop #heic #jpeg #webp #gif #png

108 окон, 0 фреймворков, 1 Kubernetes: как команда без разработчиков построила интерактивный дом-таймлайн про ТВ 90-х

Зов джунглей, Поле чудес, Ералаш — мы сделали интерактивный дом-таймлайн про телевидение 90-х и 00-х. Под катом: как команда без разработчиков дошла от JSON-файла на VPS за $5 до корпоративного Kubernetes. Читать, пока не началась реклама

https://habr.com/ru/articles/1025152/

#vanillajs #frontend #cms #kubernetes #canvas #webp #avif #parallax #вайбкодинг #телевидение

108 окон, 0 фреймворков, 1 Kubernetes: как команда без разработчиков построила интерактивный дом-таймлайн про ТВ 90-х

Зов джунглей, Поле чудес, Ералаш — мы сделали интерактивный дом-таймлайн про телевидение 90-х и 00-х. Под катом: как команда без разработчиков дошла от JSON-файла на VPS за $5 до корпоративного Kubernetes. Читать, пока не началась реклама

https://habr.com/ru/articles/1025152/

#vanillajs #frontend #cms #kubernetes #canvas #webp #avif #parallax #вайбкодинг #телевидение

108 окон, 0 фреймворков, 1 Kubernetes: как команда без разработчиков построила интерактивный дом-таймлайн про ТВ 90-х

Зов джунглей, Поле чудес, Ералаш — мы сделали интерактивный дом-таймлайн про телевидение 90-х и 00-х. Под катом: как команда без разработчиков дошла от JSON-файла на VPS за $5 до корпоративного Kubernetes. Читать, пока не началась реклама

https://habr.com/ru/articles/1025152/

#vanillajs #frontend #cms #kubernetes #canvas #webp #avif #parallax #вайбкодинг #телевидение

ImageFlow: trasforma i tuoi #video in #GIF e #WebP di alta qualità
#software #linux @computer @opensource

https://webappsmagazine.blogspot.com/2026/04/imageflow-trasforma-i-tuoi-video-in-gif.html

even in the age of ai traditional automation apps like hazel matter. here's a walkthrough to convert those pesky webp and heic images to the standard jpg format

http://cogmodo.com/webpandheictojpgwithhazel

#blog #writing #writingcommunity #iamwriting #automation #hazel #macos #webp #heic

I really love how #GoToSocial creates a 15 KiB #WebP "preview" for a 5 KiB PNG. XD

$ curl -sL https://polymaths.social/fileserver/01HCMX6M1CZNEVJ4F5H58TT5XJ/attachment/small/01KN7SFWNACYXDVN0QXGBCXCKS.webp |wc -c
15472
$ curl -sL https://polymaths.social/fileserver/01HCMX6M1CZNEVJ4F5H58TT5XJ/attachment/original/01KN7SFWNACYXDVN0QXGBCXCKS.png |wc -c
5185

Руководство по оптимизации производительности сайта

Если у вас есть собственный сайт — вы наверняка проверяли его работу с телефона. Открыли, полистали, остались довольны: «Всё летает». Но это не гарантия, что так же быстро сайт загрузится у ваших посетителей. Представьте: пользователь заходит на ваш сайт с iPhone (неважно, нового или трёхлетней давности) — и страница зависает, изображения грузятся по одному, скролл дёргается. Через 5–10 секунд он просто закрывает вкладку и уходит к конкурентам. Проблема не в вашем телефоне или интернете, а в скрытых особенностях браузера Safari и устройств iOS. Ниже — руководство по оптимизации, которое поможет избежать таких сценариев. Пройдитесь по чек‑листу и убедитесь, что каждый пункт выполнен. Даже если ваш сайт кажется быстрым, с большой вероятностью он теряет часть аудитории на Safari.

https://habr.com/ru/articles/1018636/

#оптимизация_сайта #скорость_загрузки #Safari #клиентская_оптимизация #http2 #lazy_loading #defer #WebP #Lighthouse #производительность_фронтенда

#ComputerScience
#CompSci #HowItStartedHowItsGoing #Meme

Edit: I was annoyed with how crappily low-resolution the imgflip version was (and how they use nearest-neighbor for scaling down their images!), so I recreated the meme entirely in #LibreOffice Draw, saved it at roughly 2.5 times the resolution of the original, and used #WebP compression to make it 1,029 bytes smaller than the original JPEG!! 💪

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

Обратимся к статистике: по данным с 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

#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/

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.

😜🖖🏽

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. 😜🖖🏽

Move over #WebP. It's time for #AVIF!

RE: https://bsky.app/profile/did:plc:q7suwaz53ztc4mbiqyygbn43/post/3mgtllqj4dc2s

🎉 Oh wow, another #open-source project that converts JPEGs to #WebP and spits out JSON indexes. Welcome to the groundbreaking world of reinventing the photo album wheel, now with Go and #SvelteKit 🚀! Because clearly, the world was desperately lacking in static photo gallery generators 🤦‍♂️.
https://github.com/dougdonohoe/ddphotos #JPEG #photo-gallery #innovation #HackerNews #ngated

Converting a @kevlin from #jpeg to #webp loses its 'zing'. WebP image definitely duller.

I can't figure out the options to cwebp to retain the brightness. Am I missing something or is this just part of the WebP compression-fu?

Someone is uberly angry about #WebP . An interesting thread.

https://skyview.social/?url=https%3A%2F%2Fbsky.app%2Fprofile%2Fdid%3Aplc%3Agwfx4qjjq2yhjzrgr5xqcnyz%2Fpost%2F3mglgh7cd4s2u&viewtype=unroll

😆

I hope the F-Stop Gallery app for Android gets updated with WebP and JPEG XL support.

For now, I switched to Fossify Gallery.

https://www.fossify.org/apps/

#Android #WebP #JPEGXL

I hope the F-Stop Gallery app for Android gets updated with WebP and JPEG XL support. For now, I switched to Fossify Gallery. www.fossify.org/apps/ #Android #WebP #JPEGXL

Our apps

I needed to convert a .png file to .webp on a whim I just renamed it to have .webp extension and it ... just worked

Is that meant to happen?

#webp

New Halide blog post on post-processing for chroma as it is relevant to compression efficiency: https://halide.cx/blog/chroma-handling

Seems like you can get a roughly 2% efficiency improvement with 4:2:0 decoder output just with smarter post-processing for chroma. Pretty neat!

#avif #webp #jpeg #transcoding #compression

I love how the #WebP "preview" that #GoToSocial generates is 3.77x larger (file size) than the original 16-color #LossyPNG. 😄

[WebP] (56,212 bytes)
[PNG] (14,907 bytes)

#Development #Outlooks
JPEG XL is coming back to Chrome · Will re-adding it revive the format, or is it too late? https://ilo.im/169z39

_____
#Images #JpegXL #WebP #Chrome #Browser #SEO #Design #WebDesign #WebDev #Frontend

Beta版「Windows 11」が更新、一部ダイアログのデザイン更新やWEBP壁紙などの新要素／Dev→Betaへのチャネル移動を考えているユーザーは急げ
https://forest.watch.impress.co.jp/docs/news/2079095.html

#forest_watch_impress #WinUI #Windows_Insider #WEBP #デスクトップ壁紙 #ダイアログ #システム_ファイル #デスクトップ #Windows

When's #Mastodon gonna roll out support for #WebP animations? It should also start handling video formats like #WebM or #MKV, a social for nerds and geeks oughta be one of the first to jump on that, especially since they're open formats with no royalties. #opensource #socialmedia

Hahahahahhaha

#webp #GoogleAutocomplete #SearchHumor #TechMeme #SavageGoogle #DeveloperStruggles #MemeCulture #InternetHumor

#Development #Comparisons
Progressive images in action · The current state of progressive image rendering https://ilo.im/167oml

_____
#Images #ResponsiveImages #Rendering #JPEG #JPEGXL #AVIF #WebP #Browsers #WebDev #Frontend

#OpenDocument #Reader.
View #OpenOffice and #LibreOffice #documents on the go. Now available for #Android and #iOS!

In addition to that, OpenDocument Reader aims to support various other file formats as well as possible:
- Portable Document Format (#PDF)
- Archives: #ZIP
- Images: #JPG, #JPEG, #GIF, #PNG, #WEBP, #TIFF, #BMP, #SVG, etc
- Videos: #MP4, #WEBM, etc
- Audio: #MP3, #OGG, etc
- Text files: #CSV, #TXT, #HTML, #RTF
- Microsoft Office (#OOXML): Word (#DOC, #DOCX), Excel (#XLS, #XLSX), PowerPoint (#PPT, #PPTX)
- Apple iWork: Pages, Numbers, Keynote
- Libre Office and Open Office OpenDocument Format: #ODF* (#ODT, #ODS, #ODP, #ODG)
- PostScript (#EPS)
- AutoCAD (#DXF)
- Photoshop (#PSD)

https://opendocument.app/

Современные форматы изображений или почему мы до сих пор на JPEG?

Формат JPEG появился в 1992 году и стал де-факто стандартом хранения фотографий в интернете. Спустя более 30 лет появляются всё более эффективные и продвинутые альтернативы: WebP, AVIF, JPEG XL и другие. Однако даже в 2025 году JPEG продолжает доминировать. Почему так происходит, несмотря на очевидные преимущества новых форматов? В этой статье мы проведем обзор форматов и разберёмся в причинах.

https://habr.com/ru/articles/925880/

#JPEG #webp #avif #jpeg_xl #heic #heif #flif #bpg

Hey,
if you've already committed to #WebP-only image output in your #TYPO3 #v13 project and you're looking for a quick way to enforce it across the board – here's a minimal #EventListener that does exactly that:
👉 https://gist.github.com/ErHaWeb/e201035096fa626204278cd3b87c3f89
No config, no extras. Drop it in – done.

Die letzten wichtigen Bildformate - onlinepc.ch https://www.onlinepc.ch/software/praxis/letzten-wichtigen-bildformate-2869250.html #svg #jpg #jpeg #png #eps #heif #tiff #gif #webp

I just read about tasty #image #compression via
https://evilmartians.com/chronicles/images-done-right-web-graphics-good-to-the-last-byte-optimization-techniques#svg-scales-very-good

take-aways (and there are many): #GIFS are BAD. #WebP are good. #ImageMagick is good. Oh yeah, and those weird conversions of images to video files on Reddit -- how that works, because #VideoCompression is good!

Ich brauche zum Glück auch keinen Streit im Internet bezüglich besseres Format, Filesize, Features, Support, etc.
Meine innere Unentschiedenheit reicht mir aus.
#AVIF #WEBP #HEIC #JPEG #JPEGXL

Tonight's current workbench? Swap out JPGs and PNGs for Webp. #webp #webm #update

I don't know how people usually pronounce it, but I propose to treat the B in WEBM and WEBP as silent, pronouncing it like "wem" and "wep". The B doesn't add any necessary auditory information but makes it harder to pronounce. #webm #webp #pronunciation

Since #Blender support #webp I started to save rendering in this format, and I'm using also for some textures, but my preferred for texture is #TIFF and I use #EXR only for displacement. #jpeg and #PNG are deprecated! #b3d #Blender3D