Inkscape по умолчанию использует тип файла .SVG, который обозначает Scalable Vector Graphics. Этот тип файла сохраняет редактируемые объекты и слои, которые вы создаете в своих композициях, что позволяет вам открыть файл позже и продолжить редактирование оригинальных элементов ваших композиций.

Однако во многих случаях вы хотите экспортировать файлы в другой тип файла, такой как PNG, чтобы сделать ваши композиции более доступными или проще открывать на устройстве (для людей, не использующих Inkscape). Вы также можете загрузить свой дизайн на веб-сайт, или ваш принтер может предпочесть файл PNG, а не файл SVG.

PNG расшифровывается как Portable Network Graphics и «содержит растровое изображение индексированных цветов и использует сжатие без потерь, аналогичное файлу .GIF, но без ограничений авторского права. Файлы PNG обычно используются для хранения графики для веб-изображений ». (Согласно FileInfo.com). PNG имеют тенденцию быть немного лучшего качества, чем JPEG, хотя в результате они часто немного больше по размеру файла. PNG также поддерживают графику с прозрачным фоном (тогда как JPEG не поддерживают).

Независимо от причины, по которой вы хотите использовать PNG, Inkscape позволяет вам легко экспортировать в этот тип файла, если вам когда-либо понадобится. Вот как.

Изометрические дизайн телефона фон скрыт

Для этой статьи я буду использовать мой Изометрический дизайн телефона, который я создал в недавнем видеоуроке Inkscape, Я скрыл свой фоновый слой на панели слоев (обозначен красной стрелкой на фотографии выше), а также сделал свой холст фоном шахматной доски, чтобы вы могли видеть, где композиция прозрачна (я рекомендую ознакомиться с моим уроком по Как сделать холст Inkscape похожим на артборд Adobe Illustratorгде я перехожу к настройке свойств вашего документа).

1. Экспорт страницы в изображение PNG

Файл Экспорт PNG изображения Inkscape Tutorial

Когда все настроено и готово к экспорту, я могу перейти в File> Export PNG Image (красная стрелка на изображении выше).

Диалоговое окно «Экспорт изображения PNG» Inkscape

Откроется диалоговое окно «Экспорт изображения PNG» в правой части моего холста (выделено красным на фотографии). Мой первый вариант - выбрать вкладку «Область экспорта» с четырьмя различными настройками на выбор. Если я хочу экспортировать все, что находится внутри границы моего холста (то есть, по сути, всю композицию), я выберу опцию «Область» области экспорта (зеленая стрелка). В этом разделе вы увидите два столбца и три строки с числовыми данными, а также раскрывающийся список для выбора единицы измерения (мое изображение / холст в настоящее время в пикселях или пикселях).

x0 и y0 inkscape экспортировать изображение в формате png

Первые два значения в верхней части этого раздела - «x0» и «y0» (выделены зеленым цветом выше). Эти значения представляют, где будет расположена нижняя левая граница или угол вашего изображения (другими словами, начальные координаты вашего изображения). Переменная X всегда представляет ширину, а Y всегда представляет высоту. Поскольку мы собираемся экспортировать всю страницу, наше изображение начинается с координат 0 для x и 0 для y.

x1 и y1 inkscape экспортировать изображение в формате png

Следующие значения: «x1» и «y1» (выделены зеленым цветом выше). Эти значения представляют, где будет расположена верхняя правая граница или угол вашего изображения (другими словами, конечные координаты вашего документа). Мой общий размер холста для этой композиции составлял 1920 пикселей на 1080 пикселей, и поэтому моя координата x1 - это 1920, а моя координата y1 - 1080 (помните, что мои блоки страницы задаются в пикселях через раскрывающийся список «Единицы» в этом разделе).

Ширина и высота inkscape export png image

Последние два значения в этом разделе - это Ширина и Высота, и они отражают общий размер моей области экспорта. Моя Ширина отображается как 1920, а Мой Высота - 1080, потому что это размер всего моего холста. Таким образом, PNG при экспорте будет иметь такой же размер, как и мой холст.

Размер и разрешение изображения Экспорт в Inkscape PNG

Следующий раздел диалога «Экспорт изображения в формате PNG» - это «Размер изображения» (выделен зеленым цветом выше). Этот раздел позволяет вам отрегулировать общую ширину и высоту вашего окончательного размера изображения на основе общего разрешения изображения. Разрешение зависит от того, сколько пикселей или «точек» вы хотите отобразить на каждый дюйм вашего изображения (пиксели и точки, по сути, одно и то же - они представляют собой наименьшую единицу изображения. Несмотря на то, что число точек на дюйм или точек на дюйм, обычно используется при работе с принтерами, поскольку принтеры производят точки, а пиксели чаще используются при описании изображений, отображаемых на компьютере). Чем больше пикселей или точек вы отобразите в области, тем выше будет разрешение изображения. Тем не менее, есть компромисс с более высоким разрешением, поскольку он увеличивает общий размер файла. Вы можете настроить разрешение с помощью поля, указанного красной стрелкой на фотографии выше.

Увеличение разрешения изображения в Inkscape

Так, например, если я знаю, что мое изображение должно иметь окончательное разрешение 300 dpi (точек на дюйм), я могу установить разрешение, набрав «300» в поле dpi (красная стрелка). Если я нажму клавишу Tab, вы заметите, что ширина и высота моего изображения внезапно изменится (выделена зеленая область). Поскольку я увеличил разрешение с 96 до 300, изображение теперь будет изображением с более высоким разрешением (больше точек отображается на каждом дюйме изображения). В результате мой общий размер изображения теперь намного больше (моя ширина и высота изменились с 1920 × 1080 на 6000 × 3375).

Уменьшение разрешения изображения в Inkscape

Если, с другой стороны, я уменьшу свое разрешение, напечатав «72» в первом поле dpi, вы увидите, что размер моего изображения уменьшится до 1440 × 810. Это потому, что теперь у меня есть изображение с более низким разрешением, с меньшим количеством точек на каждый дюйм в моем изображении.

Я вернусь к значению по умолчанию 96 dpi.

Filname Раздел Экспорт PNG Изображение Диалог

Под разделом «Размер изображения» можно указать имя файла, в который вы хотите экспортировать изображение, а также местоположение на вашем компьютере, куда вы хотите его экспортировать (выделено зеленым цветом). Он экспортирует ваш файл в последнее место, которое вы использовали для сохранения любого другого файла в Inkscape, или в любое другое расположение по умолчанию, которое в данный момент установлено на вашем Inkscape, если вы еще не сохранили файл.

Чтобы изменить имя вашего файла или место его экспорта, нажмите кнопку «Экспортировать как» (красная стрелка на фотографии выше).

Inkscape File Explorer Экспорт в PNG

Здесь вы попадете в окно проводника или поиска файлов (в зависимости от используемой операционной системы), где вы можете найти на своем компьютере место для сохранения файла. В моем случае я нахожусь на моем (D :) диске, в папке с названием «Фотографии» и в другой папке с названием «Фотографии Inkscape» (вы можете увидеть полное местоположение папки в выделенной зеленой области на изображении выше).

Я экспортировал этот файл, прежде чем использовать имя «Phone Isometric Design Gen 3.png», поэтому мое имя файла по умолчанию отображается так (красная стрелка). Я поменяю название на «Изометрический дизайн телефона без фона».

Сохранить как тип файла Экспорт Учебник по Inkscape

Если я нажму на выпадающий список «Сохранить как тип», единственным доступным вариантом будет «PNG». Inkscape экспортирует только в PNG. Если вам нужно экспортировать файл в формате JPEG или файл другого типа, вам придется экспортировать файл в PNG из Inkscape, а затем открыть другую программу, например GIMP (еще одна потрясающая бесплатная программа, которая у меня есть сотни учебников для) и экспортируйте в любой тип файла, который вы хотите.

Когда я буду готов к экспорту, я нажму кнопку «Сохранить».

Inkscape Export to PNG Button

Но ждать! Вы еще не закончили - есть еще один важный шаг перед тем, как ваше изображение будет экспортировано. Вы должны нажать на кнопку «Экспорт» с зеленой галочкой, чтобы фактически экспортировать файл (красная стрелка на изображении выше). Если вы не нажмете эту кнопку, ваш файл не будет экспортирован, После того, как я нажал эту кнопку, мой SVG-файл теперь будет экспортирован в PNG-файл.

Примечание: если вы отметите опцию «Закрыть после завершения» слева от кнопки «Экспорт» (обведено синим на фотографии выше), диалоговое окно «Экспорт изображения PNG» закроется после завершения экспорта.

2. Экспорт чертежа в изображение PNG

В последнем разделе обсуждалась возможность экспорта всей страницы в файл PNG, но что, если вы хотите экспортировать только чертеж на странице, а не пустое пространство вокруг нее?

Рисование области экспорта в Inkscape

Что ж, вторая вкладка в разделе «Область экспорта» позволяет вам сделать это. После перехода в меню «Файл»> «Экспорт изображения в формате PNG», чтобы открыть диалоговое окно «Экспорт изображения в формате PNG» (при условии, что оно не было открыто с предыдущего шага), вы можете нажать на вкладку с надписью «Рисование» в разделе «Область экспорта» (красный стрела).

Эта опция экспортирует только ту область нашего изображения, которая содержит рисунок. Таким образом, в этом случае он будет экспортировать только область с дизайном телефона. Все пустое пространство между дизайном телефона и границей холста не дойдет до окончательного экспортированного PNG. Это отражено в наших значениях для наших координат изображения, которые теперь изменились по сравнению с тем, что было в настройке «Страница».

x0 и y0 область экспорта рисунков inkscape

Теперь мое значение x0 равно пикселям 317.278, а значение y0 - пикселям 121.273 (выделено зеленым цветом). Это новое место для левого нижнего угла моего изображения (или начальные координаты).

x1 и y1 область экспорта рисунков inkscape

Кроме того, мое значение x1 теперь равно пикселям 1602.722, а значение y1 - 911.076. Это новое место для верхнего правого угла моего изображения (или конечные координаты).

ширина и высота чертеж области экспорта inkscape

Таким образом, моя область экспорта изображений больше не будет покрывать всю длину моего холста (1920 × 1080 пикселей). Это будет меньше, так как он избавляется от пустого пространства вокруг рисунка. Это подтверждается новыми значениями ширины и высоты (выделены зеленым цветом). Моя ширина теперь 1285.444, а моя новая высота теперь 789.803 (оба значения в пикселях).

Размер изображения Рисование области экспорта inkscape

В разделе «Размер изображения» (обведено зеленым на изображении выше) я могу еще раз изменить разрешение своего изображения, которое будет увеличивать или уменьшать конечную ширину и высоту экспортируемого PNG. Ширина и высота отображаются в виде пикселей 1285 × 790, поскольку значения из предыдущего раздела были округлены. Inkscape не может экспортировать доли пикселя, поэтому значения должны быть округлены до ближайшего целого числа.

Экспорт как рисование области экспорта inkscape

Когда вы будете готовы экспортировать чертеж, вы можете еще раз щелкнуть опцию «Экспортировать как» (красная стрелка), чтобы изменить имя файла и местоположение (я изменил свое имя файла на «Изометрический чертеж телефона»), затем нажмите кнопку «Экспорт» экспортировать SVG в PNG (синяя стрелка).

Изометрические телефонный рисунок

Выше находится окончательный экспортированный чертеж. Если вы выделите фотографию с помощью мыши, вы заметите, что граница изображения заканчивается там, где заканчивается рисунок (примечание: для этой статьи она была несколько уменьшена).

3. Экспортировать выделение в PNG

Помимо экспорта всей композиции и экспорта только чертежа, вы также можете сузить область экспорта до просто выделенной области.

Выбор области экспорта Inkscape 2019

Итак, предположим гипотетически, что я хочу экспортировать только лицевую сторону моего телефона. Я могу взять инструмент выделения из моей панели инструментов (красная стрелка на фотографии выше), а затем сдвинуть, щелкнув по всем элементам, которые я хочу выбрать для экспорта (я щелкнул по всем формам, которые составляют лицевую поверхность телефона) , Выбрав все эти элементы, вы увидите, что в диалоговом окне «Экспорт изображения PNG» вкладка «Область экспорта» автоматически переключается на вкладку «Выбор» (зеленая стрелка на фотографии).

Выбор Экспорт Экспорт SVG в PNG Inkscape

Мои начальная и конечная координаты теперь отражают начальную и конечную точки выбранных областей, а ширина и высота моего изображения были изменены, чтобы соответствовать размерам этой области (выделено зеленым на фотографии выше).

Я могу еще раз изменить разрешение своего изображения в разделе «Размер изображения» (выделено красным), что увеличит или уменьшит общий размер изображения в зависимости от установленного разрешения.



Я также могу изменить имя моего файла (на этот раз я изменил его на «Изометрическая лицевая панель телефона») и место, где я хочу сохранить его, используя кнопку «Экспортировать как» в разделе «Имя файла» (выделено синим цветом), затем нажмите «Экспорт». ”, Чтобы экспортировать выбор в PNG. Здесь также есть несколько других вариантов, о которых стоит упомянуть. Во-первых, я могу «Пакетный экспорт» выбранных объектов, то есть каждый объект будет экспортирован как отдельный PNG. Ниже у меня есть опция «Скрыть все, кроме выделенного», что означает, что все, что я не выбрал, не будет отображаться в финальной композиции. Если я не выберу эту опцию, элементы, которые я не выбрал, будут отображаться, пока они помещаются в область кадра, в которую я экспортирую.

Области выбора экспот скрыты и скрыты

Выше представлены два разных результата экспорта выбора. Слева показан результат, при котором опция «Скрыть все, кроме выбора» не отмечена, а справа - при выбранном параметре.

4. Экспортировать пользовательскую область в PNG

В последнем разделе диалогового окна «Экспорт в PNG-изображение» можно экспортировать пользовательскую область композиции. Здесь все те же правила применяются из других настроек (x0 и y0 - ваши начальные координаты, x1 и y1 - ваши конечные координаты, а Width и Height - общий размер вашей композиции).

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

Пользовательская область экспорта 2019 Учебное пособие по Inkscape

Чтобы продемонстрировать этот параметр в действии, я установлю значения x0 и y0 равными 250, а мои значения x1 и y1 равными 1250. Это создаст изображение с шириной и высотой пикселей 1000. Я изменю название изображения на «Изометрическая пользовательская область телефона» и нажму «Экспорт».

пользовательская зона изометрического телефона

Моей окончательной композицией будет квадрат пикселей 1000 x 1000 с частями обрезки дизайна, где бы дизайн не находился за пределами области экспорта.

Вот и все для этого урока! Если вам понравилось, вы можете проверить любой из моих других Статьи справки Inkscape, Видеоинструкции по Inkscape или Учебники по GIMP.

Подпишитесь на нашу рассылку GIMP

Подпишитесь на нашу рассылку, чтобы получать новые учебные пособия, обновления курса GIMP и последние новости.

Вы успешно подписались!

Pin It на Pinterest

Поделись этим