Showcase MakerИнструменты
⏱00:00:00
Бесплатно

Витрина иллюстраций Steam с боковой колонкой

В витрине иллюстраций большая картинка и узкая колонка рядом. Вырежьте обе из одной картинки или GIF — и в профиле они сложатся в одну широкую иллюстрацию.

  • Бесплатно
  • 506 + 100 px
  • Синхронные GIF
  • До 5 МБ каждая
← На главную
Обработка
Workshop / Featured / Split cuts, watermark and Steam ZIP

1Добавь картинку или видео

Выбрать файлor drag it herePNG · JPG · GIF · WebP · ICO · TIFF · AVIF · MP4 · WebM
✓

Проверка исходниковДобавь файлы — проверим формат, вес, длительность и разрешение до запуска.

2Выбери витрину в Steam

Match the type selected in your Steam profile. The preview shows the cut.

Как понять, какая у меня?

В Steam открой профиль → «Редактировать профиль» → «Витрина» и посмотри на название витрины:

  • Витрина мастерской Мастерская
  • Featured Artwork Showcase Featured
  • Artwork Showcase Artwork Split

No showcase yet? Pick one there first; Steam unlocks showcases from profile level 10.

3Оформление

Необязательно. Всё, что меняешь здесь, сразу видно на предпросмотре.

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

Free plan: the ShowcaseMaker mark is added automatically. With Pro you can use your own text or turn it off.

Шрифт, размер и прозрачность
ЦветокоррекцияЯркость, контраст, насыщенность и оттенок исходника.
Качество и форматДля опытных. Настройки по умолчанию уже подходят для Steam.
Smart compression to 5 MBAlways on for final Steam GIFs. The processor keeps the highest quality that fits the limit.
AUTO · ≤ 5 MB

Предпросмотр витрины

Схема выбранной витрины отображается прямо на кадре. Для видео и GIF используется первый кадр; водяной знак можно перетаскивать.

Здесь будет твоя витринаAdd a file on the left to see how it will be cut.

4Подготовь файлы для Steam

    Обработка… 0%
    1
    Background файл не выбран A picture, GIF or video the character stands on
    2
    Персонаж файл не выбран A cut-out PNG, or a picture / video on a plain backdrop
    Drag the character to move it · drag a corner to resize · mouse wheel to zoom
    Add a background and a character The preview appears here at once and shows the final placement.

    Character backdrop

    What is behind the character in its file? We remove it, the background stays.

    Size and place
    Cut-out edges A green edge or a halo: raise the strength. Holes in the character: lower it.
    Size of the file
    Frames per second
    Кодер GIF
    Склеиваем…0%

    Still files give a PNG, a GIF or video in either file gives a GIF. Then cut it for Steam in Process.

    Paste a link to a video, GIF or picture

    What to save

    Скачивание…0%

    Download only what you are allowed to use. For a Steam showcase 3–8 seconds of video are enough: shorter files are smaller and sharper.

    Конвертировать в

    Ширина

    Конвертация…0%

    A copy is made, the original is not changed. A GIF is fitted under Steam's 5 MB; a video becomes silent.

    What is in the file?

    How much bigger

    It runs on a GPU and takes 1–3 minutes, longer for video. You can close the tab: the result waits in Jobs and in My results.

    How should it loop?

    Join smoothing
    Format
    Frame rate

    The original is not changed. Free once a week with an account, without limits with Pro.

    What is HEX 21?

    1

    Steam checks the last byte of an uploaded artwork. For showcase files it has to be 0x21.

    2

    This tool changes only that byte. The picture, its size and its quality stay the same.

    3

    Files made in Process and in Rows and squares already have it. Use this for files made elsewhere.

    Предпросмотр профиля

    Выбери режим страницы → файл на каждую витрину → открой в новой вкладке (GIF и MP4).

    —

    Витрины

    Сборка… 0%

    Загрузка в Steam

    Semi-auto: results folder → Steam page → console code → upload.

    Совет: войди в Steam в браузере заранее. Код вставляется один раз на страницу, затем выбираешь файлы.

    1. Папка с результатами

    After Process, unpack the ZIP downloaded automatically — those are your files.

    2. Страница загрузки Steam

    3. Код для консоли (F12)

    
        
    
          
        
    
        
    
      
    

      
    
        
    4. Какие файлы грузить
    
        
    
          Files: part_1 … part_5 (in order). ZIP is fine to unpack first.
        
    
      
    

      
    
        
    Пошаговая инструкция
    
        
      
          
    1. Run Process and unpack the automatically downloaded ZIP
      2. 
          
    2. Нажми «Открыть страницу Steam»
      3. 
          
    3. Нажми «Копировать код»
      4. 
          
    4. На странице Steam: F12 → Console → Ctrl+V → Enter
      5. 
          
    5. Загрузи файлы в нужном порядке (см. список ниже)
      6. 
        
    
      
    
      
    
      
    
        
    
          Checking extension…
        
    
        STEAMSHOWCASE HELPER
        
    Загрузка без настройки консоли
    
        
    Выбери тип витрины. Для автозагрузки открой выбор файлов или воспользуйся ручной передачей в Steam.
    
        
      
          
    1. Выбери один из трёх типов витрины ниже.
      2. 
          
    2. Автоматически: выбери файлы в расширении и запусти очередь.
      3. 
          
    3. Вручную: открой Steam и выбери файлы сам.
      4. 
        
    
        Что загружаем?
        
    
          
          
          
        
    
        
    
          
          
        
    
        Установить расширение
        
    
        
    Для автозагрузки выбирай файлы в расширении. При ручной загрузке — на странице Steam.
    
      
    
      
    
    
    
  
    

  
    
    
    
      

      
    
        

        
    
          
    
            READY?
            
    Отчёт допуска Steam
    
            
    Здесь появятся формат, размеры, вес, анимация, HEX и комплектность файлов.
    
            
          
    
          
        
    
      
    
    
    
  
    

  
    
    
    
      
    
        ИИ / ОЦЕНКА ПРОФИЛЯ
    Оценка профиля
    
        
    Paste any public Steam profile. The doctor reviews its structure and visual consistency and suggests what to keep, change or add.
    
        
        
        
    Free: один анализ в неделю · Pro: расширенный доступ. Оценка является мнением ИИ.
    
        
    
      
    
      
    Your profile rating will appear here
    Paste a link to a public Steam profile on the left and press “Rate profile”.
    
    
    
  
    

  
    
    
    
      
    
        ИИ / ПОДБОР ОФОРМЛЕНИЯ
    Подбор оформления
    
        
    Получи три направления для статичных витрин, подходящих к существующему публичному профилю Steam.
    
        
        
        
        
    Free: один подбор в неделю · Pro: расширенный доступ. Статичные референсы, а не сгенерированный профиль. Результат является оценкой ИИ.
    
        
    
      
    
      
    Three design ideas will appear here
    Paste a profile link on the left, pick a style and press “Create 3 directions”.
    
    
    
  
    

  
    
    
    
      
    
        EXPERIMENT / PROFILE SIGNAL
        Experimental
      
    

      
    
        
    
          
    01Public Steam profile
    
          
    Paste a public Steam profile link. DNA will read its current public data and showcases; nothing is posted to Steam.
    
          
          
          
          
    Free, local to Showcase Maker, no AI API.
    
          
    

          
    02Six profile signals
    
          
    
        
    

        
    
          
    
            
            
            
    S
    
            
    No signal decoded yetPaste a public Steam profile link, then start the analysis.
    
          
    
          
          
          
          
          
    
            
            
          
    
          
    This is a creative fingerprint of currently public profile data, not a rating.
    
        
    
      
    
    
    
  
    

  
    
    
    
    
      
      
      

      
    
        
        
    
          
    
            
            
            
          
    
           В ЭФИРЕ
        
    
        
    
          
          
    
            Edge check
            
            
            
            
          
    
        
    
        
    Начни с фона
    Use your own image or video, or choose a Steam background. Then add a character, text and effects.
    
        
    Select a layer, then drag it directly on the showcase. Guides show the exact Steam cut.
    
        
    Arrow keys: move · Shift: 10 px · Ctrl/Cmd+D: duplicate
    
        
    На следующем шаге проверь нарезку и получи файлы для загрузки в Steam.
    
        
    
          
          
          
        
    
        
    
      
    

      
    
    
  
    

  
    
    
    
      
    SHOWCASE / LIBRARY
    Мои проекты
    Continue editing saved showcases. Free projects are deleted after 7 days; Pro projects remain until you delete them.
    
      
    
      
    
    
    
  
    


    
    
    
      
    DeviantArt
    
      
    
        Connect your DeviantArt account to publish directly to your Sta.sh.
      
    
      
    
        DA: не подключено
        
        
      
    
      
      
    
    
    
  
    

  
      
  

  
    
    
    
      
    
        
    
          О сервисе
          
    Витрины Steam прямо в браузере
    
          
    
          
    
            
            Расширение для загрузки
          
    
        
    
        
      
          
      • 
          
      • 
          
      • 
          
      • 
        
    
      
    

      
    
        
    
          
    Твой доступ
    
          
    
          
          
    
            
            
          
    
          
    
          
    
          
      
          
      
            
            
          
      
        
      
        
      
          
      Бесплатно и Pro
      
          
      
            
      ВозможностьБесплатноPro
      
            
          
      
            
      
        
      
      
      

      
      
        
      Все инструменты
      
        
      
      
      

      
      
        
      
          
      Как сделать витрину
      
          
        
          
        
          
        
            
            
          
        
        
        
        
        
          
        Частые вопросы
        
          
        
        
        
      
        

      
        
        
        
      
        
    
        
  
        

  
        Как это работает
        1. Добавьте файл
          Картинку, GIF или видео. Тип из двух частей уже выбран.
        2. Проверьте обе части
          Превью показывает большую часть и колонку с промежутком как в Steam. Рамку можно поставить вокруг каждой части или одну на обе.
        3. Скачайте и выберите
          Получите center_506 и side_100. В Steam сначала выберите center_506, затем side_100.
        Что вы получите
        • Части сходятся
          Оба файла вырезаны из одной картинки, поэтому края совпадают в профиле.
        • Одна рамка на обе части
          Рамка с орнаментом рисуется вокруг всей пары 606 px и потом разрезается.
        • Анимация или статика
          GIF и видео становятся двумя GIF, закодированными вместе, — они идут синхронно.
        Вопросы и ответы
        Колонка оказалась не с той стороны
        Steam показывает крупно первую выбранную иллюстрацию. Выберите сначала center_506, потом side_100.
        Обе гифки играют вместе?
        Да, они кодируются одной группой из одинаковых кадров.
        Это бесплатно?
        Да, до 5 файлов в день без аккаунта.
        Другие инструменты
        Избранная иллюстрацияОдна большая картинка или GIF шириной 630 px.БесплатноВитрина мастерскойОдна картинка на пять частей витрины мастерской.БесплатноКонструктор профиля SteamРедактор слоёв: фон, персонаж, текст и эффекты.БесплатноПримерка профиля SteamМакет профиля как в Steam для примерки.Бесплатно
        Все инструменты →
        Пошаговые инструкции
        Витрина иллюстраций Steam 506 + 100 px: как разрезать картинкуРазмер иллюстрации Steam: 630 px, 506 + 100 px и 5 МБ — все витрины
        ↑ К инструменту
        

  
        
    
    
        …