June 18 2010 • 10:08 AM

SVG Import and Export Means Better ePubs

First some background: SVG (“scalable vector graphics”) is a simple but powerful way to save vector artwork (like text and logos and line art or graphics made in Illustrator). Adobe was one of the first companies to push SVG. I even wrote an article in Adobe Magazine back in the ’90s about it. I thought for sure SVG was the future of vector graphics.

Then Microsoft decided it didn’t want to support it any longer and SVG basically withered. Adobe kept flogging it for a bit — you can still get SVG out of Illustrator, and InDesign could even export SVG up until CS2 or CS4 — but it was hardly any use. Everyone seemed to care more about Flash or Silverlight or PDF.

But a funny thing happened on the way to the forum… ePub.

While Adobe’s Digital Editions software supports Flash, a number of other epub readers don’t. LIke, um, most of them, including iBooks on the iPad. So what is an epub publisher to do with vector graphics? Usually, they just get rasterized (turned into bitmaps), which is pretty icky. Or, you can hand code a link to SVG into epub, which is even ickier.

But check this out: A third-party developer has recently come up with a way to let InDesign import SVG files: svg.scand.com.

I have only played with their demo, but it’s cool enough that I wanted to let you all know about it. Currently, the Mac version isn’t working properly for me (I think the installer is broken), but the Windows version seems to work just fine.

To import an SVG file, you have to change the Format pop-up menu in the Place dialog box to All Files or “Scalable Vector Graphics,” or else InDesign won’t see it. But after that, it acts just like a regular graphic.

Then — and this is important — when it comes time to export your ePub file, you have to change the Copy Image pop-up menu from Formatted to Original:

svg1.jpg

That way, the original SVG file is placed into the ePub, instead of a rasterized JPG or GIF.

Of course, the ability to use SVG will be welcome to even some folks who aren’t doing ePub — they just have a bunch of SVG images. That’s fine, too!

Try out the SVG Kit plug-in and let me (and them) know what you think about it in the comments below! Does this version (currently 1.0) work for you? Is it worth the price (currently $99 for 1 license)? Is this something you have wanted?

9 Responses discussing this post. Add yours below.

  1. Lindsey Thomas Martin
    June 18th, 2010 • 7:52 pm • Link

    Won’t install on Mac (10.6.4) for me either. Error says installer can’t find installed copies of ID or PS. Sent a note to company.

  2. June 18th, 2010 • 8:30 pm • Link

    I discovered (with the company’s help) that the installer does appear to install the Mac CS4 version here: computer/library/Scand ltd/SVG for Creative Suite/cs4. It works really quite well… and on the Mac, you can just “Place” like any normal image (you don’t have to adjust the Format pop-up menu).

  3. Miguel Sousa
    June 19th, 2010 • 2:23 am • Link

    Blatner: InDesign could even export SVG up until CS2 or CS4

    SVG exporting options are available in CS3. They are not present in CS4.

  4. June 19th, 2010 • 5:47 am • Link

    Thank you, Miguel. I was typing too quickly. I meant “up until CS2 or CS3.” That darn “4″ is just too close to the “3″!

  5. Lindsey Thomas Martin
    June 21st, 2010 • 2:30 pm • Link

    An updated installer for Mac is now on Scand’s website; it now installs to ID and PS CS5 without a hitch. DMG file is here.

  6. Nancy Wirsig McClure
    June 28th, 2010 • 4:19 pm • Link

    Beware! Bridge does not display thumbnails/previews for SVG files. They all show up as the same SVG icon.

    My new employer uses SVG images in a web app. They have tons of SVG assets, and I’m stuck for a way to scan through them!

    Any help out there?

  7. Marie Doherty
    July 3rd, 2010 • 8:20 am • Link

    I have just discovered that not all ereaders support svg graphics – in particular the Kindle!

  8. Vik
    July 6th, 2010 • 6:06 am • Link

    Bridge does not display thumbnails/previews for SVG files

    Seems developers read your comment ;-)

    I see the new version Mac and win are available, with Bridge support.

  9. July 6th, 2010 • 6:19 am • Link

    Wow, thanks Victor! I’m glad development keeps rolling on this product. (Readers please note that those links in Vik’s comment are direct links to dmg and exe downloads.)

Subscribe to the Discussion

Get the ongoing discussion surrounding "SVG Import and Export Means Better ePubs" delivered to you. Click here to subscribe via RSS.

Leave a Reply

You can use limited HTML tags, such as <em></em> for emphasis/italics and <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> .

InDesignSecrets reserves the right to edit and/or remove posts and comments.