Mobile app version of vmapp.org
Login or Join
Bryan765

: Resize an image without quality loss this is a newbie question. I'm not a designer but I would learn something. Look this image: Well, I would recreate this image (without the pattern background,

@Bryan765

Posted in: #AdobeIllustrator #AdobePhotoshop #ImageQuality #Resize #Vector

this is a newbie question. I'm not a designer but I would learn something.
Look this image:



Well, I would recreate this image (without the pattern background, it doesn't matter).
The point is that I want resize the image without quality loss. So if possibile, I would the same quality at, for example, 150x40 and the same at 1500x400. Probably for a web designer this is absolutely easy but for me not.

Can you give me some tips for doing that? For this, is it better to work in Photoshop or Illustrator? Thank you!

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Bryan765

1 Comments

Sorted by latest first Latest Oldest Best

 

@Miguel516

If you need to scale images up at the ratio you're describing, it's practically necessary to work with vector images rather than raster images. The main difference is that raster images are made up of pixels, discrete dots of a fixed size, whereas vector images are described by geometric paths.

The essential point is that vector images can be scaled up practically infinitely while retaining smooth edges, but scaling up a raster image increases the size of each individual pixel and produces "blocky" effects.

You can read more about the differences here:
en.wikipedia.org/wiki/Raster_graphics en.wikipedia.org/wiki/Vector_graphics
Even though Photoshop is meant for working with photos, which by nature are raster images, it has a fairly decent set of vector tools. However, Illustrator is really the preferred tool for working with vector graphics, and probably the one you should be using. Fireworks provides a mix of both toolsets and may be less intimidating than Illustrator if you're just getting started.

One final note. If your final output is for the web, keep the vector file, but export a raster version (most likely a PNG), at the size needed for display on the site. This way you get the maximum quality output, since the vector to raster conversion is happening AT the size required and there is no scaling of the raster image after rasterization. You also preserve the vector file should you need to edit it later.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme