: 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
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.
More posts by @Holmes874
2 Comments
Sorted by latest first Latest Oldest Best
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.
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.
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.