Используем Photoshop с умом.

Используем Photoshop с умом.

Ни один современный сайт не может обойтись без графического оформления и чаще всего для этой цели используют программу Photoshop. С ее помощью можно создать свой неповторимый рисунок или произвести небольшие манипуляции с уже готовым.

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

Все, для того чтобы уменьшить время, требуемое на загрузку картинки на странице. Это связано с тем, что скорость передачи графики намного ниже скорости передачи текста, и при открытии страницы с большой по размерам картинкой пользователь не станет ждать ее загрузки, как бы удивительна и хороша она не была. Именно для этого и предназначен редактор Photoshop, оснащенный всем необходимым для оптимизации изображения.

Для начала давайте разберемся с форматами сжатия изображения, что бы выбрать подходящий нам. Это два варианта gif или jpg. Первый является одним из самых популярных и даже может хранить анимацию. Максимально в нем сжимаются картинки с малым количеством цветов или с четкими контурами. Второй хоть и не поддерживает хранение анимации, зато прекрасно подходит для изображений с большим количеством цветов и плавными переходами между ними.

Ну а теперь непосредственно к обработке. В меню программы выберите Файл - Сохранить для Web, после чего перед вами появится окошко, в котором и задаются параметры оптимизации. В центре отображается оригинал и изображение после применения установленных справа параметров, причем при каждом изменении значения параметра оно автоматически применяется к картинке. Каждый параметр имеет строку состояния, в которой отображается значения текущего формата, после оптимизации, время загрузки и количество цветов.

Дерзайте и делайте свои сайты самыми красивыми и быстрыми при загрузке.