Каковы преимущества использования кнопки без изображения?

Question

Обсуждение этого ответа на вопрос " Как я могу использовать новую кнопку Google без изображения? " подтолкнуло к этому вопросу.

Похоже, что Google считает, что переход без изображения хорош по какой-то причине, но из приведенных комментариев я не вижу преимущества. Стоит ли отправлять десятки строк HTML-кода, и кто знает, сколько CSS будет отображать эти кнопки без изображения, а не просто загружать другое изображение, особенно когда доступны такие методы, как спрайты CSS?

Когда этот метод предпочтительнее? Другой вопрос спрашивает, как это можно сделать, но я хочу знать, почему это должно быть .

Answer 1

1. Локализация (текст легче переводить, чем изображения)
2. Создание скинов / темы (проще изменить внешний вид с помощью одного CSS, чем воссоздать несколько изображений)
3. Доступность (программы чтения с экрана могут правильно читать, масштабирование текста работает правильно)
4. Производительность (CSS является общим и загружается один раз с сервера)
5. Функциональность (проще расширить кнопку новыми элементами UX, такими как выпадающая стрелка, когда вам не нужно менять всю картинку)

Кстати, кнопка «без изображения» также может содержать изображение внутри визуального шаблона. Этот подход очень похож на подход XAML к шаблонированию и стилизации визуального дерева.

Answer 2

Я думаю, что в этом конкретном случае я вижу только то преимущество, что кнопки могут быть сгенерированы программно. Если вы не знаете, что скажет ваша кнопка, возможно, сделать это проще, чем сгенерировать ее с помощью генератора библиотек изображений.

Кроме того, изменение одного CSS может изменить внешний вид всех кнопок одновременно. С помощью кнопок изображений вам нужно обновить всех и каждого из изображений.

Answer 3

1. Загрузка страницы более плавная, поскольку загружать изображения не нужно, и они появятся позже, чем остальные

2. Текст кнопки также можно прочитать, если кто-то не может читать / просматривать изображения, но у вас есть графический вид. (построение графической кнопки с изображениями традиционным способом вокруг текста real является столь же сложным HTML, как и этот метод)

3. Как они упоминали в своем блоге, эти кнопки можно изменять без создания и сохранения пользовательских изображений.

По сути, вы получаете все преимущества простых текстовых кнопок по сравнению с пользовательскими изображениями, сохраняя при этом приятный графический дизайн с поддержкой скина.

Answer 4

Разве это не сделано, потому что высота кнопки может изменяться (например, размер текста)?