Як конвертувати банер flash в html5

Привіт, шановні друзі. Банери в форматі HTML5 набирають все більше і більше популярності. У той час як Flesh відходить на другий план.

Також AdWords в даний час підтримує тільки Adobe Flash Player версій 4-10.1. Інші версії не завантажуються.

А тут ще й проблеми відображення flash-контенту на мобільних пристроях.

Звичайно, не всі анімовані банери флеш піддаються конвертації. Складна анімація, конвертації, поки, не піддається.

Тому краще, звичайно, вивчати Google Web Designer і відразу створювати красиві банери у форматі html5.

Але, якщо вам все, ж потрібно переробити банер flash, то я розповім, як це зробити.

Де конвертувати FLASH?

Google спеціально розробив сервіс - Swiffy. який допоможе визначити чи можна ваш банер конвертувати, а якщо так, то й скачати готовий банер html5.

Використовувати цей сервіс можна або безпосередньо в інтернеті, або як розширення для Flash Professional.

Користуватися сервісом досить просто. Все робиться буквально в три дії.

В якості альтернативи є кілька програмних продуктів дозволяють вирішити цю задачу. Але, вони всі платні і навряд чи виправдають вкладення. І навіщо вони, якщо є безкоштовний сервіс swiffy.

Як за допомогою сервісу Swiffy конвертувати flash-банер.

Насамперед переходите на сторінку сервісу і натискаєте на посилання "UPLOADNOW».

Як конвертувати банер flash в html5

Далі, виконуєте три простих кроки.

  1. Вибір файлу flash. Вам потрібно вибрати файл у форматі SWF і розмір його не повинен перевищувати 1 Мб (мегабайт).
  2. Встановіть чек-бокс, який підтверджує згоду з умовами використання сервісу.
  3. Тиснете кнопку «UPLOAD».

Як конвертувати банер flash в html5

Як конвертувати банер flash в html5

А тепер найцікавіше. Потрібно зберегти отриманий результат у вигляді html сторінки.

Для цього натискаєте праву кнопку мишки на кнопці «VIEWCONVERSION» і в контекстному меню вибираєте пункт «Зберегти об'єкт як ..." або "Зберегти як ...", залежить від браузера.

Як конвертувати банер flash в html5

Ось і все, банер сконвертовані з flash в html5 і його можна використовувати на будь-яких сайтах.

Пам'ятка: схема розміщення банера html5 на сайті

- завантажте файл на хостинг;

- вставте код фрейма

Змініть посилання і ім'я файлу, а також ідентифікатор відповідно до розмірів банера.

- В таблицю стилів вставте стилі вирівнювання для блоку ДІВ та налаштування фрейма.

З повагою, Максим Зайцев.

Гаразд вже не треба, знайшов підходящий і зручний тему + там можна управляти мобільною версією сайту! Спасибі Максим за допомогу! Мабуть не моя тема, таке буває, особливо з замовниками - якщо працював на біржах фріланса, то зрозумієш мене 🙂

Хотів запитати тебе, чому ти не використовуєш під статтею посилання зі слайдами? Або боїшся, що блог буде «вантажити»?

Знайти тему дійсно підходить під наші запити дуже важко. Теми в основному універсальні і в них багато зайвого. А останнім часом все ще й на API ключах зроблено. У мене тема теж дуже непроста. Щоб щось виправити або додати, так треба через функції теми писати свої функції.
А матеріали слайдами не оформляються по причини і так довгої завантаження. Не хочу ще більше збільшувати час завантаження.

У тебе швидко блог відкривається, я б не сказав що «гальмує». Взагалі, зараз все таки інтернет у багатьох стає краще, відповідно, показник відмов з причини довго завантаження знижується. Ось, наприклад, у мене на планшетіке і ноутбуці швидко відкриваються сайти, а от чи варто зайти в мобільник і тут же починається сезон очікування.

Добрий день, Максим, дякую за статті.
Питання таке. Доводиться виплутуватися з ситуацією з припиненням роботи сервісу Swiffy, на жаль адекватної заміни поки не знайшов. Ще складність ось у чому - деякі банерні мережі просять в якості банера надсилати єдиний html-файл, де картинки і скрипти були б всередині файлу. Але і Adobe Animate, і Google Web Designer, і програми, в яких можна зробити конвертацію (той же Sothnik Decompiler) виводять кілька файлів. Swiffy був до речі хороший, в тому числі і тим, що він на виході давав один файл. Як в нинішніх умовах отримати єдиний html-файл, де всі картинки і скрипти були б всередині? Чи є яке-небудь готове зручне рішення?

Навігація по постам