Skip to main content
Inspiring
December 24, 2023
Answered

photoshop exporting as svg

  • December 24, 2023
  • 2 replies
  • 705 views

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!

This topic has been closed for replies.
Correct answer Bojan Živković11378569

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.

2 replies

jane-e
Community Expert
Community Expert
December 25, 2023
quote

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

jane-e
Community Expert
Community Expert
December 25, 2023

@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

aonefunAuthor
Inspiring
December 25, 2023

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ć11378569
Community Expert
Community Expert
December 25, 2023

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.