.

Используйте однотонную графику

Однотонные изображения — это изображения без каких-либо промежутков, градиентов и текстуры. Например, текст, графические формы и иллюстрации, мультяшные персонажи и фоновые рисунки, заполненные сплошным цветом, — все это однотонная графика. Хотя вы можете внедрять текстуры и изображения с разными цветами как часть вашей Web-графики, но если большинство элементов графики будут однотонными, то сжатие будет более сильным и позволит получить файл небольшого размера. Если вы ориентируетесь на пользователей с 8-битовыми мониторами, используйте Web-безопасную цветовую палитру для однотонных областей. 9.8 приведен пример Web-графики, большую часть которой составляет текст и однотонный фон. И хотя это изображение является фотографией, оно отлично сжато до 15 Кбайт.

Используйте как можно меньше цветов

Использование в изображениях минимального количества цветов обеспечивает создание меньшего по размеру файла с лучшим качеством. Если, например, вы сохраняете изображение в формате GIF (а следовательно, и сжимаете его цветовую палитру до 256 цветов или еще меньше), то это скорее всего приведет к адаптивной палитре, где будет содержаться всего лишь около 60 цветов. Если в вашем дизайнерском решении содержатся оттенки всех цветов радуги, то вам придется сложно при подборе палитры с небольшим количеством цветов, ведь, чтобы получить хоть какое-то качество, вам нужно гораздо больше цветов.

В изображении, представленном 9.9, содержится множество различных цветов, не говоря уже о цветном заголовке и графических областях. Когда па- литра цветов изображения сокращается лишь до 4 цветов, чтобы добиться размера файла 10 Кбайт, то изображение практически разрушается. Чтобы это изображение смотрелось нормально, нужно как минимум 100 цветов, что обусловливает размер файла в 40 Кбайт. В данном случае я бы посоветовала разбить изображение на две части — верхнюю с надписью и нижнюю с фотографией. Таким образом, верхнюю часть с текстом можно сохранить в формате GIF, ис- пользу." четыре цвета, а нижнюю с фотографией — в формате JPEG. В главе 12 более детально рассмотрен вопрос корректного выбора формата для каждого изображения.

Остерегайтесь градиентных переходов

Градиентом называется постепенный переход от одного цвета к другому. Например, с одного края изображение красное, а с другого — синее. Применение градиента может существенно увеличить размер вашего файла. Если вы собираетесь сохранить файл в формате GIF, лучше реализуйте градиентный переход сверху вниз, чем слева направо (рис. 9.10).

Виды градиентов различаются по способу сжатия изображения в формате GIF. Этот формат считывает каждую строку пикселей изображения, фиксируя изменения цвета. При градиентном переходе сверху вниз цвет каждой строки пикселей остается постоянным. А при переходе градиента слева направо цвет каждого пикселя меняется по ходу считывания строки.

Когда изображение содержит смесь фотографий и равномерных цветов, сохраните его в формате GIF

Если ваше изображение представляет собой набор однотонных элементов, текста и фотографий, то для сохранения такого изображения предпочтительней применять адаптивную палитру в формате GIF. При использовании формата JPEG текст часто выглядит размытым, а графические однотонные изображения искажаются за счет появления артефактов — эффекта зернистости. Обе программы — и Photoshop, и Fireworks — позволяют просмотреть настройки цветовой палитры и формата файла до того, как вы сохраните свой файл в определенном формате. Данная функция позволяет поэкспериментировать с несколькими разными настройками, потому что всегда есть исключения из правил, даже перечисленных в этой главе. Я обычно сохраняю файл в двух разных форматах: в JPEG с сохранением 85% качества и в GIF с адаптивной палитрой на 128 цветов, а затем решаю, какой из вариантов лучше смотрится и какой получается меньше по размеру.



Hosting Ukraine
Hosting Ukraine


Предложить

Дата Окончане проекта

Сумма проекта

×