How to Upload Svg Files to Google Drawings

Vector Graphics in Google Drive

I am a big fan of Google Drive, simply I have been frustrated lately when trying to exercise something that seems so simple — insert a vector graphic into Google Slides, Docs, etc. It would exist so prissy to simply download an SVG file from something similar flaticon.com and paste it into Google Slides. Alas, that's non possible, and as I found out, it's actually quite complicated to do. Never fear. In the following mail, I have outlined the steps, which will get yous using vector graphics similar a pro!

Vector Graphics

First off — What's so special about vector graphics? Why become through the problem? After all, information technology's a lot easier to just copy and paste a typical image (due east.g. .jpg, .png, etc.) into a Google document.

Vector graphics (e.k. .svg, .emf, etc.) are a lot more flexible than standard, raster graphics (e.chiliad. .jpg, .png, etc.). Dissimilar raster graphics, you can resize vector graphics without worrying about pixelation/blurriness, which is of detail business organisation when dealing with low-resolution raster graphics (low PPI). In add-on, unlike raster graphics, you can recolor vector graphics to lucifer the style of your presentation or doctor.

Step-past-step Instructions

Quick Guide

If you know what you are doing, here are the quick steps to get a vector graphic inserted into your Google Slides or Docs. If these steps sound like a foreign language, please skip to the next section.

1. In Adobe Illustrator, either create your own cartoon or open up a .svg downloaded from flaticon.com, fontawesome.com, etc.
2. In Illustrator, select File > Export > Export As… > Enhanced Metafile (emf).
3. Download Gdrive Uploader, and edit the config.js file appropriately.
4. Run node upload.js.
5. In Google Drive, right-click the .emf file, and select Open with > Google Drawings.
6. Within Drawings, "Ungroup" as necessary, select the graphic, and copy & paste it into the destination document (e.g. Google Slides, Docs, etc.)
7. Change the fill color as desired.

Create or Download Your Graphic

For a simple approach, flaticon.com and fontawesome.com take fantastic icons and many of them are free (with attribution of course). Only be certain to download the graphic as an SVG.

For a more than advanced approach, create your graphic in a tool similar Adobe Illustrator.

Decide How Y'all Want to Upload Your Graphic

In order to piece of work with a vector graphic in Google Drive, you lot'll need to save the file in an EMF format. In improver, you'll need to specify that the .emf file is of a type that Google Drawings can use. Saving a file as or converting a file to a .emf isn't as well complicated. However, specifying that your graphic is of a type that Google Drawings tin utilise is tricky. Basically, yous have 2 options: i) Use CloudConvert for a unproblematic only less secure approach, or 2) Apply Gdrive Uploader for an advanced merely more secure approach. If you choose to use CloudConvert to upload your graphic, log into with CloudConvert with your Google account earlier proceeding.

Catechumen the File to a Google-friendly Format (.emf)

For a elementary approach, go to cloudconvert.com, click Select File > From my Computer, and select your .svg file. Note that by doing so, y'all are granting CloudConvert the ability to read your file. If you are OK with that, click the "Convert to" dropdown, and select Vector > EMF. If you lot have decided to grant CloudConvert access to your Google Drive, bank check the "Salvage output files to Google Drive" box. Otherwise, simply download the file to your local device.

If you are using Adobe Illustrator, from the main menu, select File > Consign > Export As…, and from the "Format:" dropdown, select Enhanced Metafile (emf).

Upload Your EMF

In the previous step, if you lot selected the "Relieve output files to Google Drive" box via CloudConvert, you can skip this step. Otherwise, you will non merely need to upload your EMF file, but you volition too need to prepare its MIME type to "application/10-msmetafile". To exercise so, use Gdrive Uploader.

Copy the Graphic with Google Drawings

One time your EMF file is in Google Drive with the correct MIME type, right-click it, and select Open up with > Google Drawings. Inside Drawings, "Ungroup" the graphic as necessary. Then, select the graphic, copy information technology, and paste information technology into the destination document (due east.g. Google Slides, Docs, etc.).

How to Recolor

Now that yous have your graphic within your document, yous can resize it without pixelation/blurriness. More importantly, you can recolor the graphic using "Make full color".

Read more than from John DiFini.

moyercaltin.blogspot.com

Source: https://johndifini.medium.com/vector-graphics-in-google-drive-752d4010adb9

Share this post