Как создать изображение на белом фоне заданного размера
Чтобы получить картинку с идеально белым фоном (#FFFFFF) нужного размера, проще всего создать новый документ с требуемыми параметрами в графическом редакторе или онлайн-сервисе, а затем поместить туда объект. Для веб-использования сохраняйте файл в RGB в формате PNG или JPEG с разрешением 72–150 PPI; для печати — в CMYK с разрешением 300 PPI.
Ниже разберем конкретные способы: от создания «чистого листа» до замены фона на фотографии и настройки точных размеров для маркетплейсов или документов.
Оглавление
Зачем нужен чистый белый фон
Изображения на белом фоне (так называемый «белый лист») решают несколько практических задач:
- Требования маркетплейсов. Wildberries, Ozon, Amazon и другие площадки требуют, чтобы товар занимал не менее 80–90% кадра, а фон был однородным белым (код #FFFFFF).
- Документы и справки. Для загрузки фото на паспорт, визу или справку часто нужен нейтральный светлый фон без теней и посторонних предметов.
- Дизайн и верстка. Такие изображения легко вписываются в любой макет сайта, презентации или каталога, не создавая визуального шума.
- Единый стиль каталога. Белый фон унифицирует галерею товаров, делая её аккуратной и профессиональной.
Технические требования: размер, DPI, формат
Прежде чем начать работу, определите технические параметры итогового файла.
Разрешение (DPI/PPI)
- Для экрана (сайт, соцсети, маркетплейсы): достаточно 72–150 PPI. Важнее линейные размеры в пикселях.
- Для печати: строго 300 PPI и выше. Если сохранить фото для печати с разрешением 72 PPI, оно будет выглядеть размытым или пиксельным.
Цветовая модель
- RGB: стандарт для всех цифровых устройств. Используйте его для веба.
- CMYK: используется только для типографской печати. Конвертация из RGB в CMYK может изменить оттенки, поэтому делайте это на финальном этапе.
Популярные размеры (в пикселях)
| Площадка / Цель | Рекомендуемый размер | Формат |
|---|---|---|
| Карточка товара (Ozon, WB) | 900×900, 1200×1200 или 2048×2048 | JPEG, PNG |
| Фото на документы (РФ) | 35×45 мм (при 300 DPI ≈ 413×531 px) | JPEG |
| Аватарка / Соцсети | 1080×1080 или 1080×1350 | JPEG, PNG |
| Баннер для сайта | Зависит от макета (напр., 1920×600) | JPEG, WebP |
Способ 1: Создание белого листа с нуля
Этот метод подходит, если вам нужно просто создать пустой белый холст определенного размера (например, для подложки под текст или логотип).
Инструкция (на примере любого редактора: Photoshop, Paint, Canva):
- Создайте новый документ (
File>New). - Введите ширину и высоту в пикселях (например, 1000×1000).
- Установите разрешение (72 PPI для веба, 300 PPI для печати).
- Выберите цвет фона: Белый (код
#FFFFFF). - Сохраните файл.
Если вы используете обычный Paint (Windows): нажмите Ctrl+W, введите размеры, убедитесь, что фон белый, и сохраните как PNG или JPEG. Это самый быстрый способ для простых задач.
Способ 2: Замена фона на фото (вырезка объекта)
Если у вас есть фотография товара или человека на разноцветном фоне, его нужно заменить на белый.
Вариант А: Профессиональные редакторы (Photoshop, GIMP)
- Выделение объекта. Используйте инструмент «Быстрое выделение» (Quick Selection), «Перо» (Pen Tool) или «Выделение объектов» (Object Selection).
- Уточнение краев. Нажмите
Select and Mask(Выделение и маска), чтобы сгладить края, особенно если есть волосы или мех. - Создание слоя с белым фоном.
- Создайте новый слой ниже слоя с объектом.
- Залейте его белым цветом (
Edit>Fill>White).
- Проверка. Увеличьте масштаб до 100–200% и проверьте, нет ли ореолов старого фона вокруг объекта.
Вариант Б: Полуавтоматические инструменты (Photopea, Remove.bg)
В бесплатном онлайн-редакторе Photopea (аналог Photoshop в браузере):
- Откройте фото.
- В меню выберите
Select>Subject(Выделить предмет). ИИ автоматически обведет объект. - Нажмите кнопку добавления маски слоя (значок прямоугольника с кругом внизу панели слоев). Фон исчезнет.
- Создайте новый слой под объектом и залейте его белым (
Edit>Fill>White).
Способ 3: Онлайн-инструменты без установки ПО
Для быстрой обработки одного-двух изображений удобнее использовать нейросети.
- Загрузите фото в сервис удаления фона (например, Adobe Express, Remove.bg, Photoroom).
- Сервис автоматически удалит фон.
- В настройках редактора сервиса выберите цвет фона White (#FFFFFF).
- Измените размер изображения (Resize) до нужного в пикселях.
- Скачайте результат.
Бесплатные версии онлайн-сервисов часто снижают разрешение итоговой картинки или добавляют водяной знак. Для коммерческого использования проверяйте лицензию или используйте платные тарифы.
Частые ошибки при подготовке изображений
-
«Грязный» белый фон. Фон выглядит серым или имеет оттенок (#F5F5F5 вместо #FFFFFF).
- Решение: Всегда задавайте цвет фона вручную по коду
#FFFFFF. Не полагайтесь на визуальное восприятие.
- Решение: Всегда задавайте цвет фона вручную по коду
-
Ореолы (артефакты) вокруг объекта. После вырезки видны кусочки старого фона.
- Решение: Используйте функцию «Дефрай» (Defringe) в Photoshop или аккуратно подчищайте края кистью на маске слоя.
-
Неправильное соотношение сторон. Объект сплющен или растянут при изменении размера.
- Решение: При масштабировании всегда держите зажатой клавишу
Shift(или включите замок пропорций), чтобы сохранять исходные пропорции.
- Решение: При масштабировании всегда держите зажатой клавишу
-
Несоответствие веса файла. Маркетплейсы могут отклонять файлы тяжелее 5–10 МБ.
- Решение: Перед загрузкой сожмите изображение через сервисы типа TinyPNG или сохраните в JPEG с качеством 80–90%.
FAQ: Вопросы о белом фоне
В чем разница между PNG и JPEG для белого фона? JPEG обеспечивает меньший вес файла при хорошем качестве для фотографий. PNG лучше подходит для графики с четкими границами или если вы планируете дальнейшее редактирование (поддерживает слои и прозрачность, хотя для белого фона это не критично). Для маркетплейсов чаще рекомендуют JPEG.
Как сделать белый фон в Word? Вставить фото в Word, нажать «Формат рисунка» > «Цвет» > «Установить прозрачный цвет» и кликнуть по фону. Однако качество будет низким. Лучше использовать специализированные графические редакторы.
Обязательно ли использовать 300 DPI для карточек товаров? Нет. Для экранов мониторов и смартфонов достаточно 72–150 DPI. Главное — соблюдать размер в пикселях (например, 1200×1200 px). 300 DPI нужны только если вы планируете печатать этот каталог на бумаге.
Можно ли использовать светло-серый фон вместо белого? Только если это разрешено правилами площадки. Большинство маркетплейсов (Ozon, Wildberries) требуют строго белый фон (#FFFFFF) для основной фотографии товара.