11 Essential SVG Interview Questions and Answers

Q1. Can SVG Have a Transparent Background?

YES. And this allows you to export an SVG file to a PNG file (also transparent, but not vector format anymore).

Q2. Where Should I Use an SVG File?

You can use it for logo creation, posters, or whenever you want to build a source file that will be the main source of other work with other sizes. Once you build a polished SVG file it can be exported to multiple different programs and have multiple different uses! Examples: Logos, Flags of Countries, Maps, blueprints, PCB (Print Circuit Board) and many many other uses!

Q3. Which Applications Can Use SVG Files?

Blender, Inkscape, Corel DRAW!, Adobe Illustrator, Adobe Photoshop, Vectornator, Krita and many many more. Some of the programs are only able to show/view SVG files (for this you can also use your browser, just so you know). To edit the SVG files you can use multiple different SVG Editors (Inkscape should be your main choice if you don’t want to spend a dime or are in need of a quick edit in a operating system you might be using at work that is not exaclty the same you are using at home).

Q4. Can SVG Files Have Layers?

YES. They are great to organize your work. 

Q5. Can SVG Files Have Color?

YES. All of the RGB, HEX or HSL as you want! NOT TO FORGET  YOU CAN ALSO HAVE GRADIENTS! HOW COOL IS THAT EH? 🙂

Q6. Are SVG Files Smaller Than PNG or GIF?

Normally yes! It depends solely on the number of vertices and shapes inside of a SVG document.

Q7. What Would Be the Main Difference Between an SVG and a PNG File, in Broad, General Terms?

Those are two different file formats, right? Vector (SVG) VS Raster (PNG). But one thing that can be said right away about these two file formats is that both file formats can be viewed online using a web browser. Google is also able to index your SVG file (regardless of being declared entirely in the HTML file or being an external SVG file). BECAUSE SVG FILE FORMAT IS AN XML FORMAT IT TENDS DO LOAD FASTER BECAUSE NORAMLLY IS SMALLER IN THE FILE SIZE.

Q8. Can SVG Documents Be Optimized? (Become Smaller to Load Faster, Somehow)?

YES! Absolutely! Since SVG files is basically an XML file it can be optimized by going to SVGOMG (https://jakearchibald.github.io/svgomg/) and SVG Minify (https://www.svgminify.com/) just to name a few. THE SERVICES ABOVE MENTIONED THROW AWAY PARTS OF THE XML FILE THAT ARE NOT ACTIVELY USED NEITHER BY THE BROWSER OR BY SVG PROGRAMS. SO THE FINAL FILE SIZE BECOMES SMALLER.

Q9. Can I Animate SVG Files?

YES! You can! (Would say Obama in his pre electoral campaign in 2008). Since SVG is a declarative XML that can be described inside of an SVG tag inside of an HTML document (or even be point as an SVG file inside of an HTML document) it can also be manipulated either using CSS or JavaScript to also name a few ways! (Here are a few examples for your reference https://www.hongkiat.com/blog/svg-animations/) (more about thiS on a different article, stay tuned!)

Q10. Where Can I Edit (or Even Create) an SVG File From Scratch?

If you were living under a rock for the past 20 years I am here for your rescue! There is a super powerful and versatile software (not any software but an amazing FREE SOFTWARE) called Inkscape. It is the junction of Ink + Scape. I normally tell my friends and acquaintances that it is the poor coursing of Adobe Illustrator since it is a software of the same niche. Same category. It deals mainly with vectors. Vertices. Shapes and lines. 
This application is so cool it even has layers. Go to www.inkscape.org, search for the download option, and search for your operating system (have I mentioned this application is cross-platform?) whether it is Windows, Linux or macOS they have an option for you! You can mimic the dark mode in Inkscape.
(Go to Edit > PReferences > Interface > Theme). Look where the color options are, mess around, click apply, and VOILÁ! You will be surprised to know how much more beautiful and easy on the eyes the dark theme is for you. It saves energy (because it emits less white colors through your monitor and demands a lot less on your eyes too).
You Can Change Inkscape to Speak Your Own Language!
(Go to Edit > Preferences > Interface (or Shift+Ctrl+P). Select Language and Restart Inkscape

Q11. SVG or PNG?

You can have both! Using Inkscape you can also export your SVG files and PNG files. So no worries here. You are covered for both.

I hope you learned a little bit more about SVG files, why it is a good idea to use such files, and where you can take the advantage of using them.

 

0
0

Related Posts