写真を拡大しすぎて、ピクセル化されているのを見たことがありますか？デジタルカメラを使用して作成された画像は、特定の解像度でのみ表示できます。サイズを小さくすることはできますが、スケールアップするのは難しい場合があります。その過程で品質が低下します。これらの画像（ラスター画像）は自分撮りに最適ですが、サイズ設定を念頭に置いて作成する必要があります。
スケーラブルな画像の場合、ベクター画像(vector image)を使用する必要がありますが、ベクター(vector image)画像とは何ですか？ロゴ(Logos)、印刷デザインなど。これらは多くの場合、設定されたサイズに欠けています。ベクター(Vector)画像を使用すると、品質を損なうことなく、このような画像を拡大（または縮小）することができます。独自の画像を作成する方法など、ベクター画像(vector image)について知っておく必要のあるすべて(s everything)がここにあります。
ベクター画像とは何ですか？(What Is a Vector Image?)
ベクター画像(vector image)は地図のようなもので、画像全体のサイズが大きくなっても、ポイントAとBの(A and B)間の距離は比例したままでスケーラブルです。
ベクター(Vector)画像は、本質的に、編集者または閲覧者(editor or viewer)が画像を作成する方法についてのデジタル指示です。これにより、デバイスは、ぼやけ、ピクセル化、および画像の劣化(image degradation)がない、明確な曲線と線で画像を生成できます。
JPGやBMP(JPG or BMP)などのラスター画像ファイル(raster image file)にズームインしたときに表示される静的で柔軟性のないピクセルのグリッドではなく、設定された数学的命令を使用してベクトル画像(vector image)がデジタルで作成されます。数学の魔法のおかげで、ベクター画像の(vector image)AとB(A and B)の間の同じ点が比例したままになります。
グラフィックデザイナー(graphics designer)であれば、ベクター画像がラスター画像よりも優れている点をすぐに理解できます。始める前に画像の解像度を気にする必要はなく、任意のサイズの画像を作成できます。
その後は、スケールがすべてです。SVGの(SVG)ような形式のベクター画像(vector image)は、好きなだけ小さくしたり大きくしたりできます。そのため、特に印刷しようとしているロゴやデザインを作成している場合は、ベクター画像形式が(vector image)アートやデザインプロジェクト(art and design projects)に最適です。
ベクトル画像を表示する方法 (How To View Vector Images )
ベクター(Vector)画像は珍しい画像形式(image format)ではありません。Webブラウザー(web browser)で、またはInkscapeなどのベクター画像ソフトウェア(vector image software)を使用してそれらを開くことができるはずです。ベクター画像は、 (Vector)Photoshopなどの標準の画像エディタや(Photoshop)Illustratorなどの専用グラフィックエディタでも開きます。
ただし、ほとんどのユーザーにとって、最も簡単な方法はブラウザを使用することです。ほとんどの主要なWebブラウザはベクター画像(vector image)をサポートしています。たとえば、Google Chromeでベクター画像を開くには、[ファイル]> [ファイルを開く]をクリックして(Google Chrome)、(vector image)ベクターFile > Open Fileファイル(vector image file)を選択します。SVGのような標準形式の場合、Chromeは画像を生成し、表示できるようにする必要があります。
(SVG)SVGファイルは単なるXMLコードの行であるため、 (XML code)SVG画像はNotepad++などのテキストエディタで開くこともできます。必要に応じて、この方法でベクター画像のデザイン(vector image design)を編集できます。次に、ファイルで指定されたデザインを使用して、その場で画像が生成されます。このプロセスは、ブラウザで表示している場合でも画像エディタ(browser or image editor)で表示している場合でも同じです。
ただし、他の画像ファイル(image file)形式は動作が異なる場合があります。PDFなどの一部のドキュメント形式はベクター画像と見なされますが、ラスター画像を含む他の種類のコンテンツを含むように生成できます。これらはWebブラウザ(web browser)で開くこともできますが、代わりに専用のPDFリーダー(PDF reader)が必要になる場合もあります。
Inkscapeでのベクター画像の作成と編集(Creating & Editing Vector Images In Inkscape)
ベクター画像(vector image)を作成または編集する場合は、適切なベクター画像エディター(vector image editor)が必要です。前述したように、テキストエディタを使用して(text editor)SVG画像(SVG image)ファイルを手動で編集することもできますが、これはほとんどのユーザーにとって実際には実用的ではありません。
ベクター画像(Vector image)エディターは、すべての主要なプラットフォームに存在します。これらのうち、最もよく知られているのはInkscapeとAdobeIllustrator(known—Inkscape and Adobe Illustrator)の2つです。初心者やアマチュアにとって、Inkscapeは最良の選択肢です。これは無料のオープンソースのベクター画像エディター(vector image editor)であり、Windows、Linux、およびmacOSユーザーが利用できます。
- Inkscapeで(Inkscape)ベクター画像(vector image)を作成するには、新しいファイルを作成するだけです。SVGファイルがデフォルトのInkscapeファイル(Inkscape file)形式です。Inkscapeを開くと新しいキャンバスが作成されますが、 File > New ]を押して、新しいキャンバスを手動で作成します。
- Inkscapeで(Inkscape)画像ファイル(image file)を開くには、 File > Open]を押します。
- また、既存のビットマップ画像(bitmap image)を取得してトレースし、その場所に一致するベクター画像を作成することで、(vector image)ベクター(vector image)画像を作成することもできます。これを行うには、Path > Trace Bitmapを押します。
- ここで明るさのカットオフ(Brightness cutoff)設定を選択します。これがどの程度うまく機能するかを確認するには、しきい値の数値を微調整する必要がありますが、開始するには(Threshold)0.500〜1.000が適しています。プレビューを表示するには、[更新](Update)を押します。
- Inkscapeは複数のスキャンを実行して、最終的なベクター画像(vector image)を可能な限り正確にすることができます。[スキャン]ボックスとセクションでスキャン(Scans)数を設定し、[ OK ]を押してプロセスを開始します。
Inkscapeの代替手段(Alternatives To Inkscape)
Inkscapeは、ベクター画像の作成を検討しているほとんどのユーザーにとって優れた無料のオプションですが、確実に検討する必要のある代替手段があります。
最も大きなものの1つはAdobeIllustratorです。これは、ベクター画像用のプロフェッショナルで業界標準のグラフィックデザインツールです。(design tool)有料のAdobeCreativeCloudサブスクリプションが必要で、 (Adobe Creative Cloud subscription)WindowsとmacOS(Windows and macOS)でのみ利用できます。
あまり強力ではないバージョンのIllustratorをiPhoneおよびiPad(iPhone and iPad)にダウンロードできますが、これにはデスクトップユーザーが利用できるプレミアム機能の一部が欠けています。
また、ベクター画像用の無料のオンラインエディターを提供するVectrなどのサービスを使用して、オンラインで新しいベクター画像を編集または作成することもできます。InkscapeやIllustrator(Inkscape or Illustrator)ほど強力ではありませんが、想像力に富んだ新しいデザインをすばやく作成するのに役立ちます。
他のInkscapeの代替手段も存在します。macOSユーザーにとって、Sketchは、特にUIデザイナーにとって良いオプションです。Sketchは独自のファイル形式を使用していますが、これは(file format)InkscapeとAdobeIllustratorで(Inkscape and Adobe Illustrator)サポートされています。Sketch(Sketch isn)は無料ではありませんが、30日間の無料トライアルで試すことができます。
画像編集ソフトウェアの使用(Using Image Editing Software)
無料の画像編集ソフトウェアのおかげで、どのプラットフォームでも高品質の画像を簡単に作成できます。モバイルユーザーの場合、写真編集アプリを使用すると、基本的なスナップをソーシャルメディアページに適した高品質のコンテンツに変えることができます。(high-quality content)
デザインに興味がある場合は、高品質のベクター画像エディター(high-quality vector image editor)が必要になります。これに1ドルを費やす必要はありません。Inkscapeはオープンソースであり、macOSを含むすべてのプラットフォームで無料で利用できます。Macでラスター画像を編集する場合は、代わりにPixelmatorやGIMPなどの無料のMac画像エディタ(free Mac image editor)が必要です。
What Is a Vector Image & How To Make & View One
Ever zoomed in too far on a photo and seen it pixelate? Imagеs created using a digital camera can only appear at certain resolutions. You can dеcrease their size, but scaling them up can be tricky—you lose quality in the process. These images (raster іmages) are perfect for selfies, but they need to be creаted with sizing in mind.
For scalable images, you’ll want to use a vector image, but what is a vector image? Logos, print designs, and more—these often lack set sizing. Vector images give you the ability to scale images like these up (or down) without losing any quality. Here’s everything you need to know about vector images, including how to make your own.
What Is a Vector Image?
A vector image is like a map—scalable, with distances between points A and B that remain in proportion, even if the overall image increases in size.
Vector images, in essence, are digital instructions for how an editor or viewer should create an image. This allows your device to generate the image with clear curves and lines that have no blur, no pixelation, and no image degradation.
Rather than the static, inflexible grid of pixels that you’ll see when you zoom in to a raster image file such as JPG or BMP, vector images are created digitally using set mathematical instructions. Thanks to the magic of mathematics, the same point between A and B on a vector image will remain in proportion.
If you’re a graphics designer, you’ll immediately understand the advantages that vector images offer you over raster images. Rather than having to worry about the resolution of your image before you begin, you can create your image with any size.
After that, it’s all about scale—vector images in formats like SVG can be made as small or as large as you like. That’s why vector image formats are usually best for art and design projects, especially if you’re creating a logo or a design you’re looking to print.
How To View Vector Images
Vector images aren’t an unusual image format. You should be able to open them in your web browser, or by using vector image software like Inkscape. Vector images will also open in standard image editors like Photoshop or dedicated graphics editors like Illustrator.
For most users, however, the easiest method is to use your browser. Most major web browsers support vector images. To open a vector image in Google Chrome, for instance, click File > Open File and select your vector image file. If it’s in a standard format like SVG, Chrome should generate the image and allow you to view it.
SVG images can also be opened in text editors like Notepad++, as SVG files are merely lines of XML code. You can edit your vector image design this way if you prefer. The image is then generated on the fly using the design specified in the file. This process is the same, whether you’re viewing it in a browser or image editor.
Other image file formats may work differently, however. Some document formats such as PDF are considered to be vector images but can be generated to contain other types of content, including raster images. These can also be opened in your web browser, but may also require a dedicated PDF reader to open instead.
Creating & Editing Vector Images In Inkscape
If you want to create or edit a vector image, you’ll need a suitable vector image editor. As we’ve mentioned, you could manually edit an SVG image file using a text editor, but this isn’t really practical for most users.
Vector image editors exist on all major platforms. Of these, two are considered to be the most well known—Inkscape and Adobe Illustrator. For beginners and amateurs, Inkscape is the best option. It’s a free, open-source vector image editor, available for Windows, Linux, and macOS users.
- To create a vector image in Inkscape, all you need to do is create a new file—SVG files are the default Inkscape file format. A new canvas will be created when you open Inkscape, but press File > New to create a new canvas manually.
- To open an image file in Inkscape, press File > Open.
- You can also create vector images by taking an existing bitmap image and tracing it to create a matching vector image in its place. To do this, press Path > Trace Bitmap.
- Select the Brightness cutoff setting here—you’ll need to tweak the Threshold figure to see how well this performs, but 0.500-1.000 is a good place to start. Press Update to see a preview.
- Inkscape can perform multiple scans to try and make the final vector image as accurate as possible. Set the number of scans under the Scans box and section, then press OK to begin the process.
Alternatives To Inkscape
While Inkscape is a great, free option for most users looking to create vector images, there are alternatives you should certainly consider.
One of the biggest is Adobe Illustrator, which is a professional, industry-standard graphic design tool for vector images. It requires a paid Adobe Creative Cloud subscription and is only available on Windows and macOS.
You can download a less powerful version of Illustrator on iPhone and iPad, but this will lack some of the premium features available to desktop users.
You can also edit or create new vector images online using services like Vectr, which offers a free, online editor for vector images. It isn’t as powerful as Inkscape or Illustrator, but it could help you to quickly create imaginative new designs.
Other Inkscape alternatives exist, too. For macOS users, Sketch is a good option, especially for UI designers. Sketch uses its own proprietary file format, but this is supported by Inkscape and Adobe Illustrator. Sketch isn’t free, but you can try it out with a 30-day free trial.
Using Image Editing Software
Thanks to free image editing software, it’s never been easier to create high-quality images on any platform. If you’re a mobile user, photo editing apps can turn your basic snaps into high-quality content suitable for your social media pages.
If you’re interested in design, you’ll want a high-quality vector image editor. You don’t need to spend a single dollar for this—Inkscape is open source and freely available on all platforms, including macOS. If you’re looking to edit raster images on Mac, you’ll need a free Mac image editor like Pixelmator or GIMP instead.
