Социальные кнопки
JQuery+font staurus
от cubeShare
PNG от qkowlew
SVG от qkowlew

PNG Кнопки соцсетей от qkowlew


Как это выглядит

Установка

  1. Выкачайте отсюда файл share.js
  2. Залейте его в подкаталог /js/ Вашего сайта
  3. Скопируйте нижеприведённый текст в html темплейт вашего сайта в то место, где вы хотите выводить социальные кнопки. Наиболее стандартное место - это по окончании текста материала.
  4. Отрефрешьте страницу своего сайта в любимом браусере

Плюсы

  1. Минимальный размер - 4к
  2. Никаких сторонних элементов. Единственная используемая картинка создана этим же яваскриптом как img src через base64
  3. Показывается в том числе при выключенных картинках в браусере
  4. По мнению Google Page speed - скрипт хороший. :)

Минусы

  1. Изменение списка соцсетей требует редактирования графической картинки и последующего её преобразования в inline вид (data:image/png;base64)
  2. Изменение размера требует как редактирования графической картинки, так и пресчёта параметров image map
  3. В отличие от "кнопок от внешних сервисов", нет показа числа поделившихся/лайкнувших