Mobile app version of vmapp.org
Login or Join
Holmes874

: Saving vector images in Illustrator for a web blog Graphics designing is not my profession, however, I do know how to use Illustrator to create simple vector images/graphics. I do not have an

@Holmes874

Posted in: #AdobeIllustrator #Export #Images #WebSafe

Graphics designing is not my profession, however, I do know how to use Illustrator to create simple vector images/graphics. I do not have an idea as to what format or other attributes to consider when saving an image for web viewing. I've searched this forum for similar issues others might have faced, but fail to follow the designing jargons used.

The way I am trying to save the image for my blog is with the save for web option in Illustrator where I choose JPEG and give it a file name. I then import this image into the blog.

The images looks blurred, jagged and bad. It looks nothing as amazing as it does, native in Illustrator. I also notice the image dimension shrinks once I post it to the blog. How can I determine the right dimensions for the image? I do not own the blog, I'm just a guest blogger on their platform.

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Holmes874

2 Comments

Sorted by latest first Latest Oldest Best

 

@Hamaas979

Images from Illustrator can be exported in a number of formats that are supported in web browsers, including raster formats such as JPEG, or PNG, and the vector format SVG.

These all work on the web and are supported in most browsers, however SVGs might not work on all blog sites, unless the blog owner has enabled uploading of SVG files.

The issue with your jpeg sounds as if you have not exported it with enough pixels, or perhaps at low quality (high compression). Without seeing it however, I don't know how much specific help I can give you here. All I can say is this, have you tried outputting it at a larger size, with higher quality settings (less compression)?

Also, browsers typically display images on web pages at the native resolution of the device they are being viewed on, unless you have your OS system zoom set at something other than 100%. This could certainly be the cause of small images being zoomed in, and would account for degradation in quality - but this is a user setting, nothing to do with the image itself.

10% popularity Vote Up Vote Down


 

@Sent7350415

If your images are simple, you can save them in Illustrator as SVG (Scalable Vector Graphics). You can do this in File > Save As.

All major browsers support, at least partially (SVG 1.1), the SVG file format. In this way the images will preserve their quality, even if they are resized.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme