4/26/2023 0 Comments Social icons vector freeIf you’ve got a site with a ton of social icons or other image files, you should really combine them in a CSS sprite! How to customize your social icons using Adobe Illustrator The result? The spritesheet is positioned so only the single social icon is viewable. By including all the images in a single file, you can utilize CSS to simply point to a specific coordinate in the file and display the given height and width. As browsers make requests for image after image from your server, that’s several round trips, costing quite a bit of time. Sprites are a way of really speeding up your site’s load times. ![]() The CSS sprite is a really fantastic inclusion. When you unzip the file, you’ll find that includes the Illustrator file (AI), Encapsulated PostScript (EPS), PNG format, Svg format and even CSS sprites, along with the license information that states they’re free to use and manipulate for personal or commercial use. Pro tip: Here’s a link to Dreamstale’s free collection of 90 social media icons. ![]() Have you ever zoomed in on a PDF file and noticed that it never gets blurry? That’s because the elements (like the fonts) are in a vector format. (Enlarge a JPG image, and you’ll see what I mean.) Vector formats are used quite a bit in EPS, AI and PDF files. When you expand a bitmap, it will eventually distort or blur the image because it’s optimized for a specific resolution. Bitmaps or raster images are a collection of pixels. Vector formats are mathematical calculations that, put together, make up a geometric shape. ![]() These will provide you with the original formats that the icons come in so you can utilize a tool like Adobe Illustrator to open and modify them. There’s no shortage of commercial free, royalty-free social media icons on the web, thank goodness! You can do a search yourself - just be sure to use the term “vector” along with the icons you’re seeking.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |