bannersbox.ru
gradient
quick transition to the banner's automatic technical description page quick transition to banner preview page quick transition to the page for generating a stub from a zip banner Quickly go to the page for converting webp to png images quick transition to the page with presets for Animate Added section for automatic conversion of webp images to png.
social media icon

Autocomplete html banner

Automatic preparation of html5 banners according to the technical requirements of sites

Load the ZIP archive of the banner

Upload file

Drag and drop into the upload area banners in format ZIP(for HTML5 banners created in Adobe Animate or Google Web Designer)

Select technical requirements
from the list

When preparing the banner for automatic stitching, don't forget to enable the parameter for "stretchable" banners by clicking on the icon corresponding to the stretching direction.

Стрелка для указания баннеру тянутся по ширине Стрелка для указания баннеру тянутся по высоте

Automatic filling of zip archives with banners to meet the technical requirements of platforms

The service allows you to automatically prepare zip archives with HTML5 banners created in Adobe Animate and Google Web Designer according to the technical requirements of popular advertising platforms. The system applies settings to banners created with the default settings (“default”), which means they do not have any specific technical requirements incorporated. Below you will find a brief instruction and explanations on how to prepare a banner in Adobe Animate and Google Web Design to automatically apply technical requirements.

The storage period for advertising materials after processing is 15 minutes.
By uploading banners to the page, you agree that they will be stored and processed on the service side.


How to use the service for automatic banner stitching?


Drag and drop up to 25 zip archives into the designated field.

Screenshot of the Drag & Drop field for uploading HTML banners to automatically populate technical requirements.

Select the platform for which you want to adapt your HTML banners to meet the technical requirements.

Screenshot of the platform technical requirements selection.

Before processing the ZIP archives, make sure that all the banners required for automatic population are in the list, and you can also remove any unnecessary ones if needed.

Screenshot of the uploaded positions of ZIP archives containing HTML banners

If necessary, set the flags indicating whether your banner is a stretch banner in width or height by clicking on the respective icons

Screenshot of the toggle buttons for enabling and disabling the stretching parameters of the ZIP banner.

Launch automatic firmware update for HTML banners.

Screenshot of the start button for processing uploaded zip archives.

Download the prepared archives to your computer

Screenshot of the button for downloading processed and compliant zip archives

Make sure to double-check the result on the main page of bannersbox.ru. Ensure that the automatic firmware of the HTML banner has worked correctly

Screenshot of the Drag & Drop field for uploading HTML banners for automatic validation of banners against technical requirements



How to prepare a banner with default settings in Adobe Animate

Create an HTML file in Adobe Animate with the desired dimensions for you

Screenshot of Adobe Animate software. Banner creation tab

In the "Properties" tab, click the "Publish Settings" button

Screenshot of Adobe Animate software. Instructions for working with the Properties tab

In the opened window, in the "Basic" tab, apply the following settings: disable "Export document as texture", click on the "folder" icons (to make them appear disabled), make sure the "Combine images in spritesheet" option is enabled

Screenshot of Adobe Animate software. Publish Settings window, Basic tab configuration

In the "HTML/JS" tab, use the following settings: click the "Use Default" button and make sure that after the phrase "Template for publishing HTML:" it says "Default Template"

Screenshot of Adobe Animate software. Publish Settings window, configuration of the HTML/JS tab

Confirm the settings of your HTML banner. In the future, all copies of your banner with these settings will be ready for automatic compliance with the technical requirements of platforms

Screenshot of Adobe Animate software. Confirmation of selected settings



How to prepare a banner with 'default' settings in Google Web Designer

Click on the 'Create File' button

Screenshot of Google Web Designer software. Banner creation tab

In the opened window, specify the filename and its location. For stable operation of the autofill feature, select the 'Custom' option in the 'Dimensions' field, and enter the banner's width and height in the 'Width' and 'Height' fields

Screenshot of Google Web Designer software. Configuring an empty file

Confirm the banner settings and proceed to animation. Now, with these settings, HTML banners will be ready for automatic adaptation on the bannersbox service

Screenshot of Google Web Designer software. Confirming settings



arrow to go to the top of the page

Checking Adobe Animate / GWD / JPG / GIF / PNG on the website https://bannersbox.ru

Checking banners

for technical compliance with sites