How to embed .ai files in HTML5?

Question

Is it possible to directly embed .ai files in HTML5, so that the image is rendered automatically as per the size of the screen and resolution or do we need to convert the whole .ai files into .png of different sizes and then include them within.

Answer 1

You could export it as a SVG file, and embed that in your website. SVG is a vector format that all modern browsers understand. Adobe Illustrator should be able to export drawings to SVG, since it is a very widely used format.

Since SVG is a vector graphics format, it can be rendered at any size and still look nice and sharp.