Магазин портативной техники "Портатив"
:: на главную
Web-мастеру > Нарезка изображений. Теоретическая часть

В этой статье мы познакомимся с техникой нарезки изображений. Будем считать это вводной статьей, так как особенной смысловой нагрузки она не несет. Покажу простейший пример нарезки картинки посредством Adobe Photoshop. О разбиении, посредством специальных программ для нарезки, мы поговорим в следующий раз. Для тех, кто не в танке, нарезку изображения делают, в большинстве случаев, по следующим причинам: Первое: оптимизировать изображение. Второе: установить гиперссылки на отдельные части картинки, не используя "мэппинг".

Остановимся пока на первой причине. Предлагаю резать картинку сподручными средствами, то есть фотошопом. Берем исходное изображение и намечаем разрезы "направляющими". Как это делается, написано в [Photoshop-Faq-Нарезка изображения] на этом сайте. Уже размеченная картинка представлена на Рис.1, заметте, я специально "выделил" 4 белых квадрата, чтобы в последствии сохранить их с наименьшим количеством цветов и вам советую располагать направляющие так, чтобы они отсекали "простые", участки картинки. Советую вам уловить этот принцип, за счет него можно немало сотворить :) В последствии при сохранении вы урежете цветовую палитру этих самых простых участков, дабы обрезать жирок у картинки.



Целиковое изображение. 64 цвета. Вес: 23кб

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

Нарезанная картинка в таблице с шагом 2 пикселя. Уголки сохранены в 8 цветах, все остальное в 32. Вес картинки: 19кб.

Нарезанную картинку я специально поместил для наглядности в таблицу с 2-пиксельным шагом. Использовать, естественно, надо нулевой шаг. В добавок теперь можно установить на разные части картинки разные гиперссылки, но это уже другой разговор.

Я не спорю, что это один из самых "геморройных" вариантов нарезки. Но так то будет надежнее. Для ленивых же написана специальная "софтина", которая все делает за вас, но в надежности и эффективности уступает "ручному" методу. Попробуй сам порезать картинку и убедись, что она загрузится гораздо быстрее целикового оригинала. Все вроде, думаю до тебя дошло как и зачем люди режут картинки, а если не дошло - пиши, разберемся :-)

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

Автор: Кушнерук Денис

<< НАЗАД