← Кузница ВАЙМАН
Кузница ВАЙМАН · Теория · Урок 26
Теория · Урок 26

Форматы файлов

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

⏱ 8–10 минут 📋 таблица форматов, 0ⓥ 🖼 кнопка одна, в генератор
01

Главная мысль

Формат — это способ упаковки: что файл хранит, как сжимает и умеет ли прозрачность. JPG сжимает с потерями и весит мало, PNG хранит без потерь и держит прозрачность, WebP делает и то и другое компактнее, mp4 — это видео, mp3 — звук. Вес файла говорит о способе упаковки, а не о качестве. Наши движки отдают кадр в JPG или PNG по чипу, прозрачный фон — только там, где он есть в настройках.

02

Объяснение

Один кадр — два веса

На странице движка рядом с «Разрешением» и «Количеством» стоит чип «Формат файла: JPG / PNG». Кадр один и тот же, а файлы получатся разные: JPG — маленький, PNG — заметно тяжелее. Пикселей поровну. Разница в том, как их упаковали. JPG (он же JPEG) сжимает с потерями (lossy): выбрасывает то, чего глаз почти не видит, — плавные переходы, мелкий шум. PNG сжимает без потерь (lossless): каждый пиксель хранится точно, и потому файл больше.

ФорматЧто хранитСжатиеПрозрачностьКуда подходит
JPG картинку: фото, портрет, кадр с потерями — файл маленький, на фото потери почти не видны нет — прозрачное станет сплошным фото, портреты, кадры для соцсетей, всё, где важен малый вес
PNG картинку: иконки, надписи, схемы, скриншоты без потерь — файл больше, каждый пиксель точный да прозрачный фон, логотипы, текст на картинке, правки и вырезка, печать без артефактов
WebP картинку и с потерями, и без — компактнее JPG и PNG да сайты и приложения; сам vaiman.site хранит свои иконки в WebP
mp4 видео: кадры и звук вместе с потерями; кадры и звук упакованы в один файл нет ролики: мессенджеры, соцсети, сайт
mp3 звук с потерями — треки, озвучка, подкасты

Прозрачность — вторая разница, и она важнее веса. JPG не умеет хранить «пусто»: прозрачная область в нём станет белой или чёрной. PNG и WebP умеют: у каждого пикселя есть четвёртое число — насколько он прозрачен. Поэтому логотип на прозрачном фоне — только PNG или WebP, а фото — почти всегда JPG: прозрачность ему не нужна, а вес важен.

Закон 1. Формат — способ упаковки: JPG сжимает с потерями и без прозрачности, PNG — без потерь и с прозрачностью, WebP — компактнее обоих и с прозрачностью.
Зачем это тому, кто уже жмёт кнопку ▶
Зоны загрузки на сайте принимают JPG, PNG и WebP — так и подписаны, например, у Трансформации и «Текста на фото». Что бы ты ни принёс, до модели дойдут пиксели, а не расширение: формат входа на результат не влияет. Формат выхода задаётся чипом и решает только упаковку готового кадра — с одним нюансом: PNG нужен, если дальше кадр пойдёт в правку с маской или в слои, где важна точность каждого пикселя и прозрачность.

Вес — не качество

Возьми кадр 1K и сохрани его в PNG — он потяжелеет в несколько раз. Стал ли он лучше? Нет: пикселей столько же, деталей столько же. Теперь возьми маленькую мутную картинку и растяни до размера плаката — файл вырастет, а мыло останется мылом. Вес растёт от числа пикселей и от способа сжатия. Качество живёт в другом месте: в том, сколько деталей было в кадре до упаковки.

Пикселиразрешение кадра — 1K, 2K, 4K (урок 25)
›
УпаковкаJPG выбросит часть, PNG сохранит всё
›
Вес файлапиксели × способ сжатия. О качестве не говорит
Качестводетали, которые были в кадре до упаковки. Вес их не добавляет, растяжение — тоже

На сайте это видно по чипам качества: 1K, 2K, 4K — это число пикселей, и за него платишь пачкой: 1K — четыре кадра за 1ⓥ, 2K — два за 1ⓥ, 4K — два за 2ⓥ. А JPG / PNG — чип бесплатный: он не добавляет пикселей и не убирает, он только решает, как их положить в файл. Сохранить кадр 1K в PNG — не «сделать его 2K». Сохранить 4K в JPG — не «испортить»: для фото потери JPG глазом почти не видны.

Закон 2. Вес — пиксели × упаковка. Качество — детали до упаковки. Тяжёлый файл не значит хороший, лёгкий — не значит плохой.
Зачем это тому, кто уже жмёт кнопку ▶
Где потери JPG видны: резкие границы, мелкий текст, однотонные плашки — вокруг них появляются «ореолы». Там бери PNG. Где не видны: кожа, ткань, природа, мягкий свет — там JPG экономит вес без следа. Правило оператора: фото — JPG, графика и надписи — PNG. И ещё: каждое пересохранение JPG в JPG теряет ещё немного — правки делай в PNG, а в JPG отдавай один раз, в конце.

Что отдают наши движки

Пройди по страницам фото на сайте. Чип «Формат файла: JPG / PNG» есть на двенадцати из них — SeeDream PRO, Nano Banana 2, BaNaNa PRO, BaNaNa HD, GPT Image 2, GPT Image 2.5, WAN Photo, Qwen Image, Qwen3 Pro, FLUX 2 PRO, Grok Image, OpenAI Image PRO. По умолчанию чаще стоит JPG. У OpenAI Image PRO чипов три — JPEG, PNG, WEBP — и рядом отдельный чип «Фон» с вариантом «Прозрачный» и подсказкой: «прозрачный — только PNG/WEBP». Это единственная страница, где прозрачный фон — настройка движка, а не пожелание в тексте.

JPG / PNG по чипу12 страниц фото; формат выбираешь до запуска
›
OpenAI Image PROJPEG / PNG / WEBP + чип «Фон: Прозрачный» + PNG-маска для точечной правки
›
Без выбора форматаFLUX 2 Klein, WAN PRO, Grok Imagine 2 — отдают как есть
Слои SeeDream PROэкспорт PNG — слои живут только с прозрачностью
Музыкатрек скачивается как mp3
Видеоролик скачивается как mp4

Два следствия. Первое: слова «прозрачный фон» в промпте не делают фон прозрачным — модель нарисует белую или серую плашку, а JPG её ещё и «запечёт». Прозрачность — это чип «Фон» на OpenAI Image PRO плюс PNG или WEBP на выходе; на остальных страницах прозрачного фона нет. Второе: PNG-маска там же — это файл с прозрачной областью: прозрачное перерисуется, остальное останется. Тут прозрачность — не украшение, а инструкция.

Закон 3. Наши движки отдают JPG или PNG по чипу; прозрачный фон и PNG-маска — только у OpenAI Image PRO. Слова «прозрачный фон» в промпте формат не меняют.

Значок на прозрачном фоне

Заготовка — простой значок для аватарки или шапки. Впиши свой предмет или оставь как есть. На странице выбери формат PNG, а в чипе «Фон» — Прозрачный: без этого прозрачности не будет, JPEG её не хранит.

Промпт появится здесь, когда заполнишь поля.
Открыть OpenAI Image PRO с этим промптом →

Запуск спишет 1ⓥ ≈ 30 ₽, кадров за запуск приходит два. Скачай и открой на тёмном фоне: если вокруг значка белая плашка — формат остался JPEG или чип «Фон» не переключён. Если прозрачность не нужна — та же заготовка на SeeDream PRO: там чип JPG / PNG без прозрачного фона.

Зачем это тому, кто уже жмёт кнопку ▶
Маршрут «значок → сайт»: генерируй в PNG с прозрачным фоном, правь и вырезай в PNG, а на страницу клади WebP — он держит прозрачность и весит меньше PNG. Для карточки на маркетплейсе наоборот: сплошной фон и JPG — прозрачность там не нужна, а к весу и размеру у площадки свои требования. Проверяй их до генерации, а не после.

Куда какой формат нести

Аватарка в мессенджере, карточка на маркетплейсе, макет в типографию, сторис — четыре места, и у каждого своё «правильно». Не потому что кто-то вредничает: у каждого места свой экран, свой способ показа и свои ограничения по весу. Аватарке нужен маленький файл и, как правило, квадрат (урок 25); карточке — сплошной фон и точный размер; типографии — максимум пикселей и никакого сжатия с потерями; сторис — вертикаль и вес, который быстро грузится.

АватаркаJPG или PNG, квадрат, малый вес; прозрачность обычно не нужна
МаркетплейсJPG, сплошной фон, размер по требованиям площадки; PNG — если она просит
Печать4K и больше пикселей, PNG или JPG максимального качества, без пересохранений
Сторис и роликивертикаль 9:16; JPG для кадра, mp4 для видео

Общее правило простое. Показывать на экране — JPG (фото) или WebP (сайт). Резать, накладывать, хранить с прозрачностью — PNG. Печатать — максимум пикселей и без потерь до самого конца, JPG в лучшем случае один раз, на выходе. Видео — mp4, звук — mp3. И у любой площадки есть страница с требованиями: она главнее этого урока, потому что урок про форматы, а площадка — про свои правила.

Закон 4. Экран — JPG / WebP, прозрачность и правки — PNG, печать — максимум пикселей без потерь, видео — mp4, звук — mp3. Требования площадки главнее.
Зачем это тому, кто уже жмёт кнопку ▶
Пиксели и формат — два разных рычага, и путать их дорого. Для печати сначала выбирай 4K (два кадра за 2ⓥ), потом формат: 4K в JPG всё равно лучше 1K в PNG. Для экрана 1K в JPG чаще всего достаточно, и это четыре кадра за 1ⓥ — самая дешёвая пачка. Формат бесплатный, пиксели — нет; трать ⓥ на пиксели там, где они будут видны.

Что сайт делает с твоими файлами

Посмотри на зоны загрузки: у Трансформации и Grok Design написано «JPG, PNG, WebP», у «Текста на фото» — «JPG, PNG, WebP · до 25 МБ», у Grok Imagine 2 — «jpg / png / webp до 10 МБ», у Апскейла — «любой размер (оптимизируем сами)». То есть на вход сайт берёт три формата картинок, и формат входа тебя не должен волновать: до модели доходят пиксели. Что действительно важно на входе — сколько в файле деталей: мутный JPG референса даст мутную опору, как бы ни назывался файл.

Ты загрузилJPG, PNG или WebP
›
Сайтпринял, подготовил, отдал модели пиксели
›
Модельвидит детали, не расширение
›
ВыходJPG или PNG — по чипу, выбранному до запуска

На выходе — наоборот, формат выбираешь ты, чипом, до запуска. Правило на каждый день: фото и портреты — JPG; всё, что пойдёт в правку, вырезку, на прозрачный фон или с текстом, — PNG. Переключить формат после генерации нельзя — можно только пересохранить файл на компьютере, а это уже про потери из блока «Вес — не качество».

Закон 5. На вход — JPG, PNG, WebP, и формат входа модели безразличен. На выход — формат выбираешь чипом до запуска; после — только пересохранение.
Зачем это тому, кто уже жмёт кнопку ▶
Если референс — скриншот или схема, неси PNG: JPG «размывает» границы и мелкий текст, и модель получит опору хуже, чем ты видишь на экране. Если референс — фото, JPG достаточно. И не увеличивай маленький референс перед загрузкой: пикселей от этого не прибавится, а размытие модель примет за стиль.
03

Аналогия

Аналогия · торт и упаковка

Представь, что кадр — это торт, а формат — упаковка, в которой ты его несёшь. JPG — плотный пакет: торт ужат, углы чуть примялись, зато лёгкий и влезает в любую сумку. Для торта — нормально: примятые углы никто не заметит. PNG — жёсткая коробка: торт в точности как был, но коробка тяжёлая. WebP — коробка нового образца: держит форму, а весит как пакет. Прозрачность — это стекло в крышке: у коробки оно есть, у пакета нет, и через пакет фон всегда будет «пакетным».

Вес упаковки ничего не говорит о торте. Тяжёлая коробка с плохим тортом — плохой торт. Лёгкий пакет с хорошим — хороший. Качество определилось на кухне — это пиксели и детали до упаковки. А упаковку выбирают под дорогу: нести на экран — пакет, нести на правку и на витрину с прозрачной крышкой — коробку, в типографию — коробку и ни разу не перекладывать. Перекладывать из пакета в пакет — каждый раз чуть мять углы.

04

Что это значит на практике

  1. Формат — до запуска: чип JPG / PNG стоит рядом с разрешением. Фото — JPG; правка, прозрачность, текст — PNG.
  2. Прозрачный фон — только OpenAI Image PRO: чип «Фон: Прозрачный» плюс PNG или WEBP. Слова в промпте фон прозрачным не сделают.
  3. Не путай вес с качеством: пиксели покупаются чипом качества (1K / 2K / 4K, пачками), формат — бесплатный. Для печати сначала 4K, потом PNG.
  4. Перед загрузкой на площадку открой её требования: размер, формат, вес. Урок — про форматы, площадка — про свои правила.
05

Заблуждение, которое мешает

Заблуждение, которое убивает этот урок: «Чем больше весит файл, тем лучше качество. А если написать в промпте «прозрачный фон» — фон будет прозрачным».

Оно вредит сразу в трёх местах.

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

Второе: ты пишешь «прозрачный фон» в SeeDream PRO, получаешь белую плашку в JPG и думаешь, что модель «не поняла». Модель тут ни при чём: прозрачность — это чип и формат, а не слово.

Третье: ты увеличиваешь маленький кадр в редакторе и считаешь, что он стал 4K. Вес вырос, деталей не прибавилось — и на печати это видно сразу.

Вес — про упаковку, качество — про пиксели, прозрачность — про формат и чип. Три разных рычага; урок — чтобы не путать.

06

Проверка

Выбери вариант — разбор появится сразу, и на верный, и на неверный.

1. Один кадр скачан как JPG и как PNG. PNG весит в четыре раза больше. Что это значит?
2. Нужен логотип на прозрачном фоне для шапки сайта. Как его получить?
3. Кадр пойдёт в печать на плакат. Что важнее — формат или чип качества?

Понял?

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

Могу объяснить, чем JPG отличается от PNG: с потерями против без потерь, и кто из них хранит прозрачность
Понимаю, что вес файла — про упаковку и пиксели, а качество — про детали до упаковки; тяжёлый не значит хороший
Знаю, что наши движки отдают JPG или PNG по чипу, а прозрачный фон и PNG-маска есть только у OpenAI Image PRO
Умею выбрать формат под место: экран — JPG / WebP, правки и прозрачность — PNG, печать — 4K без потерь, видео — mp4, звук — mp3

07

Итог

  1. Формат — упаковка: JPG с потерями и без прозрачности, PNG без потерь и с прозрачностью, WebP компактнее обоих; mp4 — видео, mp3 — звук.
  2. Вес = пиксели × сжатие; качество — детали до упаковки. Пиксели покупаются чипом качества, формат — бесплатный чип.
  3. Наши движки отдают JPG / PNG по чипу; прозрачный фон — чип «Фон» на OpenAI Image PRO плюс PNG / WEBP. Экран — JPG / WebP, правки — PNG, печать — 4K без потерь; площадка главнее.
Следующий урок: Карта рычагов платформы → Все уроки теории →