Почему Steam хочет от вас гифки, но не хочет их загружать
Вот кто бы мог подумать, что я полтора дня убью на создание гифок для странички игры в магазине Steam. Однако ж — here we are!
Опытным путём выяснили требования для них, ведь сам Steam очень неохотно даёт какие бы то ни было рекомендации. ИТАК!
— Чем она меньше весит, тем лучше.
В идеале эта пятисекундна пипка должна укладываться в 3-4 МБ, но тогда готовьтесь пожертвовать битрейтом, разрешением и количеством фреймов в секунду. Ориентируйтесь на 3-4 гифки на странице по 7-8 МБ каждая.
Steamworks предупреждает: общий вес всех гифок на странице не должен превышать 15 МБ. Это не железное правило, а настойчивая рекомендация. Можно и больше, Steam вам по этому поводу ничего не скажет.
Но тогда готовьтесь к тому, что гифка будет на доли секунды разрываться на стыке между концом и началом видеоряда. Это выглядит шакально, и вы этого не хотите. Будьте умницами и оставайтесь в пределах 10 МБ на один gif.
— Разрешение 600 на 250 — это база
В эпоху 4K, 2K и QHD это может прозвучать тупо, но разрешения лучше пока не подобрали.
Можете вертеть соотношения, как хотите, но не вылезайте за 600-700 пикселей по горизонтали — иначе сами же будете мучиться, жертвуя общим качеством картинки.
Мои первые гифки я рендерил в 720p. Как оказалось, это дохуя и побольше. Дальше были эксперименты с 480p, 360p, 250p, 240p, 200p... Ну вы поняли.
600-700 по горизонтали и 150-250 по вертикали — ваш лучший друг 🤌🤌🤌
Вообще, стоит ориентироваться на «киношное» соотношение 2,39:1. То есть если по высоте у вас 250 пикселей, то по горизонтали лучше сделать 600 и т.д.
Это нужно, чтобы ваши гифки были максимально широкими, но при этом не теряли в качестве — и в таком случае даже на обычном FHD мониторе их влезет в кадр минимум две штуки за раз. То есть это банально возможность показать больше видеоряда посетителю странички Steam, не жертвуя качеством или скоростью загрузки.
— 15 кадров в секунду — это много
Вспоминаем фреймрейт Свича и PS3 и понимаем, что 25 кадров — это нас ещё баловали! Суровые Steam-странички не выдерживают такой ноши и срочно требуют снижать фэпесы.
10-12,5 кадров — тот самый оптимум, при котором красивые переходы между кадрами всё ещё будут красивыми, а плавные наезды камеры — плавными.
ИТОГО
— 6-7 МБ на гифку
— 3-4 гифки на страницу
— 600-700 пикселей по горизонтали
— 150-250 пикселей по вертикали
— 10-12,5 кадров в секунду
— Ну а длительность рассчитайте сами :)
— Но, Руслан! — скажете вы. —Мы только что посмотрели Steam-страничку FragPunk'а, и там каждая гифка весит не меньше 20 МБ, а их разрешение выходит за тысячу пикселей по горизонтали.
И, сказав так, вы будете абсолютно правы.
Но дело в том, что ЦА «Фрэгпанка» — не бедные латиносы с нищими интернет-скоростями, а состоятельные жители США, Европы и Поднебесной. И они могут позволить себе загружать тяжёлые лэндинги или пухлые стримы в QHD.
Уменьшив общий вес всех медиа-файлов на вашем Steam Store Page, вы увеличите вероятность того, что случайно зашедший к вам человек увидит вообще всю вашу красоту — и, может, даже захочет добавить проект в вишлист!
Такие дела.
Пы.Сы. В комментах оставил отличные примеры со страниц Arc Raiders, Don't Starve Together и Static Dread