1

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.

coder
  • 1,809
  • 4
  • 19
  • 24
  • Browsers don't render .ai files, you could only set it up for those files to be downloaded. You need to convert them to something a browser can render: png, jpeg, gif, svg (partially supported), etc... – Mister Epic Feb 19 '14 at 12:22

1 Answers1

3

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.

Andrei Bârsan
  • 3,473
  • 2
  • 22
  • 46
  • how do I convert ai files it to svg file ? – Hitesh Sep 11 '14 at 08:59
  • If you have Adobe Illustrator, it's just a matter of opening the `.ai` file and saving it as or exporting it as `svg`. If you don't have Illustrator, there might be some free tools out there that can do this, but I'm not familiar with any. – Andrei Bârsan Dec 24 '14 at 22:51
  • There are also many online converting tools available. Search "convert .ai to .svg" – Joshua Fricke Feb 22 '19 at 21:16