Pracuję nad stroną, na której chciałbym mieć przyciski w postaci małych ikon - rozmiar między 20x20 a 30x30. Na przykład zamiast linku 'ustawienia' klika się na ikonę koła zębatego.

Chcę zrobić te ikony samemu.

I teraz pytanie: jak zrobić, żeby ikony były jak najlżejsze? W jakim programie to zrobić, w jakim formacie zapisać i potem ewentualnie jak zmniejszyć?
Domyślam się, że jeśli zrobię wszystko w postaci map bitowych to strona będzie po prostu za ciężka.

Ktoś ma doświadczenie / pomysł?

Jeden plik graficzny, najlepiej png i wyświetlanie za pomocą CSS Sprites

lub

Stworzyć czcionkę z ikonami.

Dodatkowo programy takie jak GIMP czy PS, mają opcje zapisu pliku graficznego dla stron internetowych, które zmniejszają wagę pliku końcowego bez utraty jakości.

najlżej będzie chyba skomponować swój własny font, ewentualnie użyć http://fortawesome.github.io/Font-Awesome/

Dużo lepszy jest http://fontastic.me, który dysponuje ponad 1700 ikonami i można wgrać własne obrazki celem wygenerowanie kompletu.

Wielkie dzięki, wszystkie odpowiedzi bardzo pomocne - oszczędziliście mi dużo wysiłku