0

This is my first time trying to export a photoshop file to a svg, and I was surprised to see that the font-based elements changed dramatically when I tried to export the file. The internet tells me that there are two key ways to avoid this:

  1. "Rasterize type layer"
  2. "Convert to shape"

Both of which are options in the "type" menu on Photoshop and need to be applied to any font elements.

I was wondering if anyone could confirm if these are the two best options and explain what the benefits/ disadvantages of each option are?

1

Either of these will fix the problem that you are having with your type being messed up, which is due to fonts not embedding in .svg files.

  1. 'Rasterize type layer' converts your text into pixels. It's no longer scaleable so it will only display crisply at, or below, the size you export it at. As you are exporting from Photoshop anyway, this may be the best option because you would be presumably outputting other raster art in the file as well. However, if that's the case, you might be better served with an ordinary raster image format (.jpg, .png etc) and avoid other unnecessary .svg related headaches altogether.

  2. 'Convert to shape' is much the same as the 'create/convert to outlines' option found in most other layout and design tools, where your text is changed into vector shapes, while (hopefully) retaining the detail from the font. Unlike rasterizing, shapes are scalable, so you could display your .svg at any size and the text will remain sharp, without pixellating.

Not really possible to give a recommendation as to which would be best - it really depends on the artwork you're exporting. The question of whether or not the text needs to be scaleable would determine which method (although, if it doesn't need to scale, and .svg isn't a requirement for some other reason, you'd probably be better off with a traditional image format).

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.