The next section of the Export PNG Image dialogue is the “Image Size” (highlighted in green above). So, the PNG will be the same size as my canvas when exported. My Width is shown as 1920 and my Height is 1080 because this is the size of my entire canvas. The final two values in this section are Width and Height, and they reflect the total size of my export area. My total canvas size for this composition was 1920 pixels by 1080 pixels, and so my x1 coordinate is 1920 and my y1 coordinate is 1080 (remember, my page units are set to pixels via the Units dropdown in this section). These values represent where the top right boundary or corner of your image will be located (in other words, the ending coordinates of your document). The next values are “x1” and “y1” (highlighted in green above). Since we are going to export the entire page, our image starts at the coordinates of 0 for x and 0 for y. The X variable always represents the width, and the Y always represents the height. These values represent where the lower left boundary or corner of your image will be located (in other words, the starting coordinates of your image). The first two values at the top of this section are “x0” and “y0” (highlighted in green above). You will see two columns and three rows with numerical data in this section, as well as a dropdown box to select a unit (my image/canvas is currently in px, or pixels). If I want to export everything inside the border of my canvas (so, essentially the entire composition), I will choose the “Page” Export Area option (green arrow). My first option is to select a tab under the “Export Area,” with four different settings to choose from. This will bring up the Export PNG Image dialogue on the right side of my canvas (highlighted in red in the photo). Once everything is set up and ready to export, I can go to File>Export PNG Image (red arrow in the image above).
#Inkscape crop canvas to object how to#
I hid my background layer in the layers panel (denoted by the red arrow in the photo above), and also made my canvas a checkerboard background so you can see where the composition is transparent (I recommend checking out my tutorial on How to Make Your Inkscape Canvas Look Like Adobe Illustrator’s Artboard, where I go over setting up your document properties). Here’s how.įor this article, I’ll be using my Isometric Phone Design I created in a recent Inkscape video tutorial. Whatever the reason you are wanting to use a PNG, Inkscape allows you to easily export to this filetype should you ever need to. PNGs also support graphics that contain a transparent background (whereas JPEGs do not). PNGs tend to be slightly better quality than a JPEG, though they are often slightly larger in file size as a result. PNG files are commonly used to store graphics for web images.” (according to ). GIF file but without copyright limitations.
#Inkscape crop canvas to object portable#
PNG stands for Portable Network Graphics, and “contains a bitmap of indexed colors and uses lossless compression, similar to a. You may also want to upload your design to a website, or your printer may prefer a PNG file over an SVG file. However, there are many instances where you would want to export your files as another filetype, such as a PNG, to make your compositions more accessible or easier to open on a device (for people not using Inkscape). This filetype retains editable objects and layers that you create in your compositions, thus allowing you to re-open the file at a later time and continue to edit the original elements of your compositions. SVG by default, which stands for Scalable Vector Graphics.