photoshop exporting as svg

[aonefun]

1. is svg the most ideal format for selling simple logo designs online (1 color designs)? If so, I would be opening existing artwork into photoshop due to being proficient only in photoshop and not illustrator. Considering this, I have the following additional questions:
2. Does the file type of the artwork being opened in photoshop (for editing) significant
3. What settings upon exporting as svg should I be cognizent of?
4. As I am using CS6, I don’t currently see support for import/export of SVG files, is there any workaround? Thanks!

[jane-e]

@aonefun 

Photoshop is raster; svg is vector. Opening a vector file in Photoshop will rasterize it. Photoshop does not support SVG. Illustrator does, but not as far back as CS6.

What you might want to do is investigate free or low-cost vector applications that will run on your computer and will export to SVG. We are asked not to recommend software outside of Adobe, but you should be able to find something using a search engine.

Jane

[aonefun]

thanks so much for your informative reply! Is there any big advantage of providing svg format over something like jpg, provided the resolution is high? if not, what would the recommended resolution and pixel dimension be?

[Bojan Živković · Accepted solution]

Vector data has advantages over pixel data for any size of images. Pixel data, or raster images, are mainly suitable for camera shots, while vector images are recommended for logos. Raster images have a fixed number of pixels, while vector images are descriptions that can be calculated and rendered on the fly. Vector data ensures crisp edges at any scale, while enlarging pixel data may result in blurry images. For example, when uploading to a website, you can provide a single vector image that will be scaled on the fly by the renderer or browser without loss of quality. When providing pixel data, you may need to provide multiple images for different sizes. Sometimes, a single pixel logo image can be scaled on the fly for different screens and resolutions, but it may have lower quality than the same logo as vector data.

"Is there any big advantage of providing svg format over something like jpg, provided the resolution is high? if not, what would the recommended resolution and pixel dimension be?"

It is hard to recommend any specific dimensions for pixel-based logos, because the web and everything else is constantly evolving. Pixel-based logos may lose quality when (heavily) scaled up and down. You may want to consider creating vector logo instead, which can be resized without losing quality inside software. However, this also require exporting them in many different pixel dimensions to suit different uses. That is more difficult and uncertain than using vector data.

[didiermazier]

With SVG only one size fits all.

Web or app devs do not need to send various sizes of a logo or icon file. They can enlarge or reduce the same file for multiple mobile devices. Less memory needed and at last faster loading.

Also SVG can easily be animated with Javascript.

[jane-e]

1. is svg the most ideal format for selling simple logo designs online (1 color designs)? If so, I would be opening existing artwork into photoshop due to being proficient only in photoshop and not illustrator. Considering this, I have the following additional questions:

By @aonefun

SVG stands for "Scaleable Vector Graphic" and shines because it scales on the web regardless of the device being used. CS6 cannot create SVG. Newer versions of Illustrator can.

Ideally, logos are vector and not raster, meaning Adobe Illustrator or another vector application and not Photoshop. If you want to sell your logos online, you would be advised to learn a vector application such as Illustrator. 

https://www.adobe.com/creativecloud/tools/logo-software.html

Jane