Utilization of Google Workspace

Super convenient!Easy way to create site illustrations and banners

Super convenient!Easy way to create site illustrations and banners

Needless to say, it is important to include illustrations in addition to text to explain something on a website or blog.

Add a little annotation to your photo or draw a graph. .. ..

If you run a website, you may have created a little illustration or banner of such a site with image software such as Photoshop.

For example, to create an illustration and publish it on your website ...

1. Make an illustration with image software.Or ask the designer.
2. Resize the created illustration to an image for the Web and save it on your PC.
3. Upload to blog system or web server.
4. Insert an image in the article.Or modify the HTML.

I think that the flow is common.

In fact, there is a good way to omit these 2 and 3.

Let's introduce how to do this this time.

Use Google Drawings

From the conclusion, it is a method of "creating an illustration with Google Drawing and publishing it as an image on the Web."

Actually, most of the illustrations and banners posted on this site are made by Google Drawings.

As the name implies, Google Drawing is a Google application that allows you to draw shapes. If you've used Excel's AutoShape, you know it's close. It is one of Google Docs and works on a web browser.

Goodness of Google drawing

Advanced knowledge and skills are required to master image software such as Photoshop and Illustrator.Besides, the software itself is expensive.

On the other hand, Google Drawing can easily draw shapes without such advanced skills.

It is a good application for drawing small figures and characters without using image software.

Moreover, there is no need to install dedicated software, and you can use it as long as you have a browser.

How to draw a figure

Writing shapes is very easy.

As an example, let's take a look at the "10% OFF coupon" banner displayed on this site.This banner was also made by Google Drawing.At this level, it can be made in about 1 minutes.

The drawing tools are prepared with various shapes and lines such as shapes, arrows, callouts, and calculation formulas.You can also change the color of the figure and the color and thickness of the line.Of course, you can also insert text and images.

I combine these shapes to create images for websites and emails.

It's a toolset enough to make a little illustration that explains something.

Let's publish the figure as an image on the Web

The great thing about drawing is that you can publish your shapes as "images" on the Web.

The point is this "in the image".

It's an image, so you can easily insert it into your website or blog.

To publish a drawing, simply select "Publish to Web ..." from the File menu, size it, and press the Publish button.Then, the image URL for publication will be displayed, and you can copy it and use it as an image on your website or blog.

It's very easy.

By the way, the image is displayed in PNG format.


In this way, it is overwhelmingly easier to create an image than the conventional method of creating, resizing, and uploading an image using image software.

Also, in the conventional method, the image files were scattered on the local PC or server, but in this method, there is only one in Google Drive.It's very efficient because the files are completely centralized.

For example, if you want to change the "10% OFF" banner to "20% OFF", just change the drawing file from Google Drive.At that moment, all banners will be changed to "20% OFF".

Please use Google Drawings to manage the illustrations on your website.I'm sure you'll be amazed at its convenience.