Перед началом работы важно обратить внимание на три ключевых условия:

1. Размещение иллюстраций возможно только в специальных витринах.

Доступ к витринам открывается с 10 уровня профиля.

2. Все действия по загрузке выполняются исключительно через браузер.

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

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

3. Файл(ы) для размещения до 5 мб. в формате GIF (для анимированных) или JPG и PNG (для не анимированных).

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

Для нормального отображения вашего изображения, нужно соблюдать размеры:

Размер первого окна иллюстрации - 506 x 824 px
Размер второго окна иллюстрации - 100 x 824 px

Для правильной нарезки вашего фона на илюстрацию, рекомендую использовать сайт: steam.design (Можно нарезать любой фон из Steam)

Если вы просто хотите нарезать картинку или видео, используйте steamartworkhub.com/artworkcutter (Нарезает любые файлы форматов jpg/gif/png)

Итак, после подготовки мы наконец-то приступаем к самому интересному:

1. Открываем в браузере свой аккаунт Steam и выбираем вкладку "иллюстрации" в профиле и жмём загрузить иллюстрацию.



2. Выбираем вариант "Не из игры"

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

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

После заполнения названия просто нажмите на кнопку "Выберите файл" и загрузите подготовленное изображение. Такой подход обеспечивает чистый визуал без лишних текстовых элементов.

4. Следующий шаг САМЫЙ ВАЖНЫЙ, без которого всё остальное не имеет смысла. Открываем консоль в браузере, нажатием F12 либо ПКМ по странице и "Просмотр кода страницы" вызываем меню кода и переходим во вкладку Console (консоль)



Вставляем данный код в консоль:

Жмём Enter и видим что в консоли появился новый текст. Если всё отлично, то выглядеть будет приблизительно так:



5. Последним шагом выставляем видимость (советую ставить "для всех", особенно если ваш профиль не закрытый) и ставим галочку "Я подтверждаю, что являюсь автором этой иллюстрации". Добавлять описание не обязательно.

Для того чтобы вставить нашу иллюстрацию в витрину:

1. Переходим в раздел редактирования профиля и выбираем вкладку - Витрины.

2. В витринах выбираем из выпадающего списка - Витрина иллюстраций.

3. Нажимаем на синий карандаш и выбираем наши иллюстрации.

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

4. Добавляем сначала большую картинку, потом тонкую полоску.

5. Сохраняем и проверяем изменения на странице профиля.

Наша иллюстрация успешно загружена в профиль! Теперь можно с гордостью оценить результат и наслаждаться обновлённым внешним видом вашей странички ✨

Огромная благодарность всем, кто ознакомился с этим руководством! Надеюсь, мои советы оказались для вас полезными и помогли разобраться в процессе. Приятного пользования обновлённым профилем!


https://test1.login.steam.hlxgame.cc/sharedfiles/filedetails/?id=3497703322
https://test1.login.steam.hlxgame.cc/sharedfiles/filedetails/?id=3504167735
⠀