Quy chuẩn banner HTML5

Banner HTML5 phải được tuân thủ những yêu cầu sau trước khi lên site:

Các tool được sử dụng là

  • Adobe Animate CC 2015 trở lên
  • Adobe Edge Animate 2015
  • Google Web Designer

Quy định chung:

TẢI FILE .FLA MẪU TẠI ĐÂY

Hạng mục Miêu tả
Hình ảnh Tên file không được có các ký tự đặc biệt như: `!@#$%^&*()+<>?
Hiệu ứng
  • Không chạy các hiệu ứng nặng.
  • Các hiệu ứng sao particle.
  • Các hiệu ứng không được lặp vô hạn.
  • Mỗi thời điểm chỉ dc tối đa 3 animations cùng chạy song song/1banner
  • Thời lượng: không quá 30s
Code

Đối với Animate CC : Sử dụng bộ symbol bao gồm click và replay do Admicro cung cấp.

Đối với Edge Animate và Google Web Designer:

  1. Phải add code click theo hướng dẫn tại đây
  2. Banner phải được dừng ở frame cuối
Dung lượng

tính theo dung lượng file .zip của toàn thư mục banner.

  1. Standard Banner
    • Các kích thước: 
      • PC: 980x90 , 1160x90 , 468x90 , 336x140 , 300x250 , 180x300 , 180x600 , 160x600, 300x600 , 496x90 , 300x385 , 710x90, 660x90 , 620x90 dung lượng cho phép là dưới 150kb; 700x550, 450x600, 600x400, 640x320, 660x300, 375x750, 580x488 dung lượng cho phép là dưới 180kb.
      • Mobile: 640x320 , 320x500 , 300x670 , 375x750, 640x950 dung lượng cho phép là dưới 150kb; 640x640, 640x1280 dung lượng cho phép là dưới 190kb.
    • Các kích thước: 750x600, 300x900, 650x500, 640x680 dung lượng cho phép là dưới 200kb.
    • Các kích thước: 1160x250, 1040x250 dung lượng cho phép là dưới 220kb.
    • Các kích thước: 1920x350, 1920x450, 1920x540, 1920x800 dung lượng cho phép là dưới 400kb.
  2. Rich Media Banner:
    • Kingsize Expand:
      • Panel 1:(980x90 hoặc 1160x90): dung lượng cho phép là dưới 150kb.
      • Panel 2:(980x250 hoặc 1160x250): dung lượng cho phép là dưới 200kb.
      • Stick Expand(1600x1200): dưới 600kb
    • Balloon Ads:
      • Addon (120x250): dưới 120kb.
      • Expand Medium(300x250): dưới 150kb.
      • PTO(1600x1200): dưới 600kb.
  3. Video trong banner
    • Dung lượng dưới 3.5MB (không cần tỉ lệ độ phân giải)
    • Thời gian play video dưới 50s
  4. Video instream 
    • Dung lượng dưới 16MB (không cần tỉ lệ độ phân giải)
    • Thời gian play video dưới 30s
Frame tối đa là 4 frame / 1 banner.
Chuẩn hóa phải chuẩn hóa banner trước khi lên site tại đây.
Thời gian gửi banner Banner gửi trước khi chạy tối thiểu là 1 ngày làm việc

 TẢI FILE .FLA MẪU TẠI ĐÂY

(*)Qui định về việc sử dụng ảnh vector trong banner HTML5 đối với Animate CC

Ảnh vector là 1 yếu tố quan trọng trong animate CC, rất nhiều thiết kế thích sử dụng vì tính nhẹ và tiện lợi của nó. Nhưng ngược lại, ảnh Vector làm mất nhiều tài nguyên CPU để xử lý (nhất là đối với ảnh vector gradient). Vì thế, đối với hệ thống của Admicro, ảnh vector là yếu tố bị hạn chế và kiểm soát

Cách test các ảnh đã chuyển về bitmap
Bật chrome -> F12 -> Network -> f5 banner
http://adi.admicro.vn/adt/banners/nam2015/1629/cocobay/0200716/300x250/CPD_300x250.html

Các request có phần data:image là các ảnh đã chuyển thành bitmap. Nếu xuất hiện các
ảnh trong banner mà trong phần này chưa có, thì là chưa convert
Các vector được phép sử dụng là text 1 màu, còn lại phải chuyển hết

TÌM HIỂU THÊM VỀ CÁC ĐỊNH DẠNG CỦA ADMICRO TẠI ĐÂY

 

FAQ

Login