В последнее время формат svg набирает все большую популярность, все чаще и чаще я использую его для сохранения графических элементов при создании сайтов. И этому есть ряд причин.

Файлы svg имеют очень маленький размер, по сравнению с более традиционными форматами, как, например, jpg или png, что позитивно влияет на скорость загрузки веб сайта, особенно в период массового использования мобильного интернета. Также, немаловажным, является тот факт, что это векторный формат, и он отлично масштабируется. Это очень полезное свойство при создании адаптивных сайтов. Графический элемент будет одинаково хорошо выглядеть как на больших мониторах, так и на маленьких экранах мобильных устройств.

Формат svg также обладает и некоторыми минусами, одним из них является скорость и удобство сохранения изображения из psd-шаблона. Это важно, если вы фриланс разработчик сайтов и высокая скорость работы является одним из ключевых факторов вашего успеха.  

Зачастую дизайнеры не заботятся о правильном вложении векторных элементов из Illustrator в Photoshop. Они просто вставляют большое изображение в Photoshop и уже там стилизуют и масштабируют. Вам же нужно сохранить изображение без больших пустых промежутков по сторонам объекта.

Поэтому, возникает вопрос: как быстро изменить размер рабочей области (artboard) в Illustrator, чтобы она совпала с размерами объектов внутри. Конечно, можно просто выбрать инструмент «Рабочая Область» (Artboard Tool) и перетаскивая углы выделенной рабочей области добиться нужного результата. Вам, скорее всего, придется увеличивать изображение, чтобы добиться точной подгонки, и это не очень эффективно и точно не очень быстро. Поэтому, существует более быстрый способ. Вы просто выбираете инструмент «Рабочая Область» и кликайте по нему еще два раза. Откроется окно с настройками рабочей области, где в «Установки» из выпадающего меню выбираете «Подогнать по границам иллюстрации». После этого размер рабочей области будет точно совпадать с размерами иллюстрации и можно будет сохранить в svg без лишних полей для дальнейшего использовании в веб страницах.

Также это может быть полезно, если вы самостоятельно разрабатываете дизайн сайтов и, соответственно, рисуете в Illustrator. Обычно изначальный размер рабочей области всегда больше и по завершению работы нужно уменьшить его до размера объектов внутри. Используя данный метод можно сэкономить достаточно много времени.