Articles

Web Menus Web Toolbars Windows Menus Cross Frame Menus Win32 Programming DHTML Menus Windows Toolbars Rapid Application Development Context Menus Customized Menus Pop Up Menus Web Menu Builders User Interface Design Movable Toolbars Web Site Drop Down Menus Hide Toolbars Web Site Buttons Web Site Icons Toolbar Managers Customized Web Site Design Menu Software Web Menu Design Professional Menus Web Site Navigation Buttons Lock Toolbars Java Menus Free Menu Builders Menu Development Specialists Web Site Color Schemes Icon Sizes User Friendly Interfaces Customize Toolbars Toolbar Downloads Web Development Applications Web Site Navigation Menus Creating ActiveX Controls Create Toolbars Web User Interfaces Explorer Context Menus ActiveX Control Menus More Resources About Web Menus

Web Menus

Icon Sizes

by Kimberly Clark

An icon is a graphic image that is commonly used on various website menus. When a person visiting the website clicks on the icon, it performs a particular function. The icons also make great navigational tools as they can be configured to take the visitor to another page on the website.

Screen Resolution

When creating an icon for a website it is important that it is designed for the proper screen resolution. The screen resolution refers to the number of dots per inch or pixels that are displayed on the screen. For instance, a screen resolution of 640x480 pixels is equivalent to 640 dots per 480 lines.

This roughly translates into a total of about 300,000 pixels. Of course, this measurement will vary depending on the actual size of the computer monitor that the visitor to the site has. With this in mind, it becomes rather important for website designers to create icon images in different sizes so that they will be displayed correctly on a variety of screen sizes.

Icon Resizing Tools

For most websites, the standard icon size for menus and toolbars is 32x32 pixels. However, there are several development tools that can help designers with the task of generating different icon sizes. These products take icons in their default size and generate other icon images by resizing them to work with other screen resolutions.

Get all Web Development articles via