WEBVTT

00:00:00.000 --> 00:00:06.000
Why do some logos stay sharp when enlarged?

00:00:06.000 --> 00:00:13.000
Vector graphics describe shapes rather than a fixed grid of pixels.

00:00:13.000 --> 00:00:18.000
Understand the scalable graphic.
6 SVG basics.

00:00:18.000 --> 00:00:30.000
SVG means scalable graphics
Scalable Vector Graphics is the full name of the format.
Vector format · Two-dimensional artwork · Scalable shapes

00:00:30.000 --> 00:00:42.000
Vectors describe the shapes
Paths and other elements define how the artwork is drawn.
Paths · Shapes · Drawing instructions

00:00:42.000 --> 00:00:54.000
Simple artwork suits it well
Logos, icons and diagrams often work well as vectors.
Logo artwork · Interface icons · Simple diagrams

00:00:54.000 --> 00:01:06.000
Photos have different needs
A detailed photograph is usually better served as a raster image.
Photograph detail · Pixel-based image · Suitable photo format

00:01:06.000 --> 00:01:18.000
Use the real vector source
Renaming a JPEG file does not turn its pixels into vector artwork.
Original artwork · Correct file type · No renamed photo

00:01:18.000 --> 00:01:30.000
Check the finished result
Review small details, useful descriptions and browser display.
Small-size legibility · Appropriate alt text · Actual page preview

00:01:30.000 --> 00:01:39.000
Your checklist
SVG means scalable graphics · Vectors describe the shapes · Simple artwork suits it well · Photos have different needs · Use the real vector source · Check the finished result

00:01:39.000 --> 00:01:47.000
Use a suitable original for each kind of image.
jerseyweb.je