Перейти к содержимому
Coverton Блог
В этой статье
Изображения

Очистите фон, поля и цвета изображения.

Написал CovertonОпубликовано Обновлено

Обрезка пустого пространства вокруг логотипа отличается от удаления фона фотографии. Используйте обрезку полей, когда пространство уже прозрачно, и удаление фона, когда фон является частью изображения. Проверьте значки в их окончательном размере отображения.

Используйте бесплатный инструмент →

Выберите метод удаления фона

Сплошной режим удаляет цвет, связанный с границей. Для сложных фотографий рассмотрите AI и сравните волосы, прозрачные изделия и тонкие края с исходником. Режим AI требует загрузки WebGPU и примерно 219 MB при первом использовании.

Проверяйте эффекты в том размере, который увидят люди.

Вращение, оттенки серого, размытие и границы выполняют разные задачи. Контактный лист размещает несколько изображений на одном холсте. Не думайте, что размытие надежно удаляет личную информацию; отдельно просмотрите содержимое любого файла, которым вы планируете поделиться.

Подготовьте иконки и рабочую палитру.

Обрежьте прозрачные поля перед созданием пакета значков PNG. Он не создает автоматически каждый формат значков приложений или операционной системы. Извлечение палитры сообщает о доминирующих цветах и ​​пропорциях HEX. Визуальное сравнение позволяет обнаружить различия в пикселях между двумя изображениями одинаковых размеров.

Выберите правильный инструмент

Примеры входных данных иллюстрируют рабочий процесс; они не обещают определенного размера файла, точности распознавания или совместимости.

Поворот и отражение изображений

Поверните или отразите фотографию в новый файл. Проверьте, переворачивает ли зеркальное отображение текст на картинке.

Пример

фотография + переворот по горизонтали → зеркальная копия
  1. Выбирайте файлы в формате JPG, JPEG, PNG, WEBP, GIF, BMP, AVIF, ICO. Максимальное количество файлов в пакете: 100.
  2. Просмотрите Качество вывода (%), Вращение (градусы), Перевернуть, Выходной формат, Цвет фона, затем начните обработку.
  3. Загрузите результат JPG / PNG / WebP и проверьте его содержимое и качество.
Что проверить

Инструменты изображений создают неподвижные изображения. Повторное кодирование может изменить качество, цветовые профили и метаданные; утерянные данные не будут восстановлены.

Изменения отражаются в пикселях изображения и не сохраняются в виде редактируемого слоя. Размытие – это не безопасное затемнение.

Откройте инструмент →

Преобразование изображений в оттенки серого

Представьте фотографию, используя оттенки серого. Оттенки серого отличаются от пороговых значений только на черно-белые цвета.

Пример

цветная фотография → фотография в оттенках серого
  1. Выбирайте файлы в формате JPG, JPEG, PNG, WEBP. Максимальное количество файлов в пакете: 100.
  2. Просмотрите Выходной формат, Качество вывода (%), затем начните обработку.
  3. Загрузите результат Изображение и проверьте его содержимое и качество.
Что проверить

Инструменты изображений создают неподвижные изображения. Повторное кодирование может изменить качество, цветовые профили и метаданные; утерянные данные не будут восстановлены.

Изменения отражаются в пикселях изображения и не сохраняются в виде редактируемого слоя. Размытие – это не безопасное затемнение.

Откройте инструмент →

Размытие изображений

Размытие всего изображения в качестве фона. Это не селектор региона, позволяющий скрыть только определенное лицо.

Пример

фотография + степень размытия → размытие всего изображения
  1. Выбирайте файлы в формате JPG, JPEG, PNG, WEBP. Максимальное количество файлов в пакете: 100.
  2. Просмотрите Степень размытия, Выходной формат, Качество вывода (%), затем начните обработку.
  3. Загрузите результат Изображение и проверьте его содержимое и качество.
Что проверить

Инструменты изображений создают неподвижные изображения. Повторное кодирование может изменить качество, цветовые профили и метаданные; утерянные данные не будут восстановлены.

Изменения отражаются в пикселях изображения и не сохраняются в виде редактируемого слоя. Размытие – это не безопасное затемнение.

Откройте инструмент →

Добавляйте границы к изображениям

Добавьте обработку границ и углов в публикуемую копию. Проверьте влияние границы на выходные размеры.

Пример

изображение + ширина/цвет рамки → копия с рамкой
  1. Выбирайте файлы в формате JPG, JPEG, PNG, WEBP. Максимальное количество файлов в пакете: 100.
  2. Просмотрите Толщина границы (пикселей), Цвет, Скругление углов (пикселей), Выходной формат, Качество вывода (%), затем начните обработку.
  3. Загрузите результат Изображение и проверьте его содержимое и качество.
Что проверить

Инструменты изображений создают неподвижные изображения. Повторное кодирование может изменить качество, цветовые профили и метаданные; утерянные данные не будут восстановлены.

Изменения отражаются в пикселях изображения и не сохраняются в виде редактируемого слоя. Размытие – это не безопасное затемнение.

Откройте инструмент →

Создайте контактный лист изображения

Сравните несколько дизайнов на одном листе, используя количество столбцов и размеры ячеек. Сохраняйте отдельные исходные фотографии.

Пример

4 фотографии + 2 столбца → сетка изображений
  1. Выбирайте файлы в формате JPG, JPEG, PNG, WEBP. Максимальное количество файлов в пакете: 100.
  2. Просмотрите Столбцы, Ширина ячейки (пикселей), Высота ячейки (пикселей), Зазор (пикселей), Цвет фона, Выходной формат, Качество вывода (%), затем начните обработку.
  3. Загрузите результат PNG / JPG и проверьте его содержимое и качество.
Что проверить

Инструменты изображений создают неподвижные изображения. Повторное кодирование может изменить качество, цветовые профили и метаданные; утерянные данные не будут восстановлены.

Миниатюры уменьшаются в размере. Большие сетки могут превышать ограничения холста или памяти. Проверьте маленькие значки любого размера.

Откройте инструмент →

Создать значок

Подготовьте размеры иконок для сайта из одного изображения. Проверьте, остается ли знак узнаваемым при небольших размерах.

Пример

логотип → значки размером 16/32/48/180/192/512 пикселей
  1. Выбирайте файлы в формате JPG, JPEG, PNG, WEBP, SVG. Максимальное количество файлов в пакете: 1.
  2. Просмотрите Режим изменения размера изображения, Цвет фона, Сохраняйте прозрачность изображения, затем начните обработку.
  3. Загрузите результат Изображение и проверьте его содержимое и качество.
Что проверить

Инструменты изображений создают неподвижные изображения. Повторное кодирование может изменить качество, цветовые профили и метаданные; утерянные данные не будут восстановлены.

Миниатюры уменьшаются в размере. Большие сетки могут превышать ограничения холста или памяти. Проверьте маленькие значки любого размера.

Откройте инструмент →

Обрезать прозрачные поля изображения

Обрежьте пустое пространство вокруг прозрачного логотипа, используя альфа-порог и отступы. Это не удаляет непрозрачный белый фон.

Пример

прозрачный логотип с полями → обрезанный логотип
  1. Выбирайте файлы в формате PNG, WEBP. Максимальное количество файлов в пакете: 100.
  2. Просмотрите Альфа-порог (%), Заполнение изображения (пикселей), Качество вывода (%), затем начните обработку.
  3. Загрузите результат PNG и проверьте его содержимое и качество.
Что проверить

Инструменты изображений создают неподвижные изображения. Повторное кодирование может изменить качество, цветовые профили и метаданные; утерянные данные не будут восстановлены.

Белый не прозрачен и не удаляется. Высокий альфа-порог может отсекать слабые краевые пиксели.

Откройте инструмент →

Удалить фон изображения

Удалите подключенный сплошной фон или используйте поддерживаемый путь AI. Сравните тонкие края с оригиналом.

Пример

фото товара → прозрачный/сплошной фон PNGОткройте инструмент →

Разница изображений

Проверьте изменения пикселей между двумя дизайнами одинакового размера. Это не является показателем семантической корректности.

Пример

старые/новые изображения одинакового размера → изображение с разницей в пикселяхОткройте инструмент →

Извлечение цветовой палитры изображения

Извлеките доминирующие цвета из эталонного изображения. Сокращенный квантованный анализ не является точным управлением цветом.

Пример

эталонное изображение → HEX/пропорция CSV + CSS + палитра PNGОткройте инструмент →

В этом руководстве описаны общедоступные веб-инструменты и ограничения их поддержки. Сохраните оригинал и проверьте загруженный результат. Coverton · Исправления и контакты

Этот перевод был подготовлен с помощью программного обеспечения. Вы также можете прочитать английскую версию. Читать на английском