Name: Canvaで拡大縮小するにはSVGが良い理由 (Why SVGs are better for scaling in Canva)
Uploaded: 2025-07-18T19:02:39.000Z
Duration: 3 min 6 s
Description: VoiceTubeの動画で発音を聞きながら英語表現を覚えよう！学べる英語：

There are many scenarios where we need to resize and scale creative assets so they match the type of design we're working on.

クリエイティブ・アセットのサイズを変更し、作業中のデザインの種類に合うように拡大縮小する必要がある場面はたくさんあります。

Whether we're printing a large billboard or creating a little banner for the web, the formats we're working with can determine the final quality of our design.

大きな看板を印刷する場合でも、ウェブ用の小さなバナーを作成する場合でも、使用するフォーマットによってデザインの最終的な品質が決まります。

In this lesson, you'll learn about the concept of SVGs in the context of Canva and how you can change colors and sizes for those type of assets.

このレッスンでは、CanvaにおけるSVGの概念と、そのようなアセットの色やサイズを変更する方法について学びます。

On the page in front of us, you have two small icons of a martial arts character.

目の前のページには、格闘技のキャラクターの小さなアイコンが2つある。

They seem to be of an identical image quality.

However, let's try to resize them and see what happens with the quality then.

しかし、試しにリサイズしてみて、画質がどうなるか見てみよう。

Well, you can see the left one looks super crisp.

まあ、左が超鮮明なのがわかるだろう。

The one on the right hand side, not so much.

The image is blurred and looks distorted.

画像がぼやけ、歪んで見える。

これはフォーマットのせいだ。

The image on the right is a simple JPEG that I've uploaded to Canva.

右の画像はCanvaにアップロードしたシンプルなJPEGだ。

JPEGs are bitmap images which define what color each pixel is.

JPEGはビットマップ画像で、各ピクセルの色が定義されている。

Therefore, when you scale them, quality deteriorates.

そのため、スケールを大きくすると品質が低下する。

The image on the left, however, is an SVG which stands for Scalable Vector Graphics.

しかし、左の画像はScalable Vector Graphicsの略でSVGである。

In other words, the image is generated by code instructions which are then processed by the rendering software.

つまり、画像はコード命令によって生成され、レンダリングソフトウェアによって処理される。

In summary, SVGs are great for designs on different platforms and devices because their quality remains high no matter how much you scale them.

まとめると、SVGはどれだけ拡大縮小しても品質が変わらないため、さまざまなプラットフォームやデバイスでのデザインに適している。

Let's look at a scenario where SVG graphics can be super helpful.

SVGグラフィックスが非常に役立つシナリオを見てみよう。

On the next page, you can see the logo of my company.

次のページに、私の会社のロゴがあります。

A lot of times, I would have to change the logo colors to fit a presentation deck or a partnership proposal.

プレゼンテーション・デッキやパートナーシップの提案書に合わせてロゴの色を変えなければならないことも多かった。

Instead of doing that in an editing software and then re-uploading each version back to Canva, I can use a single SVG file of my logo.

編集ソフトでそれをやって、各バージョンをCanvaに再アップロードする代わりに、私はロゴの単一のSVGファイルを使用することができます。

Canva then recognizes the colors of each element specified in the SVG code and you can see two color options for that element.

するとCanvaは、SVGコードで指定された各要素の色を認識し、その要素に対して2つのカラーオプションを見ることができます。

If the logo needs to be in a black background, I can change both colors to white and get a nice contrast between the background and my logo.

ロゴを黒い背景にする必要がある場合は、両方の色を白に変えて、背景とロゴのコントラストをきれいにすることができる。

If you have a lighter background and you want your logo to stand out, you can change the colors to black.

背景が明るく、ロゴを目立たせたい場合は、色を黒に変更することができます。

A single SVG image can work for any design.

一つのSVG画像でどんなデザインにも対応できる。

The incredible thing about Canva is that it supports both the uploading and downloading in SVG format.

Canvaのすごいところは、SVG形式でのアップロードとダウンロードの両方に対応していることだ。

If you click on the download button and expand the file types, SVG is right there.

ダウンロードボタンをクリックして、ファイルの種類を展開すると、SVGがそこにある。

However, be mindful that Canva supports SVGs with up to five colors.

ただし、Canvaは5色までのSVGをサポートしていることに注意してください。

If you have more than that, your asset will be turned into a fixed image.

それ以上の場合は、固定画像になります。

I highly recommend you work with an experienced graphic designer if your goal is to create complex SVGs suitable for Canva. you

Canvaに適した複雑なSVGを作成することが目的であれば、経験豊富なグラフィックデザイナーと仕事をすることを強くお勧めします。