Оптимизация графики для web-страниц

Оптимизация графики для web-страниц

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

Я не буду говорить о таких программах как фотошоп, не у всех он есть, да и там всё достаточно просто: задаем размер рисунка и далее выбираем опцию "сохранить для WEB ". За вас всё сделает программа. Остановимся на бесплатной, но достаточно продвинутой программе IrfanView и рассмотрим пример обращения с нею.

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

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

Оптимизация графики для web-страницЗатем нажимаем CTRL-Y и у вас остается только выделенная область.
Оптимизация графики для web-страниц

Было, и как стало.

Оптимизация графики для web-страниц

После этой операции уже можно оптимизировать изображение, и в этом случае оно действительно будет иметь наименьший размер. А с размерами фотографий нужно придерживаться определенного компромисса - не делайте их слишком мелкими, на которых даже под лупой ничего не разглядишь, и не делайте их слишком огромными, чтобы время не растянулось в вечность. Хотя, разумеется, есть исключения: правильно оптимизированная большая фотография может занимать время пересылки, эквивалентное времени пересылки обычной фотографии, и, наоборот, дурно оптимизированный маленький рисунок будет грузиться до конца дней. Под обычной картинкой я понимаю фотографию размером примерно 250x300 пикселей и занимающую порядка 50-1 50 килобайт. Для справки: 100 пикселей это чуть больше 3 см.

Оптимизация графики для web-страниц

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

Для осуществления этого, на уже обрезанном рисунке, нажимаем CTRL-R . Открывается дополнительное окошко. Что мы там видим?

Слева вверху текущий размер картинки, далее ниже окошки с параметрами, которые вы можете выставить. Выбираем новый размер, не забывая, что 100 пикселей это чуть больше 3 см. или выставляем сразу в сантиметрах.

Обращаю внимание на галочку "сохранить пропорцию". Если галочка стоит, то достаточно изменить лишь один параметр: высоту или ширину.

И слева в самом низу стоит окошко DPI . От DPI напрямую зависит качество изображения, чем оно выше, тем тяжелее файл. Для публикации в интернете, как правило, достаточно значения 72.

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

27 февраля 2007 Жалоба или претензия.    

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Чтобы иметь доступ к материалу рекомендуем Вам зарегистрироваться, либо зайти на сайт под своим именем. Пожалуйста, зарегистрируйтесь.
  • Автор: klk
  • Комментарии: 0
  • Просмотры: 1234
  • Закладки:
0
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.