В этой статье мы познакомимся с техникой нарезки изображений. Будем считать это вводной статьей, так как особенной смысловой нагрузки она не несет. Покажу простейший пример нарезки картинки посредством Adobe Photoshop. О разбиении, посредством специальных программ для нарезки, мы поговорим в следующий раз. Для тех, кто не в танке, нарезку изображения делают, в большинстве случаев, по следующим причинам: Первое: оптимизировать изображение. Второе: установить гиперссылки на отдельные части картинки, не используя "мэппинг".
Остановимся пока на первой причине. Предлагаю резать картинку сподручными средствами, то есть фотошопом. Берем исходное изображение и намечаем разрезы "направляющими". Как это делается, написано в [Photoshop-Faq-Нарезка изображения] на этом сайте. Уже размеченная картинка представлена на Рис.1, заметте, я специально "выделил" 4 белых квадрата, чтобы в последствии сохранить их с наименьшим количеством цветов и вам советую располагать направляющие так, чтобы они отсекали "простые", участки картинки. Советую вам уловить этот принцип, за счет него можно немало сотворить :) В последствии при сохранении вы урежете цветовую палитру этих самых простых участков, дабы обрезать жирок у картинки.
Целиковое изображение. 64 цвета. Вес: 23кб
Суть оптимизации состоит не столько в уменьшении веса картинки, сколько на утверждении, что нарезанная картинка грузится быстрее такой же целой. То есть вашему модему будет легче получить несколько маленьких кусочков, чем один большой. Тут возникает вопрос: Как же так, ведь при получении маленьких кусочков, модемы должны посылать запрос на каждый из них, на что тратится время. С одной то стороны это так. Но экспериментальным путем доказано: Совокупность маленьких кусочков загружается гораздо быстрее целикового куска.
Нарезанная картинка в таблице с шагом 2 пикселя. Уголки сохранены в 8 цветах, все остальное в 32. Вес картинки: 19кб.
Нарезанную картинку я специально поместил для наглядности в таблицу с 2-пиксельным шагом. Использовать, естественно, надо нулевой шаг. В добавок теперь можно установить на разные части картинки разные гиперссылки, но это уже другой разговор.
Я не спорю, что это один из самых "геморройных" вариантов нарезки. Но так то будет надежнее. Для ленивых же написана специальная "софтина", которая все делает за вас, но в надежности и эффективности уступает "ручному" методу. Попробуй сам порезать картинку и убедись, что она загрузится гораздо быстрее целикового оригинала. Все вроде, думаю до тебя дошло как и зачем люди режут картинки, а если не дошло - пиши, разберемся :-)
Еще раз напомню, что это вводная статья в такую важную проблему, как нарезка изображений. С практической частью, включая примеры на конкретной программе нарезки мы поговорим чуть позже...
Быстрый переход к содержимому сайта Karman.com.ua:
Новости, советы, углубленные знания, знания для новичков, законодательство, интересные скрипты, фотогалереи, отчеты, статьи о хостинге: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24 Часто задаваемые общие вопросы о хостинге, про FTP, PHPMyAdmin и MySQL, CPanel, Предустановленные скрипты, WHM, Cron, .htaccess, SSH, Паролирование директорий,
О доменах, о работе с сайтом, о Раскрутке сайта, об Электронной почте, про Основы web-программирования: 0, 1 Энциклопедия основных терминов хостинга, программного обеспечения, железной стороны хостинга, технологий, электронной почты и доменов: 0, 1, 2, 3, 4, 5, 6 Сайты о хостинге (форумы, хостинг-провайдеры, студии веб-дизайна, домен-регистраторы, инструментарии в помощь вебмастеру): 0, 1, 2
