|
|
Should the icons be crafted in bitmap or vector format?
A bitmap image (such as GIF, PNG, TIFF, etc.) contains only pixel-based graphic information. Pixels (abbreviation for "picture element") are those tiny little dots of light that make up your computer screen. An icon sized 24x24 pixels representing a red square would be comprised of 576 individual pixels, each represented by small bits of binary data in a graphic file. A larger image requires more pixels, leading to more numeric information, and thus a greater file size.
A vector graphic file (such as EPS, SVG, etc.) contains mathematical-based information. A vector file picturing a red square scaled to 24x24 pixels only contains numeric information regarding the geometrical position of the square's four corners, information about the color the square is filled with, and information stationg the size of the square to be 24x24 pixels on the monitor. That means our red square vector file only needs about six tiny bits of information as opposed to our 576 bits of information required for our red square created in bitmap.
In reality, the explanation is a bit more complicated than this, but you understand the general idea: Changing the size of a vector graphic file from 24x24 to 48x48 only takes the editing of one bit of information (the size). The math does the rest. But changing the dimensions of a bitmap image file from 24x24 requires the addition of 1728 more pixels, resulting in a larger file size.
That means one vector file may be used to represent it's content at multiple sizes, while a bitmap file may only clearly represent its only pre-set pixel size.
So if a vector file format can be scaled to represent any dimensions it so desires, why would the graphic desigers use bitmap format for their creations?
If you look at the same icon, created in both bitmap and vector formats, you will see that the bitmap one is clean and crisp, with all the lines sharply defined. On the other hand all the images that had been resized from the vector file look blurry.
This happens because, even though vector images can be scaled to every size, there is a weakness in them This weakness is more apparent at toolbar sizes. Especially resolutions under 48x48 pixels. The weakness is that computer screens still have pixel-based (that is to say, bitmap-based) displays.
When you have a vector file, originally sized at 24x24 and shrink it down to 16x16, the relative proportions do not match. There's no way you can evenly arrange 24 pixels of data into 16 pixels of space because, there's no such thing as half a pixel. So the image blurs.
There's also no chance you can evenly resize 24 pixels of data upwards into 32 pixels of space. Again, the image blurs.
Even more, if you take that same vector image, initially sized at 24x24 and size it up to 48x48, you're now doubling the proportions. You no longer have sharp 1-pixel details. You have chunky 2-pixel lines. Size it up larger (say to 96x96) and those lines end up even thicker.
There are a few caveats: First, if you're working with larger icon sizes (for example, above 48x48) you will not notice the difference as much, and you may find the results acceptable. Second, your mileage will differ as you design different styles of icons. The less-detailed your linework is, the less you will need to worry about this.
Standard Toolbar Icons
Science Toolbar Icons
|
ArtIcons Pro can find, extract, edit and create Windows icons in color depths up to 16 million colors. Import and export icon images, create and handle icon libraries. It supports the new icon format introduced in Windows XP (8-bit transparency). Download it
|
|
IconXP can edit and create Windows icons in color depths up to 32-bit True Color. It supports the new icon format introduced in Windows XP (8-bit transparency). You can customize desktop and folder icons. Download it
|
|
Any to Icon allows you to convert multiple BMP, JPEG, GIF, PNG, WBMP and WMF images to Windows icons in one action. It also breaks down entire icon libraries into individual icons. You can change color resolution and size to create customized icons. Download it
|
|
IconUtils is a complete icon and cursor solution. IconUtils package can edit icons and cursors, manage icon and cursor libraries, convert icons into images (in various graphic formats) and vice versa, customize Windows desktop and folder icons. Download it
|
|
Icon to Any allows you to convert Windows icons and cursors into BMP, JPG, PNG, GIF, ICO, CUR, WBMP and RC formats. It has a wizard interface. It's simple to process multiple files at once. You can find icons and make images for use on Web pages. Download it
|
|
ArtCursors allows you to edit Windows cursors in color depths up to 16 million colors. You also can search files and folders for cursors, import and export cursor images and create cursor libraries for better and more efficient storage. Download it
|
|
AhaView supports all popular graphic formats, including JPEG, GIF, PNG, BMP, ICO, CUR, ANI, WBMP. You can browse images in thumbnail mode, view pictures full screen with zooming features, convert images to JPEG, PNG, BMP formats and manage files. Download it
|
|
CustomIcons is an ultimate tool for customizing the icons on you desktop, in Windows Start menu and many other locations. Using CustomIcons you can easily replace default Windows icons with the ones to your choice. Download it
|
..............................................................................
|
Copyright © 2000-2022 Aha-Soft. All rights reserved.
|
|
|
|