Изменяйте размер изображений до любых размеров. Зафиксируйте соотношение сторон, чтобы избежать искажений. Экспортируйте в PNG, JPG или WEBP.
Поддерживает PNG, JPG, WEBP, GIF и другие форматы
Изменение размера изображения изменяет размеры растрового изображения в пикселях: меньше (понижение разрешения) или больше (повышение разрешения). Эти две операции не эквивалентны. При понижении разрешения данные пикселей отбрасываются; повышающая дискретизация создает данные пикселей посредством интерполяции. Понижение разрешения дает более четкое изображение меньшего размера; повышающая дискретизация создает изображение большего размера, но не может восстановить детали, которых не было в источнике. Знание того, в каком направлении вы двигаетесь, определяет, чего ожидать от результата.
Это средство изменения размера запускается в вашем браузере с использованием HTML5 Canvas API. Исходное изображение декодируется в холст, рисуется в новых размерах с использованием встроенной в браузере функции повторной выборки и повторно кодируется в исходный формат (или выбранный вами выходной формат). Настройки качества влияют на форматы с потерями (JPEG, WebP). Результат идентичен тому, что дает изменение размера на основе холста в любом веб-приложении.
Для максимально качественной субдискретизации браузер использует билинейную или бикубическую интерполяцию в зависимости от реализации. При повышающей дискретизации та же самая интерполяция дает гладкий, но мягкий результат. Специализированные средства масштабирования искусственного интеллекта (waifu2x, Topaz Gigapixel) обеспечивают более четкое масштабирование, но для этого требуются специальные инструменты.
Размеры изображения влияют на размер файла, время загрузки страницы и совместимость платформы. Фотография размером 4000х3000 с камеры смартфона весит несколько мегабайт; изменение размера до 1920×1440 обычно приводит к уменьшению файла в 4–6 раз без заметной потери качества при просмотре на экране. Умноженное на множество изображений на странице, это значительный выигрыш в производительности.
Требования к платформе также способствуют изменению размера. Фотографии профиля в определенных размерах, изображения с торговой площадки в максимально допустимых размерах, предварительный просмотр в социальных сетях с точным соотношением сторон — каждая платформа ожидает определенного размера, а локальное изменение размера происходит быстрее, чем борьба с автоматическим изменением размера платформы.
Скиньте изображение, установите новые размеры, скачайте.
Прежде чем изменять размер, выберите правильные целевые размеры — выбор слишком маленького приведет к потере детализации, а слишком большой приведет к потере пропускной способности.
Canvas API выполняет повторную выборку, используя встроенную реализацию браузера. Большинство браузеров используют билинейную или бикубическую интерполяцию; точный алгоритм различается, но качество в современных браузерах сопоставимо.
Формат вывода зависит от типа MIME Canvas.toBlob. PNG сохраняет точные пиксели со сжатием без потерь. JPEG применяет сжатие с потерями на основе DCT с выбранным качеством. WebP поддерживает оба режима; WebP с потерями качества 80–85 примерно эквивалентен JPEG качества 90.
Соотношение сторон: инструмент изменения размера по умолчанию фиксирует соотношение сторон, чтобы сохранить пропорции. Разблокировка позволяет произвольное растягивание, что редко желательно, но полезно для определенных макетов.