Как объединить 3 иконки в одну

Три раза перечитал - не понял. Что значит "объединить в одну"? В одну цельную картинку?

да, в одну цельную картинку, но сохранением ссылок каждой иконки

Стесняюсь спросить, а к чему такие сложности? Почему не оставить три раздельные картинки со ссылками? Сделать на одной цельной картинки области со ссылками можно, и даже несколькими способами, но всё это как-то странно))

Речь о css спрайте?

Да, это css спрайт, в сети кстати полно генераторов с помощью которых можно решить эту задачу или же самому взяться и изучить этот вопрос без генераторов -)

Это Page Speed , например, рекомендует при анализе скорости загрузки страницы, если видит несколько кнопочек таких рядом.

спасибо за совет, буду разбираться...

Делается с использованием тегов map и area.

Предположим, у нас есть изображение knopka.gif размером 120х40, объединяющее 3 иконки размером, соответственно, 40х40.

Тогда код будет каким-то таким:

<map name=socseti>

<area shape="rect" coords="0,0,39,39" href="odnoklassniki.ru">

<area shape="rect" coords="40,0,39,79" href="vkontakte.ru">

<area shape="rect" coords="80,0,119,39" href="facebook.com">

</map>

<img src="knopka.gif" border=0 usemap="#socseti">

Не скажу сейчас точно - не уверен, можно ли в тег "area" вставлять "target=_blank", по смыслу его должно быть можно вставлять в любое место, куда "href" вставляется... а делать ссылки открывающимися в новом окне надо обязательно, чтоб по кнопкам этим Ваши посетители с сайта не уходили.

Попробуйте вставить.