Что такое фильтр размытия изображения?

Фильтр размытия смягчает изображение, смешивая каждый пиксель с соседними. Гауссово размытие, которое используется здесь, придаёт больший вес ближайшим пикселям, чем удалённым, поэтому результат похож на изображение, снятое расфокусированным объективом, а не на размазанную копию. Оно превращает фотографию в мягкий фон для слайда, заголовка сайта или обоев для телефона, помогает лучше читать текст поверх перегруженного деталями изображения и скрывает детали снимка экрана, сохраняя при этом узнаваемую структуру.

Описание инструмента

Откройте изображение и перемещайте ползунок радиуса. Небольшой радиус смягчает мелкие детали, а большой оставляет только размытые цветовые пятна. Предварительный просмотр обновляется при перемещении ползунка, ползунок сравнения показывает исходное изображение рядом с результатом, а при скачивании изображение сохраняет исходный размер в формате PNG, JPG или WebP.

Возможности

  • Гауссово размытие с настройкой одного радиуса
  • Цвета смешиваются так же, как свет: яркие участки естественно распространяются, а границы между цветами не становятся мутными
  • Прозрачные изображения сохраняют чёткие, мягкие края
  • Работает в браузере, поэтому изображение никогда не покидает ваше устройство

Как это работает

Радиус — это стандартное отклонение гауссова распределения, та же величина, которую использует CSS blur(). При размытии цвета смешиваются как количества света, а не как числа, сохранённые в файле: тонкие чёрно-белые полосы размываются до серого оттенка, который получается при смешении половины света, — он светлее тусклого средне-серого оттенка, который даёт быстрое размытие. За пределами изображения крайние пиксели повторяются, поэтому границы не темнеют, а прозрачные пиксели не переносят скрытый в них цвет на изображение.

Советы

  • Если изображение будет фоном для текста, выберите радиус, при котором формы ещё можно различить, но ничто не отвлекает внимание.
  • Размытые изображения очень хорошо сжимаются, поэтому скачанный файл JPG или WebP часто намного меньше исходного.
  • Чтобы надёжно скрыть конфиденциальный текст, используйте большой радиус. Слегка размытый крупный текст иногда всё ещё можно прочитать.