Недостатки использования повторения фона только для цветов?

Question

Так что мне нужны некоторые пользовательские цвета на макете, но я ищу лучший способ сделать это, кроме простого наложения гигантского изображения с (background: url (something.jpg)) в макете.

В основном я думаю о получении цветовой палитры (то есть от Adobe Kuler, colourlovers и т. Д.), Получении образца 5х5 каждого цвета и размещении их в массиве для CSS-спрайтов или просто как отдельные файлы и доступ к ним через : .color-one {transparent url(./one.gif) repeat} и просто повторяю это всякий раз, когда я хочу использовать цвет.

Есть ли какие-либо недостатки в этом? И если есть, я должен просто придерживаться веб-безопасных цветов или есть лучший способ сделать это?

Answer 1

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

Используйте только фоновые изображения, если вам нужно сделать градиенты и тому подобное. Это действительно, где они сияют.

Что касается вашего второго вопроса, нет, вам больше не нужно придерживаться «веб-безопасных» цветов. Если кто-то в 2010 году по-прежнему может отображать только 256 цветов, то ваш сайт не станет для них самой большой проблемой.

Answer 2

Вы должны в любом случае установить цвета как background-color для обслуживания читателей, которые не загружают изображения.Поэтому я не вижу смысла в этих изображениях.

И помните: чем меньше изображение, тем больше у браузера возможностей для вычисления всех позиций.Повторные фоновые изображения не должны быть меньше 20 × 20 пикселей.

Answer 3

.color-one{background-color: #f00}
.color-two{background-color: #0f0}

Answer 4

Почему бы не установить background-color?

(и ваше предложение не будет работать со спрайтами, средство визуализации также будет использовать другие части изображения)