July 06, 2019 · Nano

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.

Stargaze.science provides fun content for kids to learn
Stargaze.science provides fun content for kids to learn

SVGs was his go-to for illustrating these stories. Drawing his content in Adobe Illustrator, things seem fine and it was smooth sailing.

That is, until he uploaded them to his website.

Issues arise when internet browsers consume lengthy times to render his illustrations, due to the complexities and large sizes of his SVGs. Not to mention that fonts were also not rendering properly on mobile browsers because of how most browsers stopped supporting SVG fonts.

Phil was hopeful to find a tool that would fix the fonts issue. He Googled up for a different SVG compressor and Nano caught his eye.

“Frustrated with the rendering of fonts within SVG, a Google search led me to Nano” - Phil
“Frustrated with the rendering of fonts within SVG, a Google search led me to Nano” - Phil

Having a full time job and a family, it was crucial for the aspiring entrepreneur that Nano has the simplicity and speed to get the job well done. Within seconds, Nano can compress an SVG simply through drag and drop.

Simply drop a file in the Nano page, and an SVG is compressed almost instantly
Simply drop a file in the Nano page, and an SVG is compressed almost instantly

“It fixed my font issue and reduced file size as a bonus. What little issues I did have with the tool were detected by the website automatically and fixed very quickly, a corrected file showing up in my inbox.”

How did Nano fix Phil’s font issue?

Nano scans for text elements in his SVGs, and selectively embed only fonts that are used in his SVGs. With fonts embedded, it allows proper rendering across all platforms and devices.

As icing on the cake, Nano also helped Phil on reducing web page loading times with optimal compression techniques. It made his illustrations shrunk in size by around 45% compared to before using Nano, without any loss of quality.

To see how Nano achieves such results, read here.

To inspire the next generation to learn has been a challenge with the digitality of the current world we live in. Children now are more inclined to learn when there’s a screen to lay their eyes on. Phil is using Nano to create stories online. Stories that interest kids in the borders of technology and science, all drawn in high resolution SVGs.

Like the article? Give the author some claps.

Share it with your friends!
AUTHOR

Yi Qian

CXO at Vecta.io. Solving problems with people for people by connecting dots between brains, over a cup of coffee.

Creating a diagram?

Introducing the world's first SVG editor with javascript based plugins

Learn more...

IF YOU LIKE THIS POST, YOU'LL LIKE THESE TOO

March 26, 2019 · Nano

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 ...

May 14, 2019 · SVG · Web

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 · Nano

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 ...

Keep yourself updated with the latest development on SVG, Web development, CSS and Javascript.