нарізка зображень

Нарізка зображень. Теоретична частина.

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

Зупинимося поки на першій причини. Пропоную різати картинку зручніше засобами, тобто фотошопом. Беремо вихідне зображення і намічаємо розрізи "направляючими". Як це робиться, написано на цьому сайті. Уже розмічена картинка представлена ​​на Рис.1, заметте, я спеціально "виділив" 4 білих квадрата, щоб надалі зберегти їх з найменшою кількістю квітів і вам раджу розташовувати напрямні так, щоб вони відсікали "прості", ділянки картинки. Раджу вам вловити цей принцип, за рахунок нього можна чимало створити :) Надалі при збереженні ви уріже колірну палітру цих найпростіших ділянок, щоб обрізати жирок у картинки.

Целікова зображення. 64 кольору. Вага: 23кб

Суть оптимізації полягає не стільки в зменшенні ваги картинки, скільки на твердженні, що нарізана картинка вантажиться швидше такий же цілої. Тобто вашому модему буде легше отримати кілька маленьких шматочків, ніж один великий. Тут виникає питання: Як же так, адже при отриманні маленьких шматочків, модеми повинні надсилати запит на кожен з них, на що витрачається час. З одного боку це так. Але експериментальним шляхом доведено: Сукупність маленьких шматочків завантажується набагато швидше Целікова шматка.

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

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

Я не сперечаюся, що це один з найбільш "геморойних" варіантів нарізки. Але так то буде надійніше. Для ледачих ж написана спеціальна "софтіна", яка все робить за вас, але в надійності і ефективності поступається "ручному" методу. Спробуй сам порізати картинку і переконайся, що вона завантажиться набагато швидше Целікова оригіналу. Все ніби, думаю до тебе дійшло як і навіщо люди ріжуть картинки, а якщо не дійшло - пиши, розберемося :-)