Disruptive Diagramming

Strong opinions on SVG, diagramming and CAD.

May 15, 2020 · Everything svg · Web Design

How to use fonts in SVG

So you have an SVG with some text and would like them rendered with your selected fonts, how do you do that? Read on to find out more on how to use fonts in your SVG.

Thomas Yip

Founder at vecta.io, created Electra, engineering nerd.

May 07, 2020 · Everything SVG · Nano SVG Compressor

Convert DXF to SVG with Nano and reduce file size by 90%

Do you have a need to let your users download a DWG or DXF? The problem is, users can't preview the contents until they download a file, and download a viewer. Plus you may have have several thousands of these CAD drawings. Wouldn't it be nice to sho...

May 07, 2020 · Everything svg · Web design

The best way to make image maps (2020)

Do you have an image with 2 or more buttons that clicks to different destinations. Still using image maps with javascript plugins? Read more to find out how to create responsive image maps the easy way.

October 08, 2019 · How To Vecta · Everything SVG

Introducing SVG flattening for laser and vinyl cutting

SVG editing for vinyl cutters and laser engravers just got much easier with Vecta's new feature - SVG Flattening. This feature is made possible with Vecta's user - John Robinson's feedback and input, thanks John!

July 06, 2019 · Success Stories · Everything SVG · Nano SVG Compressor

Empowering the future of education in science and technology with Nano

When Phil wanted to inspire kids to indulge in the world of science and technology, he looked no further than to pique their interests with colorful stories in his online magazine at stargaze.science.

May 14, 2019 · Everything SVG · Nano SVG Compressor

5 Most common problems faced by SVG users

As SVG adoption increases 100% year-over-year, front end developers and designers like yourself will increasingly be expected to use more and more SVG in websites, all around the world.

March 26, 2019 · Success Stories · Everything SVG · Nano SVG compressor

Revolutionizing and changing people's lives for the better with Nano

Brusnika is one of the largest housing developers in Russia, building and selling over 5,000 apartments for Russian families annually. They redefined how low cost housing should look like, by introducing architectural and urban innovations that used ...

March 09, 2019 · Web Designing · Everything SVG · Nano SVG compressor

Improving mobile page speed by 200% using SVG and Nano

According to Google, your page should load within 3 seconds, otherwise 53% of mobile visitors would abandon your page. If it takes 6 seconds, the probability of bounce increases to 106%. In short, your website's performance has a direct correlation t...

January 14, 2019 · Web Designing

Best practices for SVG SEO in Google Image

With the proliferation of high resolution devices, SVG is definitely the future to serving high res screens with responsive images, at a small file size and low bandwidth. In fact, some sites that we check-in daily like Google, YouTube, Twitter...

January 05, 2019 · Everything SVG

Tips for smaller svg sizes

You fire up your favourite editor and produce SVGs but found their sizes to be bigger than expected. Is there anything you can do to reduce SVG file sizes? Read on to find out how to reduce SVG sizes to a bare minimum.

December 12, 2018 · Web Design · Everything SVG

The definitive guide to CSS styling order

Ever wondered why your CSS does not apply and require the important keyword instead? Or why SVG editors uses inline attributes instead of CSS style sheets? Read on to find out how styling methods affect what's being applied to your elements.

December 01, 2018 · Web Design · Everything SVG

Responsive images using SVG instead of srcset

It used to be, if you embed an image onto your website, that will be the end of the story. But with the proliferation of high resolutions displays, webmasters all over the world are scrambling to update their websites with high-res images using srcse...

October 28, 2018 · Everything SVG · Web Design

Using fonts in SVG

A year after SVG 1.0 was introduced back in 1999, SVG fonts was introduced with the intention to allow designers to design SVG graphics with any fonts they like and have them showing up correctly on the browser. But 18 years later, how is the support...

Load more
vecta.io BETA