← На главную

Anthropic исправил ошибку в CSS-трюке с jittering

04.05.2026 15:26 · hackernews

8 мая 2026 года один из участников сообщества HackerNews поправил пост с джиттерингом на CSS, признав ошибку в коде. Автор изначально забыл отфильтровать «шумные» пятнышки, на что указал Кевин Синк. Важно понимать, что этот метод не про экономию мощности или трафика в стиле журнала Low Tech Magazine, а чисто эстетический трюк. Он идеален для сайтов с картинками, где нужно сохранить единый стиль и цветовую гамму. Хотя обработка изображений заранее даст аналогичный результат, использование CSS-фильтра позволяет гибко настраивать эффект: можно менять его под разные темы сайта или вообще выключать по нажатию кнопки. При этом оригинальная картинка остается нетронутой и загружается в полном разрешении, так что сжатие трафика всё равно не происходит. Но такой подход дает пользователям право сами регулировать внешний вид контента.

В основе метода лежит техника noise dithering, которая раскладывает оттенки пикселей случайным образом, чтобы глаз воспринимал больше цветов, чем позволяет палитра. Это помогает бороться с появлением полос и артефактов квантования. Реализовать такой эффект можно стандартными средствами, без написания сложного JavaScript. Браузеры сами рассчитают шум и применят его к изображению на лету. Результат выглядит мягче и приятнее, особенно когда исходное фото имеет много деталей в тенях или градиентах. Если нужно, можно добавить шум вручную через генерацию псевдослучайных данных, но обычно достаточно встроенных возможностей. Главное — помнить, что это опциональная фича для дизайнеров, которые любят контролировать каждый пиксель в браузере пользователя.

Читать оригинал →