On Icons And Images

Abstract

While working on icons in my dev branch https://code.launchpad.net/~jus/mixxx/skins i found out the //res/images/ // folder in Mixxx sources needs a clean-up. Lot of old/unused images with confusing name in there. The information provided here are as of now only applicable to the dev branch.

If this branch gets merged with trunk i`ll update the informations accordingly. --- jus 2010/07/10 06:21

Tips for Designers

Here are some tips that you might find useful as you develop icons or other drawable assets:

Android Icon Design Guidelines
Choosing the Right Size and Format for Icons

Common naming conventions for icon assets

Try to name files so that related assets will group together inside a directory when they are sorted alphabetically. In particular, it helps to use a common prefix for each icon type. For example:

| Asset Types | Prefix | Example | | | ----------------- | ----------------- | ------------------------------------------- | | | Icons | ic_ | ic_mixxx.png | | | Preferences Icons | ic_preferences_ | ic_preferences_broadcast.png | | | Library Icons | ic_library_ | ic_library_playlists.png | | | Icon Templates | ic_template_ | ic_template_library_and_preferences.svg | |

Working space organisation

mixxx/res/images/

ic_mixxx.ico

Windows icon container. A full set should contain 16×16, 32×32, 48×48 and 256×256.
Microsoft Vista+ Icons Guide

~~ic_mixxx.png~~ mixxx-icon.png

Note: Original name mixxx-icon.png restored since Linux seems not to like underscores for icon file names in .desktop files. This resulted in missing application icons on Gnome/KDE with mixxx.desktop .
Application icon for Linux .desktop file . Primary size for application icons 48x48
Desktop Entry Specification
GNOME icon specification
QT Desktop File Standard

ic_mixxx_window.png

Window icon displayed in the corner of an application's top-level windows. Recommend size for Window icons 48x48
Setting the application icon in QT 4

mixxx_install_logo.bmp

Bitmap image to display on the header of installers pages for Windows NSIS installer. Recommended size 150x57.
NSIS Modern UI Documentation

library

Sub-folder that holds all 48x48 *.png icons for display in Mixxx library widget

preferences

Sub-folder that holds all 48x48 *.png icons for display displayed in Mixxx preferences dialog

templates

Sub-folder that holds various templates for image files

ic_template_mixxx.svg = multilayered Inkscape template for Mixxx application icon, holds special layer for 16x16 icon too
ic_template_library_and_preferences.svg = multilayered Inkscape template for all icons in library widget & preferences dialog.
logo_mixxx.png = Mixxx logo ( too bad it is not in svg format)

mixxx/res/osx

application.icns

Apple icon container for display in in Mixxx` *.app bundles for OS X.
A full set should contain 16×16, 32×32, 128×128,256×256 and 512×512
Apple Human Interface Guidelines

VolumeIcon.icns

Apple icon container for display in Mixxx` *.dmg images for OS X.
A full set should contain 16×16, 32×32, 128×128 ( 128 is maximum size OS X desktop grid, enough for dmg`s)