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