Прозрачный фон GPT Image 2: чистый альфа-процесс

GPT Image 2 теперь может напрямую возвращать прозрачный PNG. Полезная часть — это не отсутствие фона само по себе. Он получает ресурс многократного использования, края которого по-прежнему выглядят правильно на белой странице продукта, темной рекламе и насыщенной социальной панели.

Начните с Домашняя страница изображения3, откройте Рабочая область изображения3 для более широкого производственного процесса, затем используйте Генератор прозрачного фона GPT Image 2. Последняя ссылка выбирает Studio и включает вывод прозрачного PNG.

Быстрый ответ: запросите альфу, а затем докажите это

Используйте режим студии, включите Прозрачный фон (PNG) и предложите указать один изолированный объект с видимым полным силуэтом. Избегайте декораций, полов, рамок, печатных этикеток или предварительного просмотра в виде шахматной доски. Эти детали придают модели непрозрачность, которую можно визуализировать позади объекта.

Хороший первый запрос достаточно короткий, чтобы его можно было проверить:

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

Загрузите результат в формате PNG. Затем поместите его как минимум на три фона. Прозрачная миниатюра на одной панели браузера мало что доказывает; многие редакторы отображают прозрачность и запеченную шахматную доску почти одинаково.

Что на самом деле означает прозрачность

PNG хранит цветовые каналы плюс альфа-канал. Альфа записывает непрозрачность для каждого пикселя: 0 — полностью прозрачно, 255 — полностью непрозрачно, а значения между ними создают мягкие края, стекло, дым и растушеванные тени. Файл может иметь расширение .png и при этом оставаться непрозрачным, если каждое альфа-значение равно 255.

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

Созданная ниже лампа представляет собой настоящий PNG RGBA. Загрузите его и протестируйте в своем собственном макете, а не судите только по предварительному просмотру страницы.

Выберите тему, которую можно изолировать

Встроенная прозрачность работает лучше всего, когда в подсказке четко определен один предмет. Упаковки продуктов, значки, наклейки, инструменты, мебель, простые снимки еды и вырезки персонажей имеют читаемые силуэты. Толпы, туман, волосы на ветру, полупрозрачная ткань, брызги стекла и сцены, наполненные частицами, требуют более тщательного тестирования.

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

ПРЕДМЕТ: одна компактная эспрессо-машина с паровой трубкой и кабелем питания.
ОБРЕЗКА: объект виден полностью, по центру, 12 процентов свободного пространства с каждой стороны.
ПРИОРИТЕТ КРАЯ: сохраните паровую трубку, кабель, зазоры в ручках и небольшие металлические элементы управления.
ФОН: действительно прозрачная альфа, без поверхности и окружающей среды.
РЕЗУЛЬТАТ: чистый продукт многократного использования, без текста и брендинга.

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

Используйте правильный формат и настройки вывода.

PNG — самый безопасный мастер-файл для прозрачных ресурсов. Он сохраняет альфа-версию без сжатия с потерями и широко поддерживается браузерами, редакторами, торговыми площадками и инструментами презентаций. WebP также может сохранять прозрачность и обычно создает файл доставки меньшего размера. В JPEG нет альфа-канала, поэтому прозрачный запрос, сохраненный в формате JPEG, должен стать непрозрачным.

Выберите разрешение из окончательного использования. Небольшому значку приложения не нужен огромный источник, но герою магазина или макету печати нужно место для обрезки и понижения разрешения. Создайте мастер, размер которого превышает окончательный размер дисплея, проверьте его в 100-процентном масштабе и после утверждения создайте копии меньшего размера.

Контракт управления прост:

{
  "модель": "gpt-image-2",
  «фон»: «прозрачный»,
  "output_format": "png",
  «качество»: «среднее»
}

Image3 применяет background: transparent и output_format: png вместе, когда прозрачный переключатель активен. Это предотвращает несовместимую комбинацию JPEG на уровне интерфейса.

Напишите приглашение с приоритетом изоляции

Фраза «прозрачный фон» должна присутствовать в инструкциях по физическому составу. Скажите модели, что здесь нет пола и стены. Попросите полный силуэт. Запретить запеченные шаблоны прозрачности. Опишите, как должны вести себя сложные материалы.

Эта подсказка полезна для мягкого объекта:

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

И эта версия обрабатывает полупрозрачный объект:

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

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

Отделяем мастер от стилизованной тени

В мастере многоразового продукта обычно не следует использовать большую отбрасываемую тень. Тень, создаваемая на невидимом полу, может включать непрозрачные серые пиксели, белую матовую поверхность или перспективу, не соответствующую окончательному макету. Если это возможно, добавьте тень назначения с помощью CSS или инструмента дизайна.

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

.product-вырез {
  фильтр: тень (0 18 пикселей 22 пикселей RGB (15 23 42 / 0,22));
}

CSS drop-shadow() следует видимому силуэту, в отличие от box-shadow, который следует за прямоугольным полем изображения. Это делает его практичным, неразрушающим вариантом для веб-макетов.

Проверяйте альфа-версию вместо того, чтобы доверять предварительной версии

Запустите проверку из четырех частей. Сначала убедитесь, что это файл PNG или WebP и что существует альфа-канал. Во-вторых, просмотрите его в белом и почти черном цвете. В-третьих, используйте насыщенные цвета, такие как пурпурный или голубой, поскольку на цветном фоне быстро появляются бледные загрязнения. В-четвертых, увеличьте мельчайшие промежутки и полупрозрачные области.

В macOS ImageMagick может сообщить набор каналов:

идентифицировать -format '%f %[channels]\n' lamp-transparent.png

Результат RGBA или sRGBA подтверждает наличие альфа-канала. Это не доказывает полезность альфа-версии, поэтому проведите составной тест:

Magick -размер холста 1600x1200:'#111827' \
  lamp-transparent.png -центр гравитации -композитная лампа-в-темноте.png

Один и тот же актив должен пережить обе стороны этого теста на преимущество:

Диагностика поддельной шахматной доски

Сетка прозрачности — это всего лишь условность для просмотра. Если серо-белые квадраты остаются видимыми при размещении файла на красном фоне, сетка является частью изображения. Модель отображала изображение прозрачности, а не прозрачных пикселей.

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

Если в остальном объект превосходен, инструмент для удаления фона может восстановить резкий продукт. Он менее надежен для стекла, волос, дыма и полупрозрачной ткани, поскольку средству для удаления приходится определять, какие пиксели принадлежат объекту.

Исправление белых или темных ореолов по краям.

Ореолы появляются, когда краевые пиксели содержат матовый цвет. Проверьте вывод при 200–400 процентах белого и черного цветов. Осмотрите волосы, кабели, мех, блестящие края, спицы, узкие отверстия и размытые в движении края.

Используйте целенаправленную подсказку об исправлении, если произошел сбой только в одном регионе:

Ремонтируйте только внешний край кабеля в черной оплетке.
Удалите бледную бахрому и сохраните толщину кабеля, текстуру плетения, изгиб, вилку, лампу, цвета, обрезку и все другие пиксели.
Храните настоящий прозрачный альфа-канал вне кабеля. Не добавляйте тень или фон.

Регенерируйте, когда ореол окружает большую часть объекта, когда внутренние отверстия непрозрачны или когда прозрачные материалы заполнены белым. Глобальная проблема с альфа-версией обычно требует больше времени на исправление, чем на замену.

Защищайте внутренние дыры и негативное пространство

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

Назовите пробелы в подсказке и проверьте их отдельно. Если речь идет о стуле, проверьте пространство под сиденьем и между каждым шпинделем. Для кружки проверьте отверстие ручки. Для лампы в этом руководстве важными областями являются открытые углы вокруг соединений и петля, образованная кабелем.

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

Обращайтесь со стеклом, дымом и мягкими материалами.

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

Создайте и утвердите на основе предполагаемого фонового семейства. Если ресурс должен работать с несвязанными темами, сохраните два мастера или упростите обработку материала. Не «исправляйте» мягкую бахрому, делая каждый пиксель полностью непрозрачным или полностью прозрачным; это лишает желаемое качество материала.

Чтобы обеспечить стабильность цветов, материалов и идентичности продукта в наборе, используйте Рабочий процесс создания справочника по фирменному стилю изображения GPT 2. Если текст также является частью ресурса, следуйте инструкциям Рабочий процесс инфографики изображения GPT 2 и проверьте слова отдельно от альфа-канала.

Варианты сборки от одного утвержденного мастера

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

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

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

Подготовьте передачу производства

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

Для доставки через Интернет проверьте конечный URL-адрес, тип MIME, размеры и размер файла. Убедитесь, что актив остается прозрачным после любого преобразования CDN. Для магазинов приложений и торговых площадок проверьте требования к файлам, поскольку некоторые каналы сглаживают альфа-версию или добавляют фон по умолчанию во время загрузки.

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

Встроенная альфа-версия или удаление фона?

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

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

Используйте это правило принятия решения:

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

Планирование набора объектов электронной торговли

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

Начните с нейтрального мастера: полный объект, простой свет, без пола, без большой тени и достаточно свободного места для альтернативных кадров. Запишите не подлежащие обсуждению характеристики. Для настольной лампы это может быть коралловая глазурь, три латунных шарнира, черный плетеный кабель, круглое основание и кремово-белый внутренний плафон.

Затем создайте по одной контролируемой ветке за раз:

ИСТОЧНИК ИДЕНТИЧНОСТИ: одобренный образец настольной лампы кораллового цвета.
НАЗНАЧЕНИЕ: квадратная плитка из каталога электронной коммерции.
ИЗМЕНЕНИЕ: поверните лампу на 20 градусов по часовой стрелке и слегка приподнимите абажур.
СОХРАНЕНИЕ: коралловая глазурь, латунные соединения, кабель, основа, пропорции, материалы и альфа.
CROP: готовый продукт с 10-процентной прозрачностью пространства со всех сторон.
ЗАПРЕЩЕНО: пол, тень от комнаты, декорации, реквизит, текст, логотип, водяной знак, шахматная доска.

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

Называйте файлы по тому, какие они есть, а не по порядку их появления в папке загрузки. lamp-coral-front-master.png и lamp-coral-three-quarter-web.webp легче проверять, чем generation-14-final-v2.png. Следите за тем, чтобы мастер-копия и доставленная копия были различимы как по имени файла, так и по пути к хранилищу.

Безопасное использование прозрачных ресурсов в Интернете

Браузеры отображают альфа-версию без дополнительного JavaScript, но выбор макета может выявить производственные ошибки. Задайте размеры элемента изображения, чтобы страница не прыгала во время загрузки. Используйте object-contain для полного вырезания продукта и сравните результат со светлой и темной темами страницы.

<изображение>
  <source srcset="/assets/lamp-coral.webp" type="image/webp" />
  <изображение
    src={transparentAssetUrl}
    ширина = "1254"
    высота="1254"
    alt="Коралловая настольная лампа изолирована на прозрачном фоне"
    загрузка = «ленивый»
  />
</картинка>

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

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

Сохраняйте альфа-версию за счет изменения размера и оптимизации

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

магическая лампа-коралл-фронт-мастер.png \
  -изменить размер '900x900>' \
  -полоска \
  лампа-коралл-фронт-900.png

Для WebP используйте настройку качества, сохраняющую детализацию краев, и убедитесь, что выходные данные по-прежнему содержат альфа-канал. Тонкие кабели и волосы заслуживают визуального сравнения, а не просто меньшего количества байтов.

cwebp -q 88 -alpha_q 100 lamp-coral-front-master.png \
  -o лампа-коралл-фронт-web.webp

Ни в коем случае не конвертируйте рабочий мастер в JPEG. Как только альфа-канал выравнивается с подложкой, преобразование JPEG обратно в PNG не восстанавливает недостающую прозрачность.

Доступность и честное изложение

Альтернативный текст должен описывать видимый объект и причину, по которой изображение находится на странице. «Прозрачный PNG» сам по себе ничего не говорит пользователю программы чтения с экрана. Для наглядного сравнения объясните, что один и тот же продукт тестируется на светлом и темном фоне. Для декоративного выреза изделия рядом с текстом, в котором уже указано название предмета, достаточно более короткого описания предмета.

Не думайте, что концепция продукта, созданная ИИ, — это фотография товара, выставленного на продажу. Концептуальные изображения этикеток, где это различие влияет на решение о покупке или дизайне. Если на ресурсе изображен реальный продукт, перед публикацией сравните этикетки, порты, кнопки, пропорции и включенные детали с утвержденной ссылкой.

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

Компактный контрольный список выпуска

Прежде чем отправлять изображение GPT Image 2 с прозрачным PNG, подтвердите каждый пункт ниже:

• Файл имеет альфа-канал, а не просто расширение PNG.
• Никакая шахматная доска, белый прямоугольник или стена студии не запекаются в пикселях.
• В наличии весь предмет и все необходимые тросы, ручки и узкие детали.
• Внутренние отверстия прозрачные.
• На светлом, темном и насыщенном фоне не возникает неприемлемого ореола.
• Стекло, волосы, дым и тени используют правдоподобную частичную прозрачность.
• Мастер сохраняется отдельно от кропов и сжатых копий. – Альтернативный текст описывает тему и обучающую роль изображения.

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

Вернитесь к Домашняя страница изображения3, продолжите работу с Рабочая область изображения3 или откройте Генератор изображений GPT 2 с прозрачным PNG с уже выбранными Studio и альфа-выводом.