Let’s talk about SVGs (Scalable Vector Graphics). Unlike JPEGs or PNGs, they’re not made of pixels but of paths and shapes. That means you can resize them forever—big or small—without losing sharpness. They’re perfect for logos, icons, and even animations, all while keeping your site light and fast.
Creating SVGs is simpler than it sounds. You can hand-code them with just a few lines of XML, or skip the code and use tools like Adobe Illustrator or free online editors. Either way, it’s a fun way to add crisp, scalable visuals to your work.
And here’s the cool part—every animated drawing on my site was made with RodDraw, an app I built to turn hand sketches into animations. It’s lightweight, scalable, and easy to drop anywhere on a page. If you’re curious, check out the video tutorial below or try it out yourself through the Menu. Happy animating!