In Adobe Animation (ex-Edge, ex-Flash), a png image is blurry when published to HTML5. How to fix?

Question

Adobe

Making an HTML5 banner in the new Adobe Animate CC. I threw a png image on the stage. It is blurry by default on the stage. I go into the properties, remove the checkbox so that it does not blur and everything becomes ok. But when published in HTML5, it still remains blurry. In the attached image, on the left, how png is displayed on the stage, and in what form it is stored in the image folder of the published banner, and on the right, how it is displayed when viewing the banner in any browser. How to fix it?

Answer 1

When publishing, in HTML5 everything should be done in vector to the maximum. Animate, if you make a sprite, everything is published as 8-bit PNG, and if there are a lot of graphics with pictures on a transparent background, it will look like a GIF banner. In Animate, there are two places that affect the compression of bitmap graphics, it's in the library in the properties of the picture, and in the publishing options...

Answer 2

Technical stages:
0. Registration of technical specifications and approval by the contractor and the customer.
1. Creation and approval by the customer of the site layout.
2. Design drawing and approval by the customer.
* Photoshop
3. Layout of html pages.
* HTML
* CSS
* JS
4. Design and implementation of the system core.
* Server-side UI: php, js (nodejs/iojs), golang, ruby, python,... *
DBMS: mysql, postgresql, mongodb,...
)))).
5. Integration of layout.
6. Testing and bugfix.
7. Deploy to production server.
8. Site support: bug fixes, small Wishlist, etc.
Well, at least you read on wikipedia what it is and why.
a question in the style of "how to make a program")) The simplest site: index.html:
Without knowledge of HTML, well, at least at the initial level, there is nothing to do in web development.
For frontend, one of the best IDEs right now is WebStorm. For the backend - it all depends on the language in which the development will be carried out.