Советы по Photoshop при работе с графикой для web

Когда требуется изменить размеры изображения, используйте бикубическую интерполяцию.

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

Если предстоит изменить размер GIF-файла, обязательно перед этим действием необходимо перевести изображение в RGB, а после него — обратно в индексированные цвета. В противном случае по краям изображения появятся «зубцы».

Если в web-страницу возникла необходимость вставить чей-нибудь GIF-файл, а он сделан некачественно и на нем имеются зубцы, то убрать их можно следующим способом. Переводим изображение в RGB. Инструментом Brash (кисть) с диаметром подходящего размера (обычно около 5 пикселей) и цветом бакграунда провести по краям зубцов несколько раз, пока они не исчезнут (на рисунке: слева — до обработки, справа — после). Перевести изображение обратно в индексированные цвета и сохранить.

Переводить изображение в индексированные цвета следует в последнюю очередь только после завершения всех действий.

При переводе в индексированные цвета возникают резки границы переходов между цветами, особенно, если цветов мало. Что бы сгладить их необходимо в ручном режиме инструментом Pencil (крандаш) размером в 1 пиксель создать шахматный узор из соседних цветов, как на третьем рисунке. На первом рисунке — резкая граница, на втором — результат работы.

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

При оптимизации изображения следует знать, что сжатие JPEG применяется в изображениях со множеством цветов и мелких деталей, а если цветов мало и они расположены однородно — используйте GIF.

Во время оптимизации всегда стоит попробовать и JPEG и GIF.

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

При работе с текстом большое значение имеют установки выпадающего меню Anti-Alias. Пробуйте разные варианты, добиваясь наилучшей читабельности текста.

Будьте готовы к тому, что применение больших теней и различных растушевок значительно увеличит размер графики.

Ссылка на статью при перепечатке обязательна.