В областях, где используются навыки проектирования интерфейсов, нарезка представляет собой процесс разделения одного двухмерного макета композиции пользовательского интерфейса ( комп ) на несколько файлов изображений ( цифровых активов ) графического пользовательского интерфейса (GUI) для одной или нескольких электронных страниц . Обычно это часть процесса разработки клиентской стороны при создании веб-страницы и/или веб-сайта , но также используется в процессе проектирования пользовательского интерфейса при разработке программного обеспечения и разработке игр .
Процесс включает в себя разбиение композиции либо в однослойном [формате файла изображения], либо в многослойном собственном формате файла графического программного обеспечения , используемого для разбиения. После разбиения их можно сохранить как отдельные файлы изображений, обычно в формате GIF , JPEG или PNG , либо в пакетном режиме , либо по одному за раз. Многослойные файлы изображений могут включать несколько версий или состояний одного и того же изображения, часто используемых для анимации или виджетов .
Нарезка используется во многих случаях, когда графический дизайн- макет должен быть реализован как интерактивный медиа- контент. Поэтому это очень важный набор навыков, которым обычно обладают разработчики " front-end "; то есть разработчики интерактивных медиа, которые специализируются на разработке пользовательского интерфейса.
Срезы могут быть созданы и использованы несколькими различными способами. До появления веб-дизайна без таблиц , срезы изображений скреплялись вместе именно с помощью таблиц HTML . Современная интерактивная верстка страниц включает широкое использование каскадных таблиц стилей (CSS) и семантической разметки . Таблицы могут использоваться для совместимости с более редкими старыми веб-браузерами , которые не способны точно обрабатывать современное кодирование без таблиц.
Нарезка используется исключительно для растровых изображений . Векторные изображения обычно обрабатываются плагинами для воспроизведения мультимедиа и содержатся в собственных форматах файлов мультимедиа, таких как X3D , SWF , SVG или PDF .
Нарезка снижает рабочую нагрузку и требования к пространству для хранения данных на компьютере , требуя только часть динамического изображения, которая изменяется, а не все изображение. Если нарезка находится на прозрачном многослойном изображении, ее можно повторно использовать в нескольких частях изображения без изменения фона.
В Интернете нарезка разбивает одно большое изображение на множество более мелких, что значительно уменьшает «вес страницы» или время загрузки . Расширенные методы нарезки могут использоваться для дальнейшего сжатия объема данных, необходимых для загрузки на компьютер пользователя, чтобы веб-страница отображалась правильно. Такие методы, как повторение фоновых изображений, означают, что одно небольшое изображение может быть загружено с веб-сервера только один раз, а затем ему будет дано указание (через CSS) повториться с помощью языка разметки, перенося рабочую нагрузку с веб-сервера на компьютер клиента. Могут возникнуть определенные проблемы с производительностью, однако они, как правило, незначительны по сравнению с сегодняшними технологиями и тенденциями веб-дизайна, смещающимися в сторону богатых мультимедийных веб-сайтов, которые обычно требуют высокой пропускной способности подключения и новейшего вычислительного оборудования.
В офлайн-электронных носителях можно использовать индивидуально нарезанные фрагменты двухмерного изображения, чтобы снизить требования к локальной обработке на компьютере при изменении фрагмента этого изображения.
Довольно много стандартных программ в отрасли предлагают возможности автоматического нарезания макета непосредственно на таблицы с использованием встроенных функций. Они описаны ниже:
В последних версиях этих программ улучшена возможность преобразования графических объектов непосредственно в CSS, хотя это и нетрадиционный метод, поскольку алгоритмы в значительной степени полагаются на абсолютное позиционирование (например), которое может отображаться непоследовательно в современных веб-браузерах.
Нарезка в основном используется для 2D компьютерной графики с однослойными интерфейсами. Многослойные интерфейсы могут использовать нарезки, но также могут использовать векторную графику (включая 3D-модели ) с недостатком в виде дополнительного (чаще всего незаметного) времени рендеринга и с преимуществом в виде большего количества опций и гибкости в изменении внешнего вида отдельного изображения. Эти альтернативные отдельные изображения обычно называют спрайтами .