Задать вопрос
@rtfmmftr
кратко о себе

Новая иконка или перевернуть старую?

Возник немного странный вопрос. Допустим, на сайт нужны 4 иконки со стрелками в разных направлениях. Можно конечно отдельно каждую стрелку подшить в спрайт, а можно ведь и через css: rotate просто крутить одну и ту же. Какой вариант лучше, быстрее?
И чтоб два раза не вставать. Часто у иконок есть какой-то аналог среди спецсимволов. Например иконку с треугольником аля кнопка play можно получить если вставить греческую букву дельта ( Δ ) и тоже повернуть средствами css. Или иконку 'гамбургер', ну которая три горизонтальных линии, можно имитировать с помощью греческой буквы кси( Ξ ). По идее шрифты рендерятся быстрее чем грузится картинка. В общем тот же вопрос.
  • Вопрос задан
  • 841 просмотр
Подписаться 5 Оценить Комментировать
Решения вопроса 1
webirus
@webirus
Тыжверстальщик! Наверстай мне упущенное...
Стрелочки, небольшие иконки и прочую хрень давно уже делаю на Base64.
А что касается вопроса - перевернуть или отдельную - то лучше перевернуть.
Но учтите, что css rotate не работает в IE старых. Если не страдаете некрофилией, то крутите.
Одна картинка в Base64 и rotate самый быстрый способ.
Опять же, я говорю о простых картинках, а не про фигурную стрелку с вензелями.
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
dom1n1k
@dom1n1k
Отдельные иконки лучше. И без извращений со шрифтами.
Ответ написан
webinar
@webinar Куратор тега Веб-разработка
Учим yii: https://youtu.be/-WRMlGHLgRg
Если надо только стрелки и 4 штуки, то переворачивать - вариант. Если иконок много - то подключите fontawesome.io/icons и не пытайтесь экономить байты, в то время, когда точно можно сэкономить МБ (уверен что есть где, всегда есть).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы