COMP - компьютерный интернет журнал
Игры :: Программы :: Железо :: Интернет :: Windows :: Разное :: Скачать :: Магазин

поиск программ на Allsoft.ru
софт в Allsoft.ru

Скачать музыку

Оптимизировать картинку для интернета


В этом материале вы узнаете о том, как оптимизировать картинку по соотношению размер/качество. Это нужно для того, чтобы она меньше занимала и её можно было использовать на своём сайте (ведь посетители любят скорость загрузки страницы), публиковать где-либо в интернете или отправлять по электронной почте (мало кто любит получать огромного размера файлы по почте).

Для работы по оптимизации картинки мы будем использовать широко известную программу для редактирования растровой графики Adobe Photoshop. Используемая для статьи версия CS2 (9.0).

Итак, у вас есть какая-то картинка и весит она очень много. Открываем её в Фотошопе и для начала уменьшаем разрешение, если это уместно. Для этого переходим в меню «Изображение-Размер изображения», либо нажимаем быструю клавишу «Alt+Ctrl+I». В открывшемся окне (рис.1) можно поменять длину и ширину картинки либо в пикселях, либо в процентах, а также размеры печатного оттиска (если вы будете печатать редактируемое изображение). Поставьте галочку «Сохранять пропорции», если хотите, чтобы при изменении, например, ширины, длина менялась пропорционально. Чем меньше будет разрешение у картинки, тем она будет меньше весить, но при этом и качество будет ухудшаться.

Рис.1. Меняем размер изображения в Photoshop
Рис.1. Меняем размер изображения в Photoshop

Если вы оптимизируете картинку для сайта, то разрешение зависит от стиля дизайна. Например, если у вас резиновый дизайн, т.е. растягивается на полный экран при любом разрешении экрана, то нужно руководствоваться на такую ширину, которая не создаст горизонтальную полосу прокрутки при просмотре вашего сайта на разрешении экрана монитора 1024x768 (по статистике на сегодняшний день подавляющее большинство уже пользуется разрешением экрана больше чем 1280x1024, но доля пользователей с разрешением 1024x768 тоже ещё велика, поэтому лучше на нём и остановиться). Если же у вас дизайн сайта имеет статический размер, например, 800x600, то соответственно тоже нужно выбрать такой размер картинки, при котором не появится горизонтальная полоса прокрутки или естественно не искривится дизайн сайта.

Рис.2. Выбираем формат и его параметры
Рис.2. Выбираем формат и его параметры

Идём дальше. Самый ответственный шаг. Выбор формата файла и его параметров. Заходим в меню «Файл-Сохранить для Web…», либо нажимаем горячую клавишу «Alt+Ctrl+Shift+S» и попадаем в окошко (рис.2), где вы можете выбрать формат файла (gif, jpeg, png-8, png-24, wbmp) и его параметры сжатия. Нас интересует только 3 формата: gif, jpeg и png-8. png-24 и wbmp не для web-оптимизации :). Алгоритм такой: выбираем формат и смотрим ожидаемый размер файла (в левом-нижнем углу, когда активная вкладка «Optimized»), потом выбираем другой формат и при похожем качестве картинки смотрим его размер. Выбираем тот формат, при котором с одинаковым качеством будет меньший размер. Далее подгоняем параметры выбранного формата. Если это gif или png, то выбираем кол-во цветов (от 2 до 256), а если это jpeg, то параметр сжатия (от 0 до 100). После этого, вы можете для наглядности сравнить несколько вариантов сжатия. Для этого выберите соответствующую вкладку «2-Up» или «4-Up». Для экспериментов покопайтесь также в других настройках формата и когда вы уже точно определитесь со всем, то нажмите кнопку «Save».

Богданов Евгений, 24.02.2008
www.comp.cjcity.ru

Читайте также интересную статью: freeamp 3 - бесплатный плагин для гитары.


AboutMobila.ru
Информационный ресурс для интересующихся мобильными телефонами и всем, что с ними связано.
Как я провёл лето
Рассказы про то, как люди проводили лето.
Музыка cjcity
Авторская электронная музыка.
Sound Forge
Подборка статей о программе Sony Sound Forge. Читайте статьи про 8 и 9 версии звукового редактора.

Новые статьи:

Уникальный сетевой боевик Panzar
(06.07.2016)

Действительно бесплатная браузерная онлайн игра
(12.02.2016)

Обзор игры Prime World
(13.04.2013)

Многопользовательские игры
(20.03.2013)

Обзор новых пользовательских параметров в Windows 8
(30.08.2012)



© CJ John PM, сайт создан 04.05.2004, www.comp.cjcity.ru, Ссылки