Language: German

Vectorize in Inkscape: Convert pixel images (PNG, JPG) into vector graphics

Design (illustration, layout & printing) 8 Videos · 1.3 h Video training · English

by Marco Kolditz

This training saves you the graphic designer and agency job again and again: Learn to easily vectorize pixel images yourself in the free graphics program Inkscape. Marco Kolditz shows you how to proceed in 80 minutes. You will apply your newly acquired knowledge to PNG and JPG images, monochrome and multicolored images, logos, icons and photographed drawings.

Step by step: How to convert pixel images (e.g. JPG and PNG) into vector graphics
Get there quickly: All the functions for vectorizing in the free graphics program Inkscape explained
Reliable in every pixel layer: What is important when vectorizing monochrome and multicoloured images
Refining expertise: How to further customize and optimize converted vector graphics in Inkscape
Perfectly prepared for the print shop: How to convert your texts into paths
Optimized for the web: How to save your vector graphics in scalable SVG format
Learn what you can easily vectorize yourself: for example logos, icons, photographed drawings
80 minutes. Video trainer Marco Kolditz. Specific examples.

The task: Convert pixels into vectors. The solution: you! With this training, you will acquire a skill that you can offer and will need again and again: Vectorizing!

content

8 Videos, 80 minutes

Inkscape training: Converting images to vector graphics

8 Videos · 81 minutes

01 Open free of charge

Vectorizing in Inkscape: 1 | Introduction

In this video training, video trainer Marco Kolditz presents practical instructions for converting pixel graphics into vector objects in Inkscape. Get an overview of the content with this introduction.

35 MB

02 Open

Vectorize in Inkscape: 2 | Download and import PNG

In this video, you will learn about two websites from which you can download free and freely usable graphics such as illustrations or icons and even use them commercially (depending on the license, however, the author's name may need to be mentioned). You will also learn how to import a downloaded PNG file into Inkscape for further editing.

84 MB

03 Open

Vectorize in Inkscape: 3 | Convert PNG image to vector graphic I - single scan

Inkscape offers various techniques and settings for converting pixel graphics into vector objects. In this video, video trainer Marco Kolditz shows you the possibilities of the Single Scan area, which is particularly suitable for monochrome graphics. Learn how to make the best use of the various options available for converting to vector graphics.

78 MB

04 Open

Vectorize in Inkscape: 4 | Convert PNG image to vector graphic II - multiple scans

In addition to the Single Scan area, Inkscape also offers special techniques for converting pixel graphics into vector objects with the Multiple Scans area, which are particularly suitable for multicolored graphics. In this video, video trainer Marco Kolditz shows you how to use these options optimally for converting to vector graphics.

47 MB

05 Open

Vectorizing in Inkscape: 5 | Photograph and import drawing

If you want to transfer your own drawings from paper to the computer and convert them into vector graphics, video trainer Marco Kolditz shows you in this video how to optimally prepare your drawing with your smartphone so that you can then edit it in Inkscape. Learn how to easily convert a line drawing into a vector object and optimize the result using various options.

80 MB

06 Open

Vectorizing in Inkscape: 6 | Optimize and adjust vector graphics

Depending on the template and the conversion to a vector graphic, it is sometimes necessary to adapt and optimize the conversion result according to your own wishes. You may also want to combine a graphic template from the Internet with other objects and adapt its color design. This video shows you how to do this.

47 MB

07 Open

Vectorize in Inkscape: 7 | Convert text to path (for web and print)

Texts are also vector objects in Inkscape. However, you should convert editable text objects into fixed paths before sending them to a print shop. In this video, you will learn how to easily prepare texts for transfer to a print shop.

23 MB

08 Open

Vectorizing in Inkscape: 8 | Exporting vector graphics as SVG for the Internet

You may have created your company logo, an icon or a drawing in Inkscape in the form of vector objects and would now like to use the finished graphic on your website in the form of a scalable SVG file. SVG graphics offer the great advantages that they are freely scalable and can therefore be displayed perfectly in any size and resolution and also require very little storage space. Learn how to save your vector graphics in SVG format in this video.

17 MB

Vectorizing in Inkscape: 1 | Introduction

2 min Open

35 MB

Vectorize in Inkscape: 2 | Download and import PNG

15 min Open

84 MB

Vectorize in Inkscape: 3 | Convert PNG image to vector graphic I - single scan

19 min Open

78 MB

Vectorize in Inkscape: 4 | Convert PNG image to vector graphic II - multiple scans

11 min Open

47 MB

Vectorizing in Inkscape: 5 | Photograph and import drawing

11 min Open

80 MB

Vectorizing in Inkscape: 6 | Optimize and adjust vector graphics

12 min Open

47 MB

Vectorize in Inkscape: 7 | Convert text to path (for web and print)

6 min Open

23 MB

Vectorizing in Inkscape: 8 | Exporting vector graphics as SVG for the Internet

5 min Open

17 MB

Examples of use

Open gallery

Vectorize in Inkscape: Learn how to convert pixel images into vector graphics.
Open gallery

Would you like to vectorize photographed drawings (e.g. sketches of logos)? Find out how to proceed here!

Details of the content

Converting pixel-based images into vector graphics - this is how it works in Inkscape
There's this one image that needs to be vectorized - because it needs to be displayed with sharp edges on the web or prepared in vector quality for the print shop ... Do you also have this kind of task pop up from time to time? If so, then simply do it yourself.
This training course will give you the knowledge you need to convert pixel graphics, scanned or photographed images into vector graphics . Another plus point: your trainer Marco Kolditz uses the vector program Inkscape in his instructions, which you can download free of charge from the Internet.

Vectorize and optimize for print and web: PNG, JPG, photos, texts, logos

Indispensable for icons on the web - essential for logos - and often required for lettering that goes out to the printers: Vector quality. In this 80-minute video training course, you will learn step by step how to convert existing pixel images into vector graphics and then adapt them further.

In Inkscape you will import PNG images , vectorize them with suitable functions and edit the result as you wish. Your trainer will address the challenges you may encounter when vectorizing monochrome (black and white), multicoloured and photographed images . Solutions included, of course!

You will also learn how to convert texts into paths and how to save your vector graphics in SVG format for web optimization . Vectorizing - you'll have it down in 80 minutes!

The advantages of vector graphics are obvious to you!

Pixels really come into their own with photos. However, when it comes to intricate graphics such as icons, logos or illustrations, these usually have to be prepared as vector graphics.

Why? Why? Why? Vectors do not describe the graphic using individual pixels, but using formulas that you can display as curves in programs such as Inkscape . The main advantages: On the one hand, the curves and paths save memory space and, on the other hand, they can be scaled as small as they are huge - without any loss of quality. For example, the edges always remain razor-sharp.

If you have a graphic such as an icon or logo as a pixel image, for example in JPG or PNG format, it is often advisable to convert it to a vector graphic . So that you can easily do this yourself, start the training right away and get vectorizing! A tip on top: Are you still unfamiliar with Inkscape? Then get to grips with the software quickly and easily with our Inkscape basics training.

Note

Usable with: Inkscape
Licence: private and commercial Rights of use

Created with love by

Marco Kolditz

Marco Kolditz is a self-employed digital artist, editor and video trainer in Munich under the name MEER DER IDEEN. He also runs a blog magazine of the same name and a YouTube channel. In addition to video training for PSD tutorials, Marco Kolditz has already published numerous other video tutorials on Adobe Photoshop and Adobe Illustrator and written specialist articles on creative Photoshop composings for other specialist magazines such as DigitalPHOTO.

Products