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

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

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

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

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

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

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

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

Когда все настроено и готово к экспорту, я могу перейти в меню «Файл»> «Экспорт изображения PNG» (красная стрелка на изображении выше).

Диалоговое окно «Экспорт изображения 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» - это «Размер изображения» (выделено зеленым цветом выше). Этот раздел позволяет вам настроить общую ширину и высоту вашего окончательного размера изображения в зависимости от общего разрешения изображения. Разрешение определяется тем, сколько пикселей или «точек» вы хотите отображать на каждом дюйме вашего изображения (пиксели и точки - это, по сути, одно и то же - они являются наименьшей единицей изображения. Хотя dpi или точек на дюйм, обычно используется при работе с принтерами, так как принтеры создают точки, а пиксели чаще используются при описании изображений, отображаемых на компьютере). Чем больше пикселей или точек вы отобразили в области, тем выше будет разрешение изображения. Однако есть компромисс с более высоким разрешением, поскольку он увеличивает общий размер файла. Вы можете настроить разрешение в поле, обозначенном красной стрелкой на фотографии выше.

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

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

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

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

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

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

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

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

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

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

Я экспортировал этот файл, прежде чем использовать имя «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

Итак, предположим гипотетически, что я хочу экспортировать только лицевую часть своего телефона. Я могу взять инструмент выделения из своего набора инструментов (красная стрелка на фото выше), затем щелкнуть с зажатой клавишей Shift по всем элементам, которые я хочу выбрать для экспорта (я щелкнул по всем фигурам, составляющим лицевую панель телефона) . Теперь, когда все эти элементы выбраны, вы увидите, что в диалоговом окне «Экспорт изображения 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.

Pin It на Pinterest