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

GPT Image 2 тепер може повертати прозорий PNG безпосередньо. Корисна частина - це не сам по собі відсутній фон. Він отримує багаторазовий актив, краї якого все ще виглядають правильно на білій сторінці продукту, темній рекламі та насиченій соціальній плитці.

Почніть із Домашня сторінка Image3, відкрийте Робоча область Image3 для ширшого потоку виробництва, а потім скористайтеся GPT Image 2 генератор прозорого фону. Останнє посилання вибирає Studio та вмикає вихід прозорого PNG.

Швидка відповідь: надішліть запит на альфа-версію, а потім доведіть це

Використовуйте режим Studio, увімкніть Прозорий фон (PNG) і запропонуйте один ізольований об’єкт із видимим повним силуетом. Уникайте декорацій, підлоги, рам, друкованих етикеток або попереднього перегляду в шаховому порядку. Ці деталі надають моделі щось непрозоре для відображення за об’єктом.

Хороший перший запит достатньо короткий для перевірки:

Створіть одну настільну лампу з коралової кераміки як виріз для каталогу преміум-класу.
Покажіть всю лампу та кабель живлення з чіткими відокремленнями навколо кожного краю.
Використовуйте справді прозорий фон з альфа-каналом.
Без підлоги, стіни, фону, шахової дошки, тексту, логотипу, водяного знака чи додаткових об’єктів.
Зберігайте природні відблиски на кераміці та реалістичні деталі в латунних з’єднаннях.

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

Що насправді означає прозорий

PNG зберігає кольорові канали та альфа-канал. Альфа реєструє непрозорість на піксель: 0 — повністю прозорий, 255 — повністю непрозорий, а значення між ними створюють м’які краї, скло, дим і тіні. Файл може мати розширення .png і залишатися непрозорим, якщо кожне значення альфа-каналу дорівнює 255.

Різниця має значення навколо згладжених країв. Вигнутий край продукту зазвичай містить частково прозорі пікселі, які плавно змішуються з новим фоном. Якщо ці пікселі були розраховані проти білого, виріз може мати бліду бахрому, якщо розмістити його на чорному. Якщо вони були розраховані проти чорного, то на світлій сторінці з’являється темний обідок.

Створена нижче лампа є справжнім RGBA PNG. Завантажте його та протестуйте у своєму власному макеті, а не оцінюйте лише попередній перегляд сторінки.

Виберіть предмет, який можна виділити

Нативна прозорість працює найкраще, коли підказка визначає одну чітку тему. Пакети продуктів, значки, наклейки, інструменти, меблі, прості знімки їжі та вирізи персонажів мають читабельні силуети. Натовп, туман, волосся на вітрі, напівпрозора тканина, бризки скла та сцени, наповнені частинками, потребують більш ретельного тестування.

Почніть з виробничих вимог, а не з естетичного пункту. Назвіть предмет, необхідну культуру та складні краї. Якщо кабель, ручка, пасмо волосся, антена чи прозорий матеріал мають значення, викличте це. Інакше модель може спростити або обрізати саме ту частину, яка вам потрібна.

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

Якщо вам потрібно кілька об’єктів, згенеруйте їх окремо, коли кінцевий макет контролює їх відстань. Одне об’єднане зображення фіксує їх відносне положення та тіні разом, що обмежує повторне використання.

Використовуйте правильний формат і налаштування виводу

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

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

Договір контролю простий:

{
  "модель": "gpt-image-2",
  "background": "прозорий",
  "вихідний_формат": "png",
  "якість": "середня"
}

Image3 застосовує background: transparent і output_format: png разом, коли прозорий перемикач активний. Це запобігає несумісній комбінації JPEG на рівні інтерфейсу.

Напишіть підказку для ізоляції

Фраза «прозорий фон» має з’явитися разом із інструкціями щодо фізичної композиції. Скажіть моделі, що немає підлоги чи стіни. Попросіть повний силует. Заборонити запечені візерунки прозорості. Опишіть, як мають поводитися складні матеріали.

Ця підказка корисна для м’якого об’єкта:

Створіть один складений кремовий в’язаний шарф як ізольований актив електронної комерції.
Зберігайте вільні волокна та невеликі відкриті проміжки між складками.
Використовуйте справжній прозорий альфа навколо повного силуету.
Жодного манекена, столу, підлоги, стіни, тіньової картки, рамки, шахової дошки, тексту чи етикетки.
Зберігайте в’язану структуру природною без білого контуру навколо волокон.

І ця версія обробляє напівпрозорий об’єкт:

Створіть один флакон для духів із прозорого бурштинового скла, вид спереду на три чверті.
Зберігайте пляшку повністю видимою завдяки точному прозорому та відбиваючому склу.
Фонові пікселі мають бути прозорими; не фарбуйте скло в білий колір.
Збережіть кришку, тонкі краї скла та внутрішнє заломлення.
Без підлоги, пейзажу, логотипу, тексту етикетки, шахової дошки чи водяного знака.

Скло є складним випробуванням, оскільки об’єкт частково визначається тим, що лежить за ним. Завжди комбінуйте скляний результат із фактичними цільовими кольорами перед затвердженням.

Відокремте майстер від стилізованої тіні

Майстер багаторазового продукту зазвичай повинен пропускати велику відкинуту тінь. Тінь, створена проти невидимої підлоги, може включати непрозорі сірі пікселі, білі матові або перспективу, яка не відповідає остаточному макету. Додайте цільову тінь у CSS або свій інструмент дизайну, коли це можливо.

М’які контактні тіні все ще можуть працювати, якщо вони тьмяніють через часткову альфа та залишаються близько до об’єкта. Перевірте їх на темних і кольорових поверхнях. Якщо тінь перетворюється на сірий прямокутник, залиште безтіньовий майстер і побудуйте тінь за течією.

.product-cutout {
  фільтр: drop-shadow(0 18px 22px rgb(15 23 42 / 0.22));
}

CSS drop-shadow() слідує за видимим силуетом, на відміну від box-shadow, який слідує за прямокутним полем зображення. Це робить його практичним неруйнівним варіантом для веб-макетів.

Перевірте альфа-версію замість того, щоб довіряти попередньому перегляду

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

У macOS ImageMagick може повідомляти про набір каналів:

identify -format '%f %[канали]\n' lamp-transparent.png

Результат RGBA або sRGBA підтверджує існування альфа-каналу. Це не доводить, що альфа-версія корисна, тому виконайте складений тест:

magick -розмір полотна 1600x1200: '#111827' \
  lamp-transparent.png -центр тяжіння -композитний lamp-on-dark.png

Один і той самий актив має витримати обидві сторони цього тесту:

Діагностувати фальшиву шашку

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

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

Якщо об’єкт в іншому випадку чудовий, інструмент для видалення фону може відновити продукт із жорсткими краями. Це менш надійно для скла, волосся, диму та напівпрозорої тканини, тому що видалення має визначити, які пікселі належать об’єкту.

Виправте білі або темні ореоли по краях

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

Використовуйте сфокусований запит на виправлення, коли не вдається лише одна область:

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

Відновлюйте, коли ореол оточує більшу частину об’єкта, коли внутрішні отвори непрозорі або коли прозорі матеріали заповнені білим. Глобальна проблема альфа-версії зазвичай вимагає більше часу на виправлення, ніж на заміну.

Захистіть внутрішні отвори та негативний простір

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

Назвіть пропуски в підказці та перевірте їх окремо. Для стільця перевірте простір під сидінням і між кожним шпинделем. Для кухля перевірте отвір ручки. Для лампи в цьому посібнику важливими областями є відкриті кути навколо з’єднань і петля, утворена кабелем.

Негативний простір є частиною активу. Розглядайте кожну дірку як іншу грань, виконуючи однакову перевірку світлого, темного та насиченого фону.

Працюйте зі склом, димом і м'якими матеріалами

Частково прозорі матеріали вимагають градуювання альфа, а не жорсткого вибору. Їх зовнішній вигляд змінюється залежно від фону призначення, тому один виріз може працювати не скрізь. Пляшка, підготовлена ​​для блідої сторінки каталогу, може виглядати занадто щільною на чорній рекламі.

Створюйте та затверджуйте передбачуване фонове сімейство. Якщо актив має працювати з непов’язаними темами, залиште два основні або спростіть обробку матеріалів. Не «виправляйте» м’яку смугу, змушуючи кожен піксель бути повністю непрозорим або повністю прозорим; що позбавляє бажаної якості матеріалу.

Щоб ширше підтримувати стабільність кольорів, матеріалів і ідентичності продукту в наборі, використовуйте Робочий процес довідкового стилю бренду GPT Image 2. Якщо текст також є частиною ресурсу, дотримуйтеся Робочий процес підказки інфографіки GPT Image 2 і перевіряйте слова окремо від альфа-версії.

Створюйте варіанти від одного затвердженого майстра

Схваліть один нейтральний майстер перед створенням кутів, кольорів або обрізання. Зберігайте короткий договір активів, у якому фіксується ідентичність суб’єкта, кадрування, прозорість, напрямок освітлення та деталі, які не повинні змінюватися. Потім змінюйте одну змінну за раз.

Використовуйте схвалену коралову лампу як ідентифікатор.
Змініть лише кут огляду на прямий вид спереду.
Зберігайте колір кераміки, латунну фурнітуру, кабель, пропорції, напрямок світла,
прозорий альфа-фон, обрізання всього об’єкта та відсутність тексту без змін.

Це повільніше, ніж запитувати дванадцять варіантів в одному запиті, але результати легше порівнювати та виправляти. Це також дає дизайнеру надійний запасний варіант, коли один варіант дрейфує.

Підготуйте передачу виробництва

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

Для веб-доставки перевірте кінцеву URL-адресу, тип MIME, розміри та розмір файлу. Переконайтеся, що актив залишається прозорим після будь-якої трансформації CDN. Для магазинів додатків і торгових майданчиків перевірте їхні вимоги до файлів, оскільки деякі канали згладжують альфа-версію або додають фон за умовчанням під час завантаження.

Передача має включати принаймні один пробний відбиток на темному фоні та один на світлому фоні. Це оглядові зображення, а не заміна прозорого шаблону.

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

Власна прозора генерація та видалення фону вирішують різні початкові умови. Рідна альфа-версія є кращим першим вибором, коли ви створюєте новий багаторазовий об’єкт. Модель може скомпонувати об’єкт з урахуванням ізоляції, залишити простір навколо крихких частин і уникнути створення сцени, яку згодом доведеться вирізати.

Видалення фону починається з наявного непрозорого зображення. Це корисно, коли клієнт уже схвалив точну позу, коли джерелом є фотографія, яку неможливо відновити, або коли рідний прозорий результат постійно змінює об’єкт. Ремувер оцінює маску з готових пікселів. Це дає менше інформації про напівпрозорі межі та приховані кольори фону.

Використовуйте це правило прийняття рішень:

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

Сплануйте набір ресурсів електронної комерції

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

Почніть з нейтрального майстра: повний об’єкт, просте світло, без підлоги, без великої тіні та достатньо вільного простору для альтернативних культур. Запишіть характеристики, що не підлягають обігу. Для настільної лампи це може бути коралова глазур, три латунні з’єднання, чорний плетений кабель, кругла основа та брудно-білий внутрішній плафон.

Потім створіть одну керовану гілку за раз:

ДЖЕРЕЛО ІДЕНТИФІКАЦІЇ: схвалена коралова настільна лампа.
ПРИЗНАЧЕННЯ: квадратна плитка каталогу електронної комерції.
ЗМІНИТИ: поверніть лампу на 20 градусів за годинниковою стрілкою і трохи підніміть плафон.
ЗБЕРЕГТИ: коралова глазур, латунні з’єднання, кабель, основа, пропорції, матеріали та альфа.
КРОП: повний продукт із 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="Коралова настільна лампа, ізольована на прозорому фоні"
    loading="лінивий"
  />
</picture>

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

Якщо темна тема показує бахрому, яку приховує світла тема, виправте цей ресурс. Уникайте покриття проблеми однаковим кольором світіння або фону контейнера, оскільки наступне розміщення знову виявить її.

Зберігайте альфа-версію шляхом зміни розміру та оптимізації

Інструменти оптимізації можуть згладити прозорість, якщо їх вихідний формат або налаштування неправильні. Розглядайте кожне перетворення як новий актив, який потребує перевірки каналу. Зміна розміру за допомогою ImageMagick зберігає альфа-версію, якщо її підтримують формати введення та виведення:

магічна лампа-корал-фронт-мастер.png \
  -змінити розмір '900x900>' \
  -смуга \
  lamp-coral-front-900.png

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

cwebp -q 88 -alpha_q 100 lamp-coral-front-master.png \
  -o lamp-coral-front-web.webp

Ніколи не перетворюйте робочий шаблон на JPEG. Після того, як альфа-версія зрівняна з матовою, конвертація JPEG назад у PNG не відновить відсутню прозорість.

Доступність і чесна презентація

Альтернативний текст має описувати видимий предмет і причину розміщення зображення на сторінці. Сам по собі «прозорий PNG» нічого не говорить користувачеві програми зчитування з екрана. Для інструктивного порівняння поясніть, що той самий продукт тестується на світлому та темному тлі. Для декоративного вирізу виробу поруч із копією, яка вже називає предмет, достатньо коротшого опису теми.

Не натякайте, що концепція продукту, згенерована штучним інтелектом, є фотографією товару для продажу. Зображення концепції етикетки, де ця відмінність впливає на рішення щодо покупки чи дизайну. Якщо на об’єкті зображено справжній продукт, перед публікацією порівняйте етикетки, порти, кнопки, пропорції та включені частини із затвердженим посиланням.

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

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

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

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

Прозорий вивід – це налаштування виробництва, а не заміна перегляду. Згенеруйте один чистий шаблон, випробуйте його краї, а потім створіть набір кампанії.

Поверніться до Домашня сторінка Image3, продовжте в Робоча область Image3 або відкрийте Генератор прозорих PNG зображень GPT Image 2 із уже вибраним виходом Studio та альфа.