Каковы преимущества использования кнопки без изображения?
Обсуждение этого ответа на вопрос " Как я могу использовать новую кнопку Google без изображения?" Вызвало этот вопрос.
Похоже, Google считает, что по какой-то причине работать без изображений - это хорошо, но из приведенных комментариев я не вижу преимущества. Стоит ли отправлять десятки строк HTML-кода, и кто знает, сколько CSS будет отображать эти кнопки без изображения, а не просто загружать другое изображение, особенно когда доступны такие методы, как спрайты CSS?
Когда этот метод предпочтительнее? Другой вопрос спрашивает, как это можно сделать, но я хочу знать, почему это нужно сделать.
4 ответа
- Локализация (текст легче переводить, чем изображения)
- Скиннинг / создание тем (проще изменить внешний вид с помощью одного CSS, чем воссоздать несколько изображений)
- Доступность (программы чтения с экрана могут правильно читать, масштабирование текста работает правильно)
- Производительность (CSS является общим и загружается один раз с сервера)
- Функциональность (проще расширить кнопку новыми элементами UX, такими как стрелка выпадающего меню, когда вам не нужно менять всю картинку)
Кстати, кнопка "без изображения" может также содержать изображение внутри визуального шаблона. Этот подход очень похож на подход XAML к шаблонированию и стилизации визуального дерева.
Я думаю, что в этом конкретном случае я вижу только то преимущество, что кнопки могут генерироваться программно. Если вы не знаете, что скажет ваша кнопка, возможно, сделать это проще, чем создать ее с помощью генератора изображений.
Кроме того, изменение одного CSS может изменить внешний вид всех кнопок одновременно. С помощью кнопок изображений вам нужно обновить всех и каждого из изображений.
Загрузка страницы более плавная, так как изображения не нужно загружать, и они появятся позже, чем остальные
Текст кнопки также доступен для чтения в случае, если кто-то не может читать / просматривать изображения, но у вас есть графический вид. (Построение графической кнопки с изображениями традиционным способом вокруг реального текста - такой же сложный HTML, как и этот метод)
Как они упоминали в своем блоге, эти кнопки доступны для создания скинов без создания и хранения пользовательских изображений.
По сути, вы получаете все преимущества простых текстовых кнопок по сравнению с пользовательскими изображениями, сохраняя при этом приятный графический дизайн с поддержкой скинов.
Разве это не сделано, потому что высота кнопки может варьироваться (например, размер текста)?